@lanaco/lnc-react-ui 2.1.17 → 2.1.18
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 +320 -98
- package/lib/index.js +320 -97
- 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"
|
|
@@ -22488,7 +22488,7 @@ var DateInput = function DateInput(props) {
|
|
|
22488
22488
|
setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22489
22489
|
};
|
|
22490
22490
|
|
|
22491
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
22491
|
+
return /*#__PURE__*/React__default.createElement(Container$k, {
|
|
22492
22492
|
theme: theme,
|
|
22493
22493
|
size: size,
|
|
22494
22494
|
color: color
|
|
@@ -22653,13 +22653,13 @@ DropDown.propTypes = {
|
|
|
22653
22653
|
|
|
22654
22654
|
var _excluded = ["duration", "delay", "children"];
|
|
22655
22655
|
|
|
22656
|
-
var _templateObject$
|
|
22656
|
+
var _templateObject$n, _templateObject2$i;
|
|
22657
22657
|
|
|
22658
22658
|
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
22659
|
|
|
22660
22660
|
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$
|
|
22661
|
+
var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22662
|
+
var Wrapper$2 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22663
22663
|
|
|
22664
22664
|
var FadeIn = function FadeIn(_ref) {
|
|
22665
22665
|
var _ref$duration = _ref.duration,
|
|
@@ -22677,7 +22677,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22677
22677
|
}), children);
|
|
22678
22678
|
};
|
|
22679
22679
|
|
|
22680
|
-
var _templateObject$
|
|
22680
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22681
22681
|
|
|
22682
22682
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22683
22683
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22691,8 +22691,8 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22691
22691
|
if (size === "large") return "2.25rem";
|
|
22692
22692
|
};
|
|
22693
22693
|
|
|
22694
|
-
var spin$2 = keyframes$2(_templateObject$
|
|
22695
|
-
var Container$
|
|
22694
|
+
var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22695
|
+
var Container$j = newStyled.div(_templateObject2$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
22696
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22697
22697
|
}, function (props) {
|
|
22698
22698
|
return heightBySize$b(props.size);
|
|
@@ -22918,7 +22918,7 @@ var DropdownLookup = function DropdownLookup(props) {
|
|
|
22918
22918
|
}
|
|
22919
22919
|
};
|
|
22920
22920
|
|
|
22921
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
22921
|
+
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
22922
|
ref: InputRef,
|
|
22923
22923
|
autoComplete: "off",
|
|
22924
22924
|
id: id,
|
|
@@ -22978,7 +22978,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
|
|
|
22978
22978
|
onChange: PropTypes.func
|
|
22979
22979
|
}, _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
22980
|
|
|
22981
|
-
var _templateObject$
|
|
22981
|
+
var _templateObject$l;
|
|
22982
22982
|
|
|
22983
22983
|
var getPadding = function getPadding(size) {
|
|
22984
22984
|
if (size === "small") return "0.4125rem 0.34375rem";
|
|
@@ -22992,7 +22992,7 @@ var heightBySize$a = function heightBySize(size) {
|
|
|
22992
22992
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
22993
22993
|
};
|
|
22994
22994
|
|
|
22995
|
-
var Span$1 = newStyled.span(_templateObject$
|
|
22995
|
+
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
22996
|
return props.theme.typography[props.size].fontSize;
|
|
22997
22997
|
}, function (props) {
|
|
22998
22998
|
return getPadding(props.size);
|
|
@@ -23249,7 +23249,7 @@ var Icon = newStyled.i(function (props) {
|
|
|
23249
23249
|
fontSize: props.theme.typography[props.size].fontSize
|
|
23250
23250
|
};
|
|
23251
23251
|
});
|
|
23252
|
-
var Container$
|
|
23252
|
+
var Container$i = newStyled.div(function (props) {
|
|
23253
23253
|
return {
|
|
23254
23254
|
display: "flex",
|
|
23255
23255
|
fontFamily: props.theme.typography.fontFamily,
|
|
@@ -23333,7 +23333,7 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
|
|
|
23333
23333
|
size: size,
|
|
23334
23334
|
color: color
|
|
23335
23335
|
};
|
|
23336
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container$
|
|
23336
|
+
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
23337
|
type: locked ? "password" : "text",
|
|
23338
23338
|
autoComplete: autoComplete ? "true" : "false",
|
|
23339
23339
|
value: value,
|
|
@@ -31273,11 +31273,11 @@ var AnimatePresence = function (_a) {
|
|
|
31273
31273
|
: childrenToRender.map(function (child) { return cloneElement(child); })));
|
|
31274
31274
|
};
|
|
31275
31275
|
|
|
31276
|
-
var _templateObject$
|
|
31277
|
-
var Overlay = newStyled(motion.div)(_templateObject$
|
|
31276
|
+
var _templateObject$k, _templateObject2$g;
|
|
31277
|
+
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
31278
|
return props.zIndex;
|
|
31279
31279
|
});
|
|
31280
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31280
|
+
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
31281
|
return props.width;
|
|
31282
31282
|
}, function (props) {
|
|
31283
31283
|
return props.zIndex;
|
|
@@ -31408,7 +31408,7 @@ Modal$1.propTypes = {
|
|
|
31408
31408
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
31409
31409
|
};
|
|
31410
31410
|
|
|
31411
|
-
var Container$
|
|
31411
|
+
var Container$h = newStyled.div(function (props) {
|
|
31412
31412
|
return {
|
|
31413
31413
|
position: "fixed",
|
|
31414
31414
|
alignItems: "center",
|
|
@@ -31511,7 +31511,7 @@ var ConfirmationForm = function ConfirmationForm(props) {
|
|
|
31511
31511
|
if (clickOutsideToClose || !showHeader) onClose();
|
|
31512
31512
|
};
|
|
31513
31513
|
|
|
31514
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
31514
|
+
return /*#__PURE__*/React__default.createElement(Container$h, _extends({}, themeProps, {
|
|
31515
31515
|
className: className,
|
|
31516
31516
|
onClick: onClickOutsideModal
|
|
31517
31517
|
}), /*#__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 +31582,12 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31582
31582
|
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
31583
|
styleInject(css_248z$6);
|
|
31584
31584
|
|
|
31585
|
-
var _templateObject$
|
|
31585
|
+
var _templateObject$j, _templateObject2$f, _templateObject3$b;
|
|
31586
31586
|
|
|
31587
|
-
var Dropdown = newStyled.div(_templateObject$
|
|
31587
|
+
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
31588
|
return props.show ? "block" : "none";
|
|
31589
31589
|
});
|
|
31590
|
-
var ItemWrapper$2 = newStyled.div(_templateObject2$
|
|
31590
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n padding: 2px;\n"])));
|
|
31591
31591
|
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
31592
|
|
|
31593
31593
|
var DropdownMenu = function DropdownMenu(props) {
|
|
@@ -31664,13 +31664,13 @@ var freeze = function freeze(dependcies) {
|
|
|
31664
31664
|
return freeze;
|
|
31665
31665
|
};
|
|
31666
31666
|
|
|
31667
|
-
var _templateObject$
|
|
31668
|
-
var Container$
|
|
31667
|
+
var _templateObject$i, _templateObject2$e;
|
|
31668
|
+
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
31669
|
return props.theme.typography.small.fontSize;
|
|
31670
31670
|
}, function (props) {
|
|
31671
31671
|
return props.theme.typography.fontFamily;
|
|
31672
31672
|
});
|
|
31673
|
-
var Item$3 = newStyled.div(_templateObject2$
|
|
31673
|
+
var Item$3 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
31674
31674
|
return props.first ? "0" : "6px";
|
|
31675
31675
|
});
|
|
31676
31676
|
|
|
@@ -31747,7 +31747,7 @@ var FormViewMovement = function FormViewMovement(props) {
|
|
|
31747
31747
|
})));
|
|
31748
31748
|
};
|
|
31749
31749
|
|
|
31750
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
31750
|
+
return /*#__PURE__*/React__default.createElement(Container$g, themeProps, renderFirst(), renderPrevious(), renderNext(), renderLast());
|
|
31751
31751
|
};
|
|
31752
31752
|
|
|
31753
31753
|
FormViewMovement.defaultProps = {
|
|
@@ -48987,13 +48987,13 @@ var TableSelectionType = {
|
|
|
48987
48987
|
MULTIPLE: "multiple"
|
|
48988
48988
|
};
|
|
48989
48989
|
|
|
48990
|
-
var _templateObject$
|
|
48991
|
-
var Container$
|
|
48990
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7;
|
|
48991
|
+
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n\n border-radius: 3px;\n padding: 4px;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
48992
48992
|
return props.theme.typography.small.fontSize;
|
|
48993
48993
|
}, function (props) {
|
|
48994
48994
|
return props.theme.typography.fontFamily;
|
|
48995
48995
|
});
|
|
48996
|
-
var Item$2 = newStyled.div(_templateObject2$
|
|
48996
|
+
var Item$2 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
48997
48997
|
return props.first ? "0" : "6px";
|
|
48998
48998
|
});
|
|
48999
48999
|
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 +49167,7 @@ var Pagination = function Pagination(props) {
|
|
|
49167
49167
|
})));
|
|
49168
49168
|
};
|
|
49169
49169
|
|
|
49170
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49170
|
+
return /*#__PURE__*/React__default.createElement(Container$f, themeProps, renderFirst(), renderPrevious(), renderCurrentPage(), renderNext(), renderLast(), renderPageSize(), renderRowInformation(), renderExportButtons());
|
|
49171
49171
|
};
|
|
49172
49172
|
|
|
49173
49173
|
Pagination.defaultProps = {
|
|
@@ -49232,9 +49232,9 @@ Pagination.propTypes = {
|
|
|
49232
49232
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49233
49233
|
};
|
|
49234
49234
|
|
|
49235
|
-
var _templateObject$
|
|
49236
|
-
var Container$
|
|
49237
|
-
var Wrapper$1 = newStyled.div(_templateObject2$
|
|
49235
|
+
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;
|
|
49236
|
+
var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49237
|
+
var Wrapper$1 = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49238
49238
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49239
49239
|
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49240
49240
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -49437,7 +49437,7 @@ var TableView = function TableView(props) {
|
|
|
49437
49437
|
}));
|
|
49438
49438
|
};
|
|
49439
49439
|
|
|
49440
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49440
|
+
return /*#__PURE__*/React__default.createElement(Container$e, null, /*#__PURE__*/React__default.createElement(Wrapper$1, null, /*#__PURE__*/React__default.createElement(TableTable$1, {
|
|
49441
49441
|
cellSpacing: 0
|
|
49442
49442
|
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49443
49443
|
return x.hide !== true;
|
|
@@ -49446,7 +49446,7 @@ var TableView = function TableView(props) {
|
|
|
49446
49446
|
}))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody()))));
|
|
49447
49447
|
};
|
|
49448
49448
|
|
|
49449
|
-
var _templateObject$
|
|
49449
|
+
var _templateObject$f, _templateObject2$b;
|
|
49450
49450
|
|
|
49451
49451
|
var heightBySize$5 = function heightBySize(size) {
|
|
49452
49452
|
if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
|
|
@@ -49454,8 +49454,8 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49454
49454
|
if (size === "large") return "\n width: 1.8rem;\n height: 1.8rem;\n ";
|
|
49455
49455
|
};
|
|
49456
49456
|
|
|
49457
|
-
var spin$1 = keyframes$2(_templateObject$
|
|
49458
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49457
|
+
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49458
|
+
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
49459
|
return heightBySize$5(props.size);
|
|
49460
49460
|
}, function (props) {
|
|
49461
49461
|
return props.theme.palette[props.color].lighter;
|
|
@@ -49494,7 +49494,7 @@ Spinner.propTypes = {
|
|
|
49494
49494
|
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
49495
|
styleInject(css_248z$4);
|
|
49496
49496
|
|
|
49497
|
-
var _templateObject$
|
|
49497
|
+
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
49498
|
|
|
49499
49499
|
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
49500
|
|
|
@@ -49524,10 +49524,10 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49524
49524
|
return css;
|
|
49525
49525
|
};
|
|
49526
49526
|
|
|
49527
|
-
var Container$
|
|
49527
|
+
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
49528
|
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49529
49529
|
});
|
|
49530
|
-
var TableContainer$1 = newStyled.div(_templateObject2$
|
|
49530
|
+
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
49531
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
|
|
49532
49532
|
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
49533
|
return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -49918,7 +49918,7 @@ var DataView = function DataView(props) {
|
|
|
49918
49918
|
|
|
49919
49919
|
var renderComponent = function renderComponent() {
|
|
49920
49920
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
49921
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49921
|
+
return /*#__PURE__*/React__default.createElement(Container$d, _extends({}, themeProps, {
|
|
49922
49922
|
shadow: Shadow
|
|
49923
49923
|
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
|
|
49924
49924
|
mode: "out-in"
|
|
@@ -49953,8 +49953,8 @@ DataView.propTypes = {
|
|
|
49953
49953
|
color: PropTypes.string
|
|
49954
49954
|
};
|
|
49955
49955
|
|
|
49956
|
-
var _templateObject$
|
|
49957
|
-
var Item$1 = newStyled.div(_templateObject$
|
|
49956
|
+
var _templateObject$d;
|
|
49957
|
+
var Item$1 = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n padding-left: 0.1875rem;\n padding-right: 0.25rem;\n"])));
|
|
49958
49958
|
|
|
49959
49959
|
var FormMovement = function FormMovement(props) {
|
|
49960
49960
|
//====== PROPS ======
|
|
@@ -50064,9 +50064,9 @@ FormMovement.propTypes = {
|
|
|
50064
50064
|
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
50065
|
styleInject(css_248z$3);
|
|
50066
50066
|
|
|
50067
|
-
var _templateObject$
|
|
50068
|
-
var Container$
|
|
50069
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50067
|
+
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;
|
|
50068
|
+
var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50069
|
+
var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral([""])));
|
|
50070
50070
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50071
50071
|
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50072
50072
|
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -50273,7 +50273,7 @@ var Table = function Table(props) {
|
|
|
50273
50273
|
}));
|
|
50274
50274
|
};
|
|
50275
50275
|
|
|
50276
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
50276
|
+
return /*#__PURE__*/React__default.createElement(Container$c, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(TableTable, {
|
|
50277
50277
|
cellSpacing: 0
|
|
50278
50278
|
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default.createElement("th", {
|
|
50279
50279
|
style: {
|
|
@@ -50563,7 +50563,7 @@ uuid.v4 = v4;
|
|
|
50563
50563
|
|
|
50564
50564
|
var uuid_1 = uuid;
|
|
50565
50565
|
|
|
50566
|
-
var _templateObject$
|
|
50566
|
+
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
50567
|
|
|
50568
50568
|
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
50569
|
|
|
@@ -50671,8 +50671,8 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50671
50671
|
return css;
|
|
50672
50672
|
};
|
|
50673
50673
|
|
|
50674
|
-
var Container$
|
|
50675
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50674
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50675
|
+
var TableContainer = newStyled.div(_templateObject2$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
50676
|
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50677
50677
|
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
50678
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -51929,7 +51929,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51929
51929
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
51930
51930
|
};
|
|
51931
51931
|
|
|
51932
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
51932
|
+
return /*#__PURE__*/React__default.createElement(Container$b, themeProps, renderHeader(), /*#__PURE__*/React__default.createElement(TableContainer, themeProps, renderDeleteConfirmationBox(), renderTable(), renderForm(), renderDeveloperMessages()), renderPagination());
|
|
51933
51933
|
});
|
|
51934
51934
|
Grid.defaultProps = {
|
|
51935
51935
|
theme: theme,
|
|
@@ -51962,7 +51962,7 @@ Grid.propTypes = {
|
|
|
51962
51962
|
Developer: PropTypes.bool
|
|
51963
51963
|
};
|
|
51964
51964
|
|
|
51965
|
-
var _templateObject$
|
|
51965
|
+
var _templateObject$a;
|
|
51966
51966
|
|
|
51967
51967
|
var paddingBySize$5 = function paddingBySize(size, hasText) {
|
|
51968
51968
|
if (size === "small") return "0.34375rem 0.4rem";
|
|
@@ -51976,7 +51976,7 @@ var heightBySize$4 = function heightBySize(size) {
|
|
|
51976
51976
|
if (size === "large") return "2.375rem";
|
|
51977
51977
|
};
|
|
51978
51978
|
|
|
51979
|
-
var Button = newStyled.button(_templateObject$
|
|
51979
|
+
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
51980
|
return props.theme.typography[props.size].fontSize;
|
|
51981
51981
|
}, function (props) {
|
|
51982
51982
|
return props.theme.typography.fontFamily;
|
|
@@ -52026,8 +52026,8 @@ var TagItem = function TagItem(props) {
|
|
|
52026
52026
|
}, text);
|
|
52027
52027
|
};
|
|
52028
52028
|
|
|
52029
|
-
var _templateObject$
|
|
52030
|
-
var Container$
|
|
52029
|
+
var _templateObject$9;
|
|
52030
|
+
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n"])));
|
|
52031
52031
|
|
|
52032
52032
|
var TagSelector = function TagSelector(props) {
|
|
52033
52033
|
var _props$tags = props.tags,
|
|
@@ -52066,7 +52066,7 @@ var TagSelector = function TagSelector(props) {
|
|
|
52066
52066
|
});
|
|
52067
52067
|
};
|
|
52068
52068
|
|
|
52069
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52069
|
+
return /*#__PURE__*/React__default.createElement(Container$a, {
|
|
52070
52070
|
size: size,
|
|
52071
52071
|
color: color,
|
|
52072
52072
|
theme: theme,
|
|
@@ -52148,7 +52148,7 @@ var ItemCounter = function ItemCounter(props) {
|
|
|
52148
52148
|
}
|
|
52149
52149
|
};
|
|
52150
52150
|
|
|
52151
|
-
var _templateObject$
|
|
52151
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2;
|
|
52152
52152
|
|
|
52153
52153
|
var getBtnContainerColor = function getBtnContainerColor(props) {
|
|
52154
52154
|
if (props.additional && props.inactive) return props.theme.palette.gray[100];
|
|
@@ -52176,8 +52176,8 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52176
52176
|
if (size === "large") return "2.25rem";
|
|
52177
52177
|
};
|
|
52178
52178
|
|
|
52179
|
-
var Container$
|
|
52180
|
-
var Inner$3 = newStyled.div(_templateObject2$
|
|
52179
|
+
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52180
|
+
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
52181
|
return props.theme.typography.fontFamily;
|
|
52182
52182
|
}, function (props) {
|
|
52183
52183
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -52232,7 +52232,7 @@ var Chip = function Chip(props) {
|
|
|
52232
52232
|
disabled: disabled,
|
|
52233
52233
|
inactive: inactive
|
|
52234
52234
|
};
|
|
52235
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52235
|
+
return /*#__PURE__*/React__default.createElement(Container$9, _extends({}, themeProps, {
|
|
52236
52236
|
className: className
|
|
52237
52237
|
}), /*#__PURE__*/React__default.createElement(Inner$3, themeProps, /*#__PURE__*/React__default.createElement(Text$1, _extends({}, themeProps, {
|
|
52238
52238
|
onClick: function onClick() {
|
|
@@ -52287,7 +52287,7 @@ Chip.propTypes = {
|
|
|
52287
52287
|
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
52288
|
styleInject(css_248z$1);
|
|
52289
52289
|
|
|
52290
|
-
var _templateObject$
|
|
52290
|
+
var _templateObject$7, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1;
|
|
52291
52291
|
|
|
52292
52292
|
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
52293
|
|
|
@@ -52311,8 +52311,8 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
|
|
|
52311
52311
|
if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
|
|
52312
52312
|
};
|
|
52313
52313
|
|
|
52314
|
-
var Container$
|
|
52315
|
-
var ItemContainer$1 = newStyled.div(_templateObject2$
|
|
52314
|
+
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"])));
|
|
52315
|
+
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
52316
|
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
52317
|
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
52318
|
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 +52470,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52470
52470
|
}
|
|
52471
52471
|
};
|
|
52472
52472
|
|
|
52473
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52473
|
+
return /*#__PURE__*/React__default.createElement(Container$8, _extends({
|
|
52474
52474
|
className: className
|
|
52475
52475
|
}, themeProps), /*#__PURE__*/React__default.createElement(Inner$2, themeProps, /*#__PURE__*/React__default.createElement(SearchIcon, themeProps, /*#__PURE__*/React__default.createElement("i", {
|
|
52476
52476
|
className: "fas fa-search fa-fw"
|
|
@@ -52532,7 +52532,7 @@ SearchBar.propTypes = {
|
|
|
52532
52532
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])
|
|
52533
52533
|
};
|
|
52534
52534
|
|
|
52535
|
-
var _templateObject$
|
|
52535
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
|
|
52536
52536
|
|
|
52537
52537
|
var paddingBySize$3 = function paddingBySize(size) {
|
|
52538
52538
|
if (size === "small") {
|
|
@@ -52554,10 +52554,10 @@ var heightBySize$2 = function heightBySize(size, hasText) {
|
|
|
52554
52554
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
52555
52555
|
};
|
|
52556
52556
|
|
|
52557
|
-
var Container$
|
|
52557
|
+
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
52558
|
return props.theme.palette[props.color].main;
|
|
52559
52559
|
});
|
|
52560
|
-
var Tab = newStyled.button(_templateObject2$
|
|
52560
|
+
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
52561
|
return heightBySize$2(props.size);
|
|
52562
52562
|
}, function (props) {
|
|
52563
52563
|
return paddingBySize$3(props.size);
|
|
@@ -52617,7 +52617,7 @@ var Tabs = function Tabs(props) {
|
|
|
52617
52617
|
});
|
|
52618
52618
|
};
|
|
52619
52619
|
|
|
52620
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$
|
|
52620
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$7, _extends({}, themeProps, {
|
|
52621
52621
|
className: className
|
|
52622
52622
|
}), tabs.map(function (tab) {
|
|
52623
52623
|
return /*#__PURE__*/React__default.createElement(Tab, _extends({
|
|
@@ -52648,7 +52648,7 @@ Tabs.propTypes = {
|
|
|
52648
52648
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
52649
52649
|
};
|
|
52650
52650
|
|
|
52651
|
-
var _templateObject$
|
|
52651
|
+
var _templateObject$5, _templateObject2$4;
|
|
52652
52652
|
|
|
52653
52653
|
var fontSize$1 = function fontSize(props) {
|
|
52654
52654
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52677,7 +52677,7 @@ var paddingBySizeContainerBox = function paddingBySizeContainerBox(size) {
|
|
|
52677
52677
|
if (size === "large") return "0.3125rem 0.5rem";
|
|
52678
52678
|
};
|
|
52679
52679
|
|
|
52680
|
-
var ContainerBox = newStyled.div(_templateObject$
|
|
52680
|
+
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
52681
|
return props.theme.palette[props.color].dark;
|
|
52682
52682
|
}, function (props) {
|
|
52683
52683
|
return props.theme.palette[props.color].lighter;
|
|
@@ -52690,7 +52690,7 @@ var ContainerBox = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
52690
52690
|
}, function (props) {
|
|
52691
52691
|
return paddingBySizeContainerBox(props.size);
|
|
52692
52692
|
});
|
|
52693
|
-
var Container$
|
|
52693
|
+
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
52694
|
return props.theme.palette[props.color].dark;
|
|
52695
52695
|
}, function (props) {
|
|
52696
52696
|
return fontSize$1(props);
|
|
@@ -52715,7 +52715,7 @@ var Alet = function Alet(props) {
|
|
|
52715
52715
|
if (hasContainer) return /*#__PURE__*/React__default.createElement(ContainerBox, _extends({}, themeProps, {
|
|
52716
52716
|
className: className
|
|
52717
52717
|
}), message);
|
|
52718
|
-
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$
|
|
52718
|
+
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$6, _extends({}, themeProps, {
|
|
52719
52719
|
className: className
|
|
52720
52720
|
}), message);
|
|
52721
52721
|
};
|
|
@@ -52737,7 +52737,7 @@ Alet.propTypes = {
|
|
|
52737
52737
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52738
52738
|
};
|
|
52739
52739
|
|
|
52740
|
-
var _templateObject$
|
|
52740
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$2;
|
|
52741
52741
|
|
|
52742
52742
|
var fontSize = function fontSize(props) {
|
|
52743
52743
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52754,12 +52754,12 @@ var fontSize = function fontSize(props) {
|
|
|
52754
52754
|
return newFontSize;
|
|
52755
52755
|
};
|
|
52756
52756
|
|
|
52757
|
-
var Container$
|
|
52757
|
+
var Container$5 = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
52758
52758
|
return props.theme.typography[props.size].fontSize;
|
|
52759
52759
|
}, function (props) {
|
|
52760
52760
|
return props.theme.typography.fontFamily;
|
|
52761
52761
|
});
|
|
52762
|
-
var LabelContainer = newStyled.div(_templateObject2$
|
|
52762
|
+
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
52763
|
return fontSize(props);
|
|
52764
52764
|
}, function (props) {
|
|
52765
52765
|
return props.theme.typography.fontFamily;
|
|
@@ -52783,7 +52783,7 @@ var FormField = function FormField(props) {
|
|
|
52783
52783
|
size: size,
|
|
52784
52784
|
color: color
|
|
52785
52785
|
};
|
|
52786
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52786
|
+
return /*#__PURE__*/React__default.createElement(Container$5, _extends({}, themeProps, {
|
|
52787
52787
|
className: className
|
|
52788
52788
|
}), label && label !== null && /*#__PURE__*/React__default.createElement(LabelContainer, themeProps, label, required ? "*" : ""), children, errorMessage && errorMessage !== "" && /*#__PURE__*/React__default.createElement(ErrorContainer, _extends({}, themeProps, {
|
|
52789
52789
|
hasContainer: hasContainer
|
|
@@ -52813,7 +52813,7 @@ FormField.propTypes = {
|
|
|
52813
52813
|
size: PropTypes.oneOf(["small", "medium", "large"])
|
|
52814
52814
|
};
|
|
52815
52815
|
|
|
52816
|
-
var _templateObject$
|
|
52816
|
+
var _templateObject$3;
|
|
52817
52817
|
|
|
52818
52818
|
var getColumns = function getColumns(columns) {
|
|
52819
52819
|
var frs = "";
|
|
@@ -52825,7 +52825,7 @@ var getColumns = function getColumns(columns) {
|
|
|
52825
52825
|
return frs;
|
|
52826
52826
|
};
|
|
52827
52827
|
|
|
52828
|
-
var Container$
|
|
52828
|
+
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
52829
|
return getColumns(props.columns);
|
|
52830
52830
|
}, function (props) {
|
|
52831
52831
|
return props.fieldMargin;
|
|
@@ -52836,7 +52836,7 @@ var FormContainer = function FormContainer(props) {
|
|
|
52836
52836
|
columns = props.columns,
|
|
52837
52837
|
children = props.children,
|
|
52838
52838
|
fieldMargin = props.fieldMargin;
|
|
52839
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52839
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
52840
52840
|
columns: columns,
|
|
52841
52841
|
fieldMargin: fieldMargin,
|
|
52842
52842
|
className: className
|
|
@@ -52866,7 +52866,7 @@ var heightBySize$1 = function heightBySize(size, hasText) {
|
|
|
52866
52866
|
if (size === "large") return "2.375rem";
|
|
52867
52867
|
};
|
|
52868
52868
|
|
|
52869
|
-
var Container$
|
|
52869
|
+
var Container$3 = newStyled.span(function (props) {
|
|
52870
52870
|
return {
|
|
52871
52871
|
"& .react-datepicker__triangle": {
|
|
52872
52872
|
display: "none"
|
|
@@ -53004,7 +53004,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53004
53004
|
setEndDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
53005
53005
|
};
|
|
53006
53006
|
|
|
53007
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53007
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
53008
53008
|
theme: theme,
|
|
53009
53009
|
size: size,
|
|
53010
53010
|
color: color
|
|
@@ -53052,7 +53052,7 @@ PeriodSelector.propTypes = {
|
|
|
53052
53052
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
53053
53053
|
};
|
|
53054
53054
|
|
|
53055
|
-
var _templateObject$
|
|
53055
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53056
53056
|
|
|
53057
53057
|
var paddingBySize = function paddingBySize(size) {
|
|
53058
53058
|
if (size === "small") return "0.2rem 0.4rem 0.2rem 0.4rem";
|
|
@@ -53066,8 +53066,8 @@ var heightBySize = function heightBySize(size) {
|
|
|
53066
53066
|
if (size === "large") return "2rem";
|
|
53067
53067
|
};
|
|
53068
53068
|
|
|
53069
|
-
var Container$
|
|
53070
|
-
var Inner$1 = newStyled.div(_templateObject2$
|
|
53069
|
+
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"])));
|
|
53070
|
+
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
53071
|
return props.theme.typography.fontFamily;
|
|
53072
53072
|
}, function (props) {
|
|
53073
53073
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -53110,7 +53110,7 @@ var Item = function Item(props) {
|
|
|
53110
53110
|
color: color,
|
|
53111
53111
|
disabled: disabled
|
|
53112
53112
|
};
|
|
53113
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53113
|
+
return /*#__PURE__*/React__default.createElement(Container$2, _extends({}, themeProps, {
|
|
53114
53114
|
className: className
|
|
53115
53115
|
}), /*#__PURE__*/React__default.createElement(Inner$1, themeProps, /*#__PURE__*/React__default.createElement(Text, _extends({}, themeProps, {
|
|
53116
53116
|
title: tooltip
|
|
@@ -53150,8 +53150,8 @@ Item.propTypes = {
|
|
|
53150
53150
|
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
53151
|
styleInject(css_248z);
|
|
53152
53152
|
|
|
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"])));
|
|
53153
|
+
var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53154
|
+
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
53155
|
|
|
53156
53156
|
var getIconFontSize = function getIconFontSize(props) {
|
|
53157
53157
|
if (props.size === "small") return props.theme.typography.small.fontSize;
|
|
@@ -53177,7 +53177,7 @@ var containerColor = function containerColor(props) {
|
|
|
53177
53177
|
return props.theme.palette[props.color].lighter;
|
|
53178
53178
|
};
|
|
53179
53179
|
|
|
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) {
|
|
53180
|
+
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
53181
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
53182
53182
|
}, function (props) {
|
|
53183
53183
|
return containerColor(props);
|
|
@@ -53412,7 +53412,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53412
53412
|
}
|
|
53413
53413
|
};
|
|
53414
53414
|
|
|
53415
|
-
return /*#__PURE__*/React__default.createElement(Container, _extends({
|
|
53415
|
+
return /*#__PURE__*/React__default.createElement(Container$1, _extends({
|
|
53416
53416
|
className: className
|
|
53417
53417
|
}, themeProps, {
|
|
53418
53418
|
focus: inputFocus
|
|
@@ -53501,4 +53501,226 @@ MultiSelectDropdown.propTypes = {
|
|
|
53501
53501
|
addOptionText: PropTypes.string
|
|
53502
53502
|
};
|
|
53503
53503
|
|
|
53504
|
-
|
|
53504
|
+
var _templateObject, _templateObject2;
|
|
53505
|
+
var Container = newStyled.div(function (props) {
|
|
53506
|
+
return {
|
|
53507
|
+
gridArea: "timeSpentItem",
|
|
53508
|
+
display: "flex",
|
|
53509
|
+
columnGap: "2px",
|
|
53510
|
+
justifyContent: "start"
|
|
53511
|
+
};
|
|
53512
|
+
});
|
|
53513
|
+
var FlexCenter = newStyled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: end;\n"])));
|
|
53514
|
+
var ButtonWraper = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-right: 2%;\n"])));
|
|
53515
|
+
|
|
53516
|
+
var TimeInput = function TimeInput(props) {
|
|
53517
|
+
var id = props.id,
|
|
53518
|
+
value = props.value,
|
|
53519
|
+
size = props.size,
|
|
53520
|
+
color = props.color,
|
|
53521
|
+
theme = props.theme,
|
|
53522
|
+
className = props.className,
|
|
53523
|
+
onChange = props.onChange,
|
|
53524
|
+
_props$disabled = props.disabled,
|
|
53525
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
53526
|
+
_props$step = props.step,
|
|
53527
|
+
step = _props$step === void 0 ? 1 : _props$step;
|
|
53528
|
+
|
|
53529
|
+
var _useState = useState(value),
|
|
53530
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53531
|
+
val = _useState2[0],
|
|
53532
|
+
setVal = _useState2[1];
|
|
53533
|
+
|
|
53534
|
+
var _useState3 = useState(Math.trunc(props.value)),
|
|
53535
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
53536
|
+
spentHours = _useState4[0],
|
|
53537
|
+
setSpentHours = _useState4[1];
|
|
53538
|
+
|
|
53539
|
+
var _useState5 = useState(Math.trunc(props.value % 1 * 60)),
|
|
53540
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
53541
|
+
spentMinutes = _useState6[0],
|
|
53542
|
+
setSpentMinutes = _useState6[1];
|
|
53543
|
+
|
|
53544
|
+
var stepDecimal = step / 60;
|
|
53545
|
+
var stepValue = parseInt(step);
|
|
53546
|
+
useEffect(function () {
|
|
53547
|
+
setVal(value);
|
|
53548
|
+
setSpentHours(Math.trunc(props.value));
|
|
53549
|
+
setSpentMinutes(Math.trunc(props.value % 1 * 60));
|
|
53550
|
+
}, [value]);
|
|
53551
|
+
|
|
53552
|
+
var ConvertMinutesToDecimal = function ConvertMinutesToDecimal(newMinutesValue) {
|
|
53553
|
+
var timeSpent = parseFloat(newMinutesValue);
|
|
53554
|
+
|
|
53555
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53556
|
+
timeSpent = 0;
|
|
53557
|
+
}
|
|
53558
|
+
|
|
53559
|
+
if (!Number.isInteger(timeSpent)) {
|
|
53560
|
+
timeSpent = Math.trunc(timeSpent);
|
|
53561
|
+
}
|
|
53562
|
+
|
|
53563
|
+
var hoursToAdd = 0;
|
|
53564
|
+
|
|
53565
|
+
if (timeSpent > 60) {
|
|
53566
|
+
hoursToAdd = Math.trunc(timeSpent / 60);
|
|
53567
|
+
timeSpent %= 60;
|
|
53568
|
+
}
|
|
53569
|
+
|
|
53570
|
+
timeSpent = Math.trunc(timeSpent / stepValue) * stepValue;
|
|
53571
|
+
var oldTime = val;
|
|
53572
|
+
|
|
53573
|
+
if (oldTime <= stepDecimal) {
|
|
53574
|
+
if (timeSpent <= stepValue || isNaN(timeSpent) || timeSpent === undefined) {
|
|
53575
|
+
timeSpent = stepValue;
|
|
53576
|
+
}
|
|
53577
|
+
}
|
|
53578
|
+
|
|
53579
|
+
if (oldTime <= 24) {
|
|
53580
|
+
var oldHours = Math.trunc(val);
|
|
53581
|
+
var newTimeSpent = oldHours + hoursToAdd + timeSpent / 60;
|
|
53582
|
+
newTimeSpent = parseFloat(newTimeSpent.toFixed(5));
|
|
53583
|
+
if (newTimeSpent > 24) return 24;
|
|
53584
|
+
return newTimeSpent;
|
|
53585
|
+
}
|
|
53586
|
+
};
|
|
53587
|
+
|
|
53588
|
+
var ConvertHoursToDecimal = function ConvertHoursToDecimal(newHoursValue) {
|
|
53589
|
+
var timeSpent = parseFloat(newHoursValue);
|
|
53590
|
+
|
|
53591
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53592
|
+
timeSpent = 0;
|
|
53593
|
+
}
|
|
53594
|
+
|
|
53595
|
+
if (timeSpent >= 24) {
|
|
53596
|
+
return 24.0;
|
|
53597
|
+
} else if (parseInt(timeSpent) === 0) {
|
|
53598
|
+
var oldTime = parseFloat(val);
|
|
53599
|
+
|
|
53600
|
+
if (oldTime % 1 <= stepDecimal) {
|
|
53601
|
+
return stepDecimal;
|
|
53602
|
+
} else {
|
|
53603
|
+
return oldTime % 1;
|
|
53604
|
+
}
|
|
53605
|
+
} else {
|
|
53606
|
+
var _oldTime = val;
|
|
53607
|
+
|
|
53608
|
+
var oldDecimalValue = ("" + _oldTime).split(".")[1];
|
|
53609
|
+
|
|
53610
|
+
if (oldDecimalValue === undefined || oldDecimalValue === "") {
|
|
53611
|
+
oldDecimalValue = "0.0";
|
|
53612
|
+
}
|
|
53613
|
+
|
|
53614
|
+
oldDecimalValue = "0." + oldDecimalValue;
|
|
53615
|
+
var newTimeSpent = timeSpent + parseFloat(oldDecimalValue);
|
|
53616
|
+
newTimeSpent = newTimeSpent.toFixed(2);
|
|
53617
|
+
return parseFloat(newTimeSpent);
|
|
53618
|
+
}
|
|
53619
|
+
};
|
|
53620
|
+
|
|
53621
|
+
var plusButtonClickHandler = function plusButtonClickHandler() {
|
|
53622
|
+
var time = ConvertMinutesToDecimal(spentMinutes + stepValue);
|
|
53623
|
+
setSpentHours(Math.trunc(time));
|
|
53624
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53625
|
+
setVal(time);
|
|
53626
|
+
onChange(id, time);
|
|
53627
|
+
};
|
|
53628
|
+
|
|
53629
|
+
var minusButtonClickHandler = function minusButtonClickHandler() {
|
|
53630
|
+
var time = ConvertMinutesToDecimal(spentMinutes - stepValue);
|
|
53631
|
+
setSpentHours(Math.trunc(time));
|
|
53632
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53633
|
+
setVal(time);
|
|
53634
|
+
onChange(id, time);
|
|
53635
|
+
};
|
|
53636
|
+
|
|
53637
|
+
var minutesChangeHandler = function minutesChangeHandler(_, value) {
|
|
53638
|
+
setSpentMinutes(value);
|
|
53639
|
+
var time = ConvertMinutesToDecimal(value);
|
|
53640
|
+
setTimeout(function () {
|
|
53641
|
+
setSpentHours(Math.trunc(time));
|
|
53642
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53643
|
+
setVal(time);
|
|
53644
|
+
}, 100);
|
|
53645
|
+
onChange(id, time);
|
|
53646
|
+
};
|
|
53647
|
+
|
|
53648
|
+
var hoursChangeHandler = function hoursChangeHandler(_, value) {
|
|
53649
|
+
setSpentHours(value);
|
|
53650
|
+
var time = ConvertHoursToDecimal(value);
|
|
53651
|
+
setTimeout(function () {
|
|
53652
|
+
setSpentHours(Math.trunc(time));
|
|
53653
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53654
|
+
setVal(time);
|
|
53655
|
+
}, 100);
|
|
53656
|
+
onChange(id, time);
|
|
53657
|
+
};
|
|
53658
|
+
|
|
53659
|
+
return /*#__PURE__*/React__default.createElement(Container, {
|
|
53660
|
+
className: className
|
|
53661
|
+
}, /*#__PURE__*/React__default.createElement(FlexCenter, null, /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53662
|
+
icon: "minus",
|
|
53663
|
+
onClick: minusButtonClickHandler,
|
|
53664
|
+
disabled: disabled,
|
|
53665
|
+
size: size,
|
|
53666
|
+
color: color,
|
|
53667
|
+
theme: theme
|
|
53668
|
+
})), /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53669
|
+
id: "addButton",
|
|
53670
|
+
icon: "plus",
|
|
53671
|
+
onClick: plusButtonClickHandler,
|
|
53672
|
+
disabled: disabled,
|
|
53673
|
+
size: size,
|
|
53674
|
+
color: color,
|
|
53675
|
+
theme: theme
|
|
53676
|
+
}))), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53677
|
+
label: "h",
|
|
53678
|
+
required: true
|
|
53679
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53680
|
+
id: "timeSpentHours",
|
|
53681
|
+
value: spentHours,
|
|
53682
|
+
onChange: hoursChangeHandler,
|
|
53683
|
+
disabled: disabled,
|
|
53684
|
+
size: size,
|
|
53685
|
+
color: color,
|
|
53686
|
+
theme: theme
|
|
53687
|
+
})), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53688
|
+
label: "min",
|
|
53689
|
+
required: true
|
|
53690
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53691
|
+
id: "timeSpentMinutes",
|
|
53692
|
+
value: spentMinutes,
|
|
53693
|
+
onChange: minutesChangeHandler,
|
|
53694
|
+
label: "min",
|
|
53695
|
+
disabled: disabled,
|
|
53696
|
+
size: size,
|
|
53697
|
+
color: color,
|
|
53698
|
+
theme: theme
|
|
53699
|
+
})));
|
|
53700
|
+
};
|
|
53701
|
+
|
|
53702
|
+
TimeInput.defaultProps = {
|
|
53703
|
+
id: "",
|
|
53704
|
+
theme: theme,
|
|
53705
|
+
disabled: false,
|
|
53706
|
+
onChange: function onChange() {},
|
|
53707
|
+
className: "",
|
|
53708
|
+
preventDefault: true,
|
|
53709
|
+
size: "small",
|
|
53710
|
+
color: "primary",
|
|
53711
|
+
value: "",
|
|
53712
|
+
step: ""
|
|
53713
|
+
};
|
|
53714
|
+
TimeInput.propTypes = {
|
|
53715
|
+
theme: PropTypes.object.isRequired,
|
|
53716
|
+
id: PropTypes.string,
|
|
53717
|
+
disabled: PropTypes.bool,
|
|
53718
|
+
onChange: PropTypes.func,
|
|
53719
|
+
className: PropTypes.string,
|
|
53720
|
+
value: PropTypes.string,
|
|
53721
|
+
size: PropTypes.oneOf(["small", "medium", "large"]),
|
|
53722
|
+
color: PropTypes.oneOf(["primary", "secondary", "gray"]),
|
|
53723
|
+
step: PropTypes.string
|
|
53724
|
+
};
|
|
53725
|
+
|
|
53726
|
+
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 };
|