@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.js
CHANGED
|
@@ -4616,7 +4616,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
4616
4616
|
}
|
|
4617
4617
|
}
|
|
4618
4618
|
|
|
4619
|
-
var _templateObject$
|
|
4619
|
+
var _templateObject$q;
|
|
4620
4620
|
|
|
4621
4621
|
var getCheckboxCss = function getCheckboxCss(props) {
|
|
4622
4622
|
var left, top, width, height, checkWidth, checkHeight, margin, marginLeft, padingLeft, paddingTop;
|
|
@@ -4661,7 +4661,7 @@ var getCheckboxCss = function getCheckboxCss(props) {
|
|
|
4661
4661
|
height = "1.6875rem";
|
|
4662
4662
|
}
|
|
4663
4663
|
|
|
4664
|
-
return css(_templateObject$
|
|
4664
|
+
return css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral__default['default'](["\n .c-", "-container {\n font-family: ", ";\n display: inline-block;\n position: relative;\n padding: 0.25rem;\n padding-left: ", ";\n ", "\n cursor: pointer;\n font-size: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin: ", ";\n margin-left: ", ";\n cursor: pointer;\n }\n\n /* Hide the browser's default checkbox */\n .c-", "-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n /* Create a custom checkbox */\n .c-", "-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: #eee;\n border: 0.0625rem solid ", ";\n border-radius: 2px;\n transition: all 200ms ease;\n }\n\n /* On mouse-over, add a grey background color */\n .c-", "-container:hover input ~ .c-", "-checkmark {\n cursor: pointer;\n }\n\n .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n cursor: default;\n }\n\n .c-", "-container input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n /* When the checkbox is checked, add a blue background */\n .c-", "-container input:checked ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n border: 0.0625rem solid ", ";\n cursor: default;\n }\n\n /* Create the checkmark/indicator (hidden when not checked) */\n .c-", "-checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .c-", "-container input:checked ~ .c-", "-checkmark:after {\n display: block;\n }\n\n /* Style the checkmark/indicator */\n .c-", "-container .c-", "-checkmark:after {\n left: ", ";\n top: ", ";\n width: ", ";\n height: ", ";\n border: solid white;\n border-width: 0 0.21875rem 0.21875rem 0;\n -webkit-transform: rotate(35deg);\n -ms-transform: rotate(35deg);\n transform: rotate(35deg);\n }\n "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
|
|
4665
4665
|
};
|
|
4666
4666
|
|
|
4667
4667
|
var CheckBox = function CheckBox(props) {
|
|
@@ -4716,7 +4716,7 @@ CheckBox.propTypes = {
|
|
|
4716
4716
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
4717
4717
|
};
|
|
4718
4718
|
|
|
4719
|
-
var _templateObject$
|
|
4719
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$e;
|
|
4720
4720
|
|
|
4721
4721
|
var getLabelAndTextProps = function getLabelAndTextProps() {
|
|
4722
4722
|
return {
|
|
@@ -4787,14 +4787,14 @@ var Label = newStyled.label(function (props) {
|
|
|
4787
4787
|
}
|
|
4788
4788
|
};
|
|
4789
4789
|
});
|
|
4790
|
-
var Text$2 = newStyled.label(_templateObject$
|
|
4790
|
+
var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral__default['default'](["\n position: relative;\n font-family: ", ";\n font-size: ", ";\n top: ", ";\n"])), function (props) {
|
|
4791
4791
|
return props.theme.typography.fontFamily;
|
|
4792
4792
|
}, function (props) {
|
|
4793
4793
|
return props.theme.typography[props.size].fontSize;
|
|
4794
4794
|
}, function (props) {
|
|
4795
4795
|
return getLabelAndTextProps()[props.size].top;
|
|
4796
4796
|
});
|
|
4797
|
-
var Input$4 = newStyled.input(_templateObject2$
|
|
4797
|
+
var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral__default['default'](["\n &:checked + span {\n background-color: ", ";\n }\n\n &:focus + span {\n box-shadow: 0 0 0.0625rem\n ", ";\n }\n\n &:checked + span:before {\n transform: translateX(90%);\n }\n\n &:checked:disabled + span {\n }\n\n &:checked:disabled + span:before {\n backround-color: red;\n }\n\n &:disabled + span {\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:checked:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
|
|
4798
4798
|
return props.theme.palette[props.color].main;
|
|
4799
4799
|
}, function (props) {
|
|
4800
4800
|
return props.theme.palette[props.color].main;
|
|
@@ -6554,11 +6554,11 @@ SwitchTransition.defaultProps = {
|
|
|
6554
6554
|
};
|
|
6555
6555
|
var SwitchTransition$1 = SwitchTransition;
|
|
6556
6556
|
|
|
6557
|
-
var _templateObject$
|
|
6558
|
-
var Container$
|
|
6557
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
|
|
6558
|
+
var Container$l = newStyled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
|
|
6559
6559
|
return props.width && props.width !== "" ? props.width : "fit-content";
|
|
6560
6560
|
}, theme.typography.fontFamily);
|
|
6561
|
-
var Table$1 = newStyled.div(_templateObject2$
|
|
6561
|
+
var Table$1 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
|
|
6562
6562
|
var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
|
|
6563
6563
|
return props.height && props.height !== "" ? props.height : "auto";
|
|
6564
6564
|
});
|
|
@@ -6636,7 +6636,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6636
6636
|
|
|
6637
6637
|
var _options = pagination ? options.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : options;
|
|
6638
6638
|
|
|
6639
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
6639
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$l, _extends__default['default']({}, themeProps, {
|
|
6640
6640
|
className: className
|
|
6641
6641
|
}), /*#__PURE__*/React__default['default'].createElement(Global, {
|
|
6642
6642
|
styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral__default['default'](["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
|
|
@@ -22432,7 +22432,7 @@ var heightBySize$d = function heightBySize(size, hasText) {
|
|
|
22432
22432
|
if (size === "large") return "2.375rem";
|
|
22433
22433
|
};
|
|
22434
22434
|
|
|
22435
|
-
var Container$
|
|
22435
|
+
var Container$k = newStyled.span(function (props) {
|
|
22436
22436
|
return {
|
|
22437
22437
|
"& .react-datepicker__triangle": {
|
|
22438
22438
|
display: "none"
|
|
@@ -22503,7 +22503,7 @@ var DateInput = function DateInput(props) {
|
|
|
22503
22503
|
};
|
|
22504
22504
|
|
|
22505
22505
|
var handleChange = function handleChange(jsDateObject) {
|
|
22506
|
-
if (jsDateObject === null) callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22506
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22507
22507
|
};
|
|
22508
22508
|
|
|
22509
22509
|
var getValue = function getValue() {
|
|
@@ -22511,6 +22511,9 @@ var DateInput = function DateInput(props) {
|
|
|
22511
22511
|
return moment(value, "DD.MM.YYYY.").toDate();
|
|
22512
22512
|
};
|
|
22513
22513
|
|
|
22514
|
+
React.useEffect(function () {
|
|
22515
|
+
setDateText(value);
|
|
22516
|
+
}, [value]);
|
|
22514
22517
|
React.useEffect(function () {
|
|
22515
22518
|
var timeOutId = setTimeout(function () {
|
|
22516
22519
|
return handleDelayedOnChange();
|
|
@@ -22526,14 +22529,15 @@ var DateInput = function DateInput(props) {
|
|
|
22526
22529
|
};
|
|
22527
22530
|
|
|
22528
22531
|
var handleOnChange = function handleOnChange(jsDateObject) {
|
|
22529
|
-
setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22532
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") setDateText("");else setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22530
22533
|
};
|
|
22531
22534
|
|
|
22532
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
22535
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$k, {
|
|
22533
22536
|
theme: theme,
|
|
22534
22537
|
size: size,
|
|
22535
22538
|
color: color
|
|
22536
22539
|
}, /*#__PURE__*/React__default['default'].createElement(DatePicker, {
|
|
22540
|
+
value: dateText,
|
|
22537
22541
|
selected: getValue(),
|
|
22538
22542
|
onChange: handleOnChange,
|
|
22539
22543
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
@@ -22694,13 +22698,13 @@ DropDown.propTypes = {
|
|
|
22694
22698
|
|
|
22695
22699
|
var _excluded = ["duration", "delay", "children"];
|
|
22696
22700
|
|
|
22697
|
-
var _templateObject$
|
|
22701
|
+
var _templateObject$n, _templateObject2$i;
|
|
22698
22702
|
|
|
22699
22703
|
function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22700
22704
|
|
|
22701
22705
|
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22702
|
-
var fadeIn = keyframes$2(_templateObject$
|
|
22703
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
22706
|
+
var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral__default['default'](["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22707
|
+
var Wrapper$2 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral__default['default'](["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22704
22708
|
|
|
22705
22709
|
var FadeIn = function FadeIn(_ref) {
|
|
22706
22710
|
var _ref$duration = _ref.duration,
|
|
@@ -22718,7 +22722,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22718
22722
|
}), children);
|
|
22719
22723
|
};
|
|
22720
22724
|
|
|
22721
|
-
var _templateObject$
|
|
22725
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22722
22726
|
|
|
22723
22727
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22724
22728
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22732,8 +22736,8 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22732
22736
|
if (size === "large") return "2.25rem";
|
|
22733
22737
|
};
|
|
22734
22738
|
|
|
22735
|
-
var spin$2 = keyframes$2(_templateObject$
|
|
22736
|
-
var Container$
|
|
22739
|
+
var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22740
|
+
var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n border-bottom: 0.125rem solid\n ", ";\n min-height: ", ";\n max-height: ", ";\n transition: all 250ms ease;\n border-radius: 0.125rem;\n background-color: ", ";\n"])), function (props) {
|
|
22737
22741
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22738
22742
|
}, function (props) {
|
|
22739
22743
|
return heightBySize$b(props.size);
|
|
@@ -22959,7 +22963,7 @@ var DropdownLookup = function DropdownLookup(props) {
|
|
|
22959
22963
|
}
|
|
22960
22964
|
};
|
|
22961
22965
|
|
|
22962
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
22966
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$j, themeProps, /*#__PURE__*/React__default['default'].createElement(Inner$4, themeProps, /*#__PURE__*/React__default['default'].createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default['default'].createElement(Input$3, _extends__default['default']({}, themeProps, {
|
|
22963
22967
|
ref: InputRef,
|
|
22964
22968
|
autoComplete: "off",
|
|
22965
22969
|
id: id,
|
|
@@ -23019,7 +23023,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
|
|
|
23019
23023
|
onChange: PropTypes__default['default'].func
|
|
23020
23024
|
}, _defineProperty__default['default'](_DropdownLookup$propT, "load", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "clear", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "className", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "initialValue", PropTypes__default['default'].object), _defineProperty__default['default'](_DropdownLookup$propT, "notItemsFoundText", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "size", PropTypes__default['default'].oneOf(["small", "medium", "large"])), _defineProperty__default['default'](_DropdownLookup$propT, "color", PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])), _DropdownLookup$propT);
|
|
23021
23025
|
|
|
23022
|
-
var _templateObject$
|
|
23026
|
+
var _templateObject$l;
|
|
23023
23027
|
|
|
23024
23028
|
var getPadding = function getPadding(size) {
|
|
23025
23029
|
if (size === "small") return "0.4125rem 0.34375rem";
|
|
@@ -23033,7 +23037,7 @@ var heightBySize$a = function heightBySize(size) {
|
|
|
23033
23037
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
23034
23038
|
};
|
|
23035
23039
|
|
|
23036
|
-
var Span$1 = newStyled.span(_templateObject$
|
|
23040
|
+
var Span$1 = newStyled.span(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n background-color: inherit;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
23037
23041
|
return props.theme.typography[props.size].fontSize;
|
|
23038
23042
|
}, function (props) {
|
|
23039
23043
|
return getPadding(props.size);
|
|
@@ -23290,7 +23294,7 @@ var Icon = newStyled.i(function (props) {
|
|
|
23290
23294
|
fontSize: props.theme.typography[props.size].fontSize
|
|
23291
23295
|
};
|
|
23292
23296
|
});
|
|
23293
|
-
var Container$
|
|
23297
|
+
var Container$i = newStyled.div(function (props) {
|
|
23294
23298
|
return {
|
|
23295
23299
|
display: "flex",
|
|
23296
23300
|
fontFamily: props.theme.typography.fontFamily,
|
|
@@ -23374,7 +23378,7 @@ var PasswordInput = /*#__PURE__*/React__default['default'].forwardRef(function (
|
|
|
23374
23378
|
size: size,
|
|
23375
23379
|
color: color
|
|
23376
23380
|
};
|
|
23377
|
-
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Container$
|
|
23381
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Container$i, themeProps, /*#__PURE__*/React__default['default'].createElement(Input$2, _extends__default['default']({}, themeProps, {
|
|
23378
23382
|
type: locked ? "password" : "text",
|
|
23379
23383
|
autoComplete: autoComplete ? "true" : "false",
|
|
23380
23384
|
value: value,
|
|
@@ -31314,11 +31318,11 @@ var AnimatePresence = function (_a) {
|
|
|
31314
31318
|
: childrenToRender.map(function (child) { return React.cloneElement(child); })));
|
|
31315
31319
|
};
|
|
31316
31320
|
|
|
31317
|
-
var _templateObject$
|
|
31318
|
-
var Overlay = newStyled(motion.div)(_templateObject$
|
|
31321
|
+
var _templateObject$k, _templateObject2$g;
|
|
31322
|
+
var Overlay = newStyled(motion.div)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: ", ";\n"])), function (props) {
|
|
31319
31323
|
return props.zIndex;
|
|
31320
31324
|
});
|
|
31321
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31325
|
+
var ModalContainer = newStyled(motion.div)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n width: 50%;\n background-color: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n border-radius: 0.2rem;\n background: white;\n z-index: ", ";\n"])), function (props) {
|
|
31322
31326
|
return props.width;
|
|
31323
31327
|
}, function (props) {
|
|
31324
31328
|
return props.zIndex;
|
|
@@ -31449,7 +31453,7 @@ Modal$1.propTypes = {
|
|
|
31449
31453
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
31450
31454
|
};
|
|
31451
31455
|
|
|
31452
|
-
var Container$
|
|
31456
|
+
var Container$h = newStyled.div(function (props) {
|
|
31453
31457
|
return {
|
|
31454
31458
|
position: "fixed",
|
|
31455
31459
|
alignItems: "center",
|
|
@@ -31552,7 +31556,7 @@ var ConfirmationForm = function ConfirmationForm(props) {
|
|
|
31552
31556
|
if (clickOutsideToClose || !showHeader) onClose();
|
|
31553
31557
|
};
|
|
31554
31558
|
|
|
31555
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
31559
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$h, _extends__default['default']({}, themeProps, {
|
|
31556
31560
|
className: className,
|
|
31557
31561
|
onClick: onClickOutsideModal
|
|
31558
31562
|
}), /*#__PURE__*/React__default['default'].createElement(Modal, themeProps, showHeader ? /*#__PURE__*/React__default['default'].createElement(Header, themeProps, /*#__PURE__*/React__default['default'].createElement(Title, themeProps, header), /*#__PURE__*/React__default['default'].createElement(CloseButton, themeProps, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
@@ -31623,12 +31627,12 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31623
31627
|
var styles$1 = {"dropbtn":"styles-module_dropbtn__3BuA0","disabled":"styles-module_disabled__3pCU6","dropdownContent":"styles-module_dropdownContent__2g5rN","dropdown":"styles-module_dropdown__zPTAO","linkInnerSpan":"styles-module_linkInnerSpan__2Gjny","linkIconSpan":"styles-module_linkIconSpan__1IQ0O","iconSpan":"styles-module_iconSpan__2IYf9","mymove":"styles-module_mymove__2DflL"};
|
|
31624
31628
|
styleInject(css_248z$6);
|
|
31625
31629
|
|
|
31626
|
-
var _templateObject$
|
|
31630
|
+
var _templateObject$j, _templateObject2$f, _templateObject3$b;
|
|
31627
31631
|
|
|
31628
|
-
var Dropdown = newStyled.div(_templateObject$
|
|
31632
|
+
var Dropdown = newStyled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral__default['default'](["\n display: ", ";\n position: absolute;\n background-color: white;\n min-width: 160px;\n border-radius: 3.5px;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n"])), function (props) {
|
|
31629
31633
|
return props.show ? "block" : "none";
|
|
31630
31634
|
});
|
|
31631
|
-
var ItemWrapper$2 = newStyled.div(_templateObject2$
|
|
31635
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
|
|
31632
31636
|
var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n background-color: white;\n color: ", ";\n padding: 6px 6px;\n text-decoration: none;\n display: block;\n font-size: 12px;\n padding: 2px;\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
|
|
31633
31637
|
|
|
31634
31638
|
var DropdownMenu = function DropdownMenu(props) {
|
|
@@ -31705,13 +31709,13 @@ var freeze = function freeze(dependcies) {
|
|
|
31705
31709
|
return freeze;
|
|
31706
31710
|
};
|
|
31707
31711
|
|
|
31708
|
-
var _templateObject$
|
|
31709
|
-
var Container$
|
|
31712
|
+
var _templateObject$i, _templateObject2$e;
|
|
31713
|
+
var Container$g = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n font-size: ", ";\n font-family: ", ";\n padding: 0px 8px;\n"])), function (props) {
|
|
31710
31714
|
return props.theme.typography.small.fontSize;
|
|
31711
31715
|
}, function (props) {
|
|
31712
31716
|
return props.theme.typography.fontFamily;
|
|
31713
31717
|
});
|
|
31714
|
-
var Item$3 = newStyled.div(_templateObject2$
|
|
31718
|
+
var Item$3 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
31715
31719
|
return props.first ? "0" : "6px";
|
|
31716
31720
|
});
|
|
31717
31721
|
|
|
@@ -31788,7 +31792,7 @@ var FormViewMovement = function FormViewMovement(props) {
|
|
|
31788
31792
|
})));
|
|
31789
31793
|
};
|
|
31790
31794
|
|
|
31791
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
31795
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$g, themeProps, renderFirst(), renderPrevious(), renderNext(), renderLast());
|
|
31792
31796
|
};
|
|
31793
31797
|
|
|
31794
31798
|
FormViewMovement.defaultProps = {
|
|
@@ -49028,13 +49032,13 @@ var TableSelectionType = {
|
|
|
49028
49032
|
MULTIPLE: "multiple"
|
|
49029
49033
|
};
|
|
49030
49034
|
|
|
49031
|
-
var _templateObject$
|
|
49032
|
-
var Container$
|
|
49035
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7;
|
|
49036
|
+
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n\n border-radius: 3px;\n padding: 4px;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
49033
49037
|
return props.theme.typography.small.fontSize;
|
|
49034
49038
|
}, function (props) {
|
|
49035
49039
|
return props.theme.typography.fontFamily;
|
|
49036
49040
|
});
|
|
49037
|
-
var Item$2 = newStyled.div(_templateObject2$
|
|
49041
|
+
var Item$2 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
49038
49042
|
return props.first ? "0" : "6px";
|
|
49039
49043
|
});
|
|
49040
49044
|
var ExportItem = newStyled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
|
|
@@ -49208,7 +49212,7 @@ var Pagination = function Pagination(props) {
|
|
|
49208
49212
|
})));
|
|
49209
49213
|
};
|
|
49210
49214
|
|
|
49211
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
49215
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$f, themeProps, renderFirst(), renderPrevious(), renderCurrentPage(), renderNext(), renderLast(), renderPageSize(), renderRowInformation(), renderExportButtons());
|
|
49212
49216
|
};
|
|
49213
49217
|
|
|
49214
49218
|
Pagination.defaultProps = {
|
|
@@ -49273,9 +49277,9 @@ Pagination.propTypes = {
|
|
|
49273
49277
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49274
49278
|
};
|
|
49275
49279
|
|
|
49276
|
-
var _templateObject$
|
|
49277
|
-
var Container$
|
|
49278
|
-
var Wrapper$1 = newStyled.div(_templateObject2$
|
|
49280
|
+
var _templateObject$g, _templateObject2$c, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
|
|
49281
|
+
var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49282
|
+
var Wrapper$1 = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral__default['default'](["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49279
49283
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49280
49284
|
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49281
49285
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -49478,7 +49482,7 @@ var TableView = function TableView(props) {
|
|
|
49478
49482
|
}));
|
|
49479
49483
|
};
|
|
49480
49484
|
|
|
49481
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
49485
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$e, null, /*#__PURE__*/React__default['default'].createElement(Wrapper$1, null, /*#__PURE__*/React__default['default'].createElement(TableTable$1, {
|
|
49482
49486
|
cellSpacing: 0
|
|
49483
49487
|
}, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49484
49488
|
return x.hide !== true;
|
|
@@ -49487,7 +49491,7 @@ var TableView = function TableView(props) {
|
|
|
49487
49491
|
}))), /*#__PURE__*/React__default['default'].createElement(TableBody$1, null, renderBody()))));
|
|
49488
49492
|
};
|
|
49489
49493
|
|
|
49490
|
-
var _templateObject$
|
|
49494
|
+
var _templateObject$f, _templateObject2$b;
|
|
49491
49495
|
|
|
49492
49496
|
var heightBySize$5 = function heightBySize(size) {
|
|
49493
49497
|
if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
|
|
@@ -49495,8 +49499,8 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49495
49499
|
if (size === "large") return "\n width: 1.8rem;\n height: 1.8rem;\n ";
|
|
49496
49500
|
};
|
|
49497
49501
|
|
|
49498
|
-
var spin$1 = keyframes$2(_templateObject$
|
|
49499
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49502
|
+
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49503
|
+
var StyledSpinner = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n ", "\n border: 0.3125rem solid ", ";\n border-radius: 50%;\n border-top-color: ", ";\n animation: ", " 0.8s ease-in-out infinite;\n"])), function (props) {
|
|
49500
49504
|
return heightBySize$5(props.size);
|
|
49501
49505
|
}, function (props) {
|
|
49502
49506
|
return props.theme.palette[props.color].lighter;
|
|
@@ -49535,7 +49539,7 @@ Spinner.propTypes = {
|
|
|
49535
49539
|
var css_248z$4 = ".fade1-enter {\n opacity: 0;\n}\n.fade1-exit {\n opacity: 1;\n}\n.fade1-enter-active {\n opacity: 1;\n}\n.fade1-exit-active {\n opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n transition: opacity 330ms;\n}\n\n.fade2-enter {\n opacity: 0;\n}\n.fade2-exit {\n opacity: 1;\n}\n.fade2-enter-active {\n opacity: 1;\n}\n.fade2-exit-active {\n opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n transition: opacity 330ms;\n}\n";
|
|
49536
49540
|
styleInject(css_248z$4);
|
|
49537
49541
|
|
|
49538
|
-
var _templateObject$
|
|
49542
|
+
var _templateObject$e, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
49539
49543
|
|
|
49540
49544
|
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
49541
49545
|
|
|
@@ -49565,10 +49569,10 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49565
49569
|
return css;
|
|
49566
49570
|
};
|
|
49567
49571
|
|
|
49568
|
-
var Container$
|
|
49572
|
+
var Container$d = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral__default['default'](["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
|
|
49569
49573
|
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49570
49574
|
});
|
|
49571
|
-
var TableContainer$1 = newStyled.div(_templateObject2$
|
|
49575
|
+
var TableContainer$1 = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49572
49576
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
|
|
49573
49577
|
var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
|
|
49574
49578
|
return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -49959,7 +49963,7 @@ var DataView = function DataView(props) {
|
|
|
49959
49963
|
|
|
49960
49964
|
var renderComponent = function renderComponent() {
|
|
49961
49965
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
49962
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
49966
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$d, _extends__default['default']({}, themeProps, {
|
|
49963
49967
|
shadow: Shadow
|
|
49964
49968
|
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
|
|
49965
49969
|
mode: "out-in"
|
|
@@ -49994,8 +49998,8 @@ DataView.propTypes = {
|
|
|
49994
49998
|
color: PropTypes__default['default'].string
|
|
49995
49999
|
};
|
|
49996
50000
|
|
|
49997
|
-
var _templateObject$
|
|
49998
|
-
var Item$1 = newStyled.div(_templateObject$
|
|
50001
|
+
var _templateObject$d;
|
|
50002
|
+
var Item$1 = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n padding-left: 0.1875rem;\n padding-right: 0.25rem;\n"])));
|
|
49999
50003
|
|
|
50000
50004
|
var FormMovement = function FormMovement(props) {
|
|
50001
50005
|
//====== PROPS ======
|
|
@@ -50105,9 +50109,9 @@ FormMovement.propTypes = {
|
|
|
50105
50109
|
var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n /* BASE COLORS */\n --color-base-blue: #00537a;\n --color-base-blue-darker: #003b57;\n --color-base-blue-lighter: #006999;\n --color-base-gray: #a2a5ab;\n --color-base-gray-darker: #777a80;\n --color-base-gray-lighter: #dee1e6;\n --color-base-gray-lightest: #f0f2f7;\n --color-base-green: #2a963c;\n --color-base-green-darker: #21732f;\n --color-base-green-ligher: #3eb051;\n --color-base-red: #e0223e;\n --color-base-red-darker: #e3566b;\n --color-base-red-ligher: #9c1f32;\n --color-base-dirty-white: #fcfcfc;\n --color-base-white: white;\n --color-base-backgroud: #dceff5;\n\n /* BASE FONTS */\n --font-base-ubuntu: \"Ubuntu\", sans-serif;\n --font-size-base: 14px;\n\n /* DISABLED */\n --disabled-bg-color: #dedede;\n --disabled-text-color: #666666;\n\n /* TRANSITIONS */\n --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n width: min-content;\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-gray-darker);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-end;\n height: 1em;\n min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n border: 0px;\n height: 2em;\n min-height: 2em;\n width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-red);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-start;\n height: 1em;\n min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n font-family: \"lnclines\";\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n content: \"\\e0b9\";\n}\n";
|
|
50106
50110
|
styleInject(css_248z$3);
|
|
50107
50111
|
|
|
50108
|
-
var _templateObject$
|
|
50109
|
-
var Container$
|
|
50110
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50112
|
+
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;
|
|
50113
|
+
var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50114
|
+
var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default']([""])));
|
|
50111
50115
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50112
50116
|
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50113
50117
|
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -50314,7 +50318,7 @@ var Table = function Table(props) {
|
|
|
50314
50318
|
}));
|
|
50315
50319
|
};
|
|
50316
50320
|
|
|
50317
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
50321
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$c, null, /*#__PURE__*/React__default['default'].createElement(Wrapper, null, /*#__PURE__*/React__default['default'].createElement(TableTable, {
|
|
50318
50322
|
cellSpacing: 0
|
|
50319
50323
|
}, /*#__PURE__*/React__default['default'].createElement(TableHead, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
50320
50324
|
style: {
|
|
@@ -50604,7 +50608,7 @@ uuid.v4 = v4;
|
|
|
50604
50608
|
|
|
50605
50609
|
var uuid_1 = uuid;
|
|
50606
50610
|
|
|
50607
|
-
var _templateObject$
|
|
50611
|
+
var _templateObject$b, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12$1;
|
|
50608
50612
|
|
|
50609
50613
|
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
50610
50614
|
|
|
@@ -50712,8 +50716,8 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50712
50716
|
return css;
|
|
50713
50717
|
};
|
|
50714
50718
|
|
|
50715
|
-
var Container$
|
|
50716
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50719
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50720
|
+
var TableContainer = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50717
50721
|
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50718
50722
|
var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50719
50723
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -51970,7 +51974,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51970
51974
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
51971
51975
|
};
|
|
51972
51976
|
|
|
51973
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
51977
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$b, themeProps, renderHeader(), /*#__PURE__*/React__default['default'].createElement(TableContainer, themeProps, renderDeleteConfirmationBox(), renderTable(), renderForm(), renderDeveloperMessages()), renderPagination());
|
|
51974
51978
|
});
|
|
51975
51979
|
Grid.defaultProps = {
|
|
51976
51980
|
theme: theme,
|
|
@@ -52003,7 +52007,7 @@ Grid.propTypes = {
|
|
|
52003
52007
|
Developer: PropTypes__default['default'].bool
|
|
52004
52008
|
};
|
|
52005
52009
|
|
|
52006
|
-
var _templateObject$
|
|
52010
|
+
var _templateObject$a;
|
|
52007
52011
|
|
|
52008
52012
|
var paddingBySize$5 = function paddingBySize(size, hasText) {
|
|
52009
52013
|
if (size === "small") return "0.34375rem 0.4rem";
|
|
@@ -52017,7 +52021,7 @@ var heightBySize$4 = function heightBySize(size) {
|
|
|
52017
52021
|
if (size === "large") return "2.375rem";
|
|
52018
52022
|
};
|
|
52019
52023
|
|
|
52020
|
-
var Button = newStyled.button(_templateObject$
|
|
52024
|
+
var Button = newStyled.button(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral__default['default'](["\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n max-height: ", ";\n min-height: ", ";\n flex-grow: 1;\n appearance: none;\n outline: none;\n border: none;\n transition: all 220ms;\n display: inline-block;\n cursor: pointer;\n margin: 0.125rem;\n border-radius: 0.125rem;\n border: 0.09375rem solid transparent;\n ", "\n color: ", ";\n background-color: ", ";\n\n &:hover {\n ", "\n color: ", ";\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n\n color: ", ";\n opacity: 0.7;\n cursor: default;\n border: 0.09375rem solid #bfbfbf80;\n }\n"])), function (props) {
|
|
52021
52025
|
return props.theme.typography[props.size].fontSize;
|
|
52022
52026
|
}, function (props) {
|
|
52023
52027
|
return props.theme.typography.fontFamily;
|
|
@@ -52067,8 +52071,8 @@ var TagItem = function TagItem(props) {
|
|
|
52067
52071
|
}, text);
|
|
52068
52072
|
};
|
|
52069
52073
|
|
|
52070
|
-
var _templateObject$
|
|
52071
|
-
var Container$
|
|
52074
|
+
var _templateObject$9;
|
|
52075
|
+
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n"])));
|
|
52072
52076
|
|
|
52073
52077
|
var TagSelector = function TagSelector(props) {
|
|
52074
52078
|
var _props$tags = props.tags,
|
|
@@ -52107,7 +52111,7 @@ var TagSelector = function TagSelector(props) {
|
|
|
52107
52111
|
});
|
|
52108
52112
|
};
|
|
52109
52113
|
|
|
52110
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52114
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$a, {
|
|
52111
52115
|
size: size,
|
|
52112
52116
|
color: color,
|
|
52113
52117
|
theme: theme,
|
|
@@ -52189,7 +52193,7 @@ var ItemCounter = function ItemCounter(props) {
|
|
|
52189
52193
|
}
|
|
52190
52194
|
};
|
|
52191
52195
|
|
|
52192
|
-
var _templateObject$
|
|
52196
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2;
|
|
52193
52197
|
|
|
52194
52198
|
var getBtnContainerColor = function getBtnContainerColor(props) {
|
|
52195
52199
|
if (props.additional && props.inactive) return props.theme.palette.gray[100];
|
|
@@ -52217,8 +52221,8 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52217
52221
|
if (size === "large") return "2.25rem";
|
|
52218
52222
|
};
|
|
52219
52223
|
|
|
52220
|
-
var Container$
|
|
52221
|
-
var Inner$3 = newStyled.div(_templateObject2$
|
|
52224
|
+
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52225
|
+
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n border: 0.0625rem solid #bfbfbf80;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n cursor: pointer;\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
52222
52226
|
return props.theme.typography.fontFamily;
|
|
52223
52227
|
}, function (props) {
|
|
52224
52228
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -52273,7 +52277,7 @@ var Chip = function Chip(props) {
|
|
|
52273
52277
|
disabled: disabled,
|
|
52274
52278
|
inactive: inactive
|
|
52275
52279
|
};
|
|
52276
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52280
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$9, _extends__default['default']({}, themeProps, {
|
|
52277
52281
|
className: className
|
|
52278
52282
|
}), /*#__PURE__*/React__default['default'].createElement(Inner$3, themeProps, /*#__PURE__*/React__default['default'].createElement(Text$1, _extends__default['default']({}, themeProps, {
|
|
52279
52283
|
onClick: function onClick() {
|
|
@@ -52328,7 +52332,7 @@ Chip.propTypes = {
|
|
|
52328
52332
|
var css_248z$1 = ".item-enter {\n opacity: 0;\n}\n\n.item-enter-active {\n transition: all 0.2s ease-in;\n opacity: 1;\n}\n\n.item-exit {\n}\n\n.item-exit-active {\n opacity: 0;\n transition: opacity 200ms ease-out;\n}\n";
|
|
52329
52333
|
styleInject(css_248z$1);
|
|
52330
52334
|
|
|
52331
|
-
var _templateObject$
|
|
52335
|
+
var _templateObject$7, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1;
|
|
52332
52336
|
|
|
52333
52337
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
52334
52338
|
|
|
@@ -52352,8 +52356,8 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
|
|
|
52352
52356
|
if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
|
|
52353
52357
|
};
|
|
52354
52358
|
|
|
52355
|
-
var Container$
|
|
52356
|
-
var ItemContainer$1 = newStyled.div(_templateObject2$
|
|
52359
|
+
var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: 0.09375rem solid #bfbfbf;\n background-color: white;\n border-radius: 0.1875rem;\n width: 100%;\n\n transition: all 250ms ease;\n"])));
|
|
52360
|
+
var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral__default['default'](["\n padding: 0.15rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-grow: 10;\n transition: all 250ms ease;\n"])));
|
|
52357
52361
|
var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n margin: 0.125rem;\n flex-grow: 1;\n transition: all 250ms ease;\n\n & > div {\n width: 100%;\n }\n"])));
|
|
52358
52362
|
var InputContainer$1 = newStyled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n margin: 0.125rem;\n margin-left: 0.25rem;\n flex-grow: 1;\n transition: all 250ms ease;\n"])));
|
|
52359
52363
|
var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n transition: all 250ms ease;\n text-decoration: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n box-sizing: border-box;\n outline: none;\n border: none;\n padding: ", ";\n background-color: transparent;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n border-radius: 0.1875rem;\n"])), function (props) {
|
|
@@ -52511,7 +52515,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52511
52515
|
}
|
|
52512
52516
|
};
|
|
52513
52517
|
|
|
52514
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52518
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$8, _extends__default['default']({
|
|
52515
52519
|
className: className
|
|
52516
52520
|
}, themeProps), /*#__PURE__*/React__default['default'].createElement(Inner$2, themeProps, /*#__PURE__*/React__default['default'].createElement(SearchIcon, themeProps, /*#__PURE__*/React__default['default'].createElement("i", {
|
|
52517
52521
|
className: "fas fa-search fa-fw"
|
|
@@ -52573,7 +52577,7 @@ SearchBar.propTypes = {
|
|
|
52573
52577
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])
|
|
52574
52578
|
};
|
|
52575
52579
|
|
|
52576
|
-
var _templateObject$
|
|
52580
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
|
|
52577
52581
|
|
|
52578
52582
|
var paddingBySize$3 = function paddingBySize(size) {
|
|
52579
52583
|
if (size === "small") {
|
|
@@ -52595,10 +52599,10 @@ var heightBySize$2 = function heightBySize(size, hasText) {
|
|
|
52595
52599
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
52596
52600
|
};
|
|
52597
52601
|
|
|
52598
|
-
var Container$
|
|
52602
|
+
var Container$7 = newStyled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral__default['default'](["\n overflow: hidden;\n background-color: #f1f1f1;\n border-radius: 0.1875rem 0.1875rem 0 0;\n background-color: ", ";\n"])), function (props) {
|
|
52599
52603
|
return props.theme.palette[props.color].main;
|
|
52600
52604
|
});
|
|
52601
|
-
var Tab = newStyled.button(_templateObject2$
|
|
52605
|
+
var Tab = newStyled.button(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral__default['default'](["\n ", "\n background-color: inherit;\n float: left;\n border: none;\n outline: none;\n cursor: pointer;\n ", "\n transition: 0.25s;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n background-color: ", ";\n"])), function (props) {
|
|
52602
52606
|
return heightBySize$2(props.size);
|
|
52603
52607
|
}, function (props) {
|
|
52604
52608
|
return paddingBySize$3(props.size);
|
|
@@ -52658,7 +52662,7 @@ var Tabs = function Tabs(props) {
|
|
|
52658
52662
|
});
|
|
52659
52663
|
};
|
|
52660
52664
|
|
|
52661
|
-
return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52665
|
+
return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Container$7, _extends__default['default']({}, themeProps, {
|
|
52662
52666
|
className: className
|
|
52663
52667
|
}), tabs.map(function (tab) {
|
|
52664
52668
|
return /*#__PURE__*/React__default['default'].createElement(Tab, _extends__default['default']({
|
|
@@ -52689,7 +52693,7 @@ Tabs.propTypes = {
|
|
|
52689
52693
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
52690
52694
|
};
|
|
52691
52695
|
|
|
52692
|
-
var _templateObject$
|
|
52696
|
+
var _templateObject$5, _templateObject2$4;
|
|
52693
52697
|
|
|
52694
52698
|
var fontSize$1 = function fontSize(props) {
|
|
52695
52699
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52718,7 +52722,7 @@ var paddingBySizeContainerBox = function paddingBySizeContainerBox(size) {
|
|
|
52718
52722
|
if (size === "large") return "0.3125rem 0.5rem";
|
|
52719
52723
|
};
|
|
52720
52724
|
|
|
52721
|
-
var ContainerBox = newStyled.div(_templateObject$
|
|
52725
|
+
var ContainerBox = newStyled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral__default['default'](["\n border: 0.0625rem solid ", ";\n border-radius: 0.15625rem;\n background-color: ", ";\n color: ", ";\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n word-wrap: break-word;\n box-sizing: border-box;\n"])), function (props) {
|
|
52722
52726
|
return props.theme.palette[props.color].dark;
|
|
52723
52727
|
}, function (props) {
|
|
52724
52728
|
return props.theme.palette[props.color].lighter;
|
|
@@ -52731,7 +52735,7 @@ var ContainerBox = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
52731
52735
|
}, function (props) {
|
|
52732
52736
|
return paddingBySizeContainerBox(props.size);
|
|
52733
52737
|
});
|
|
52734
|
-
var Container$
|
|
52738
|
+
var Container$6 = newStyled.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n padding-left: 0px;\n word-wrap: break-word;\n box-sizing: border-box;\n"])), function (props) {
|
|
52735
52739
|
return props.theme.palette[props.color].dark;
|
|
52736
52740
|
}, function (props) {
|
|
52737
52741
|
return fontSize$1(props);
|
|
@@ -52756,7 +52760,7 @@ var Alet = function Alet(props) {
|
|
|
52756
52760
|
if (hasContainer) return /*#__PURE__*/React__default['default'].createElement(ContainerBox, _extends__default['default']({}, themeProps, {
|
|
52757
52761
|
className: className
|
|
52758
52762
|
}), message);
|
|
52759
|
-
if (!hasContainer) return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52763
|
+
if (!hasContainer) return /*#__PURE__*/React__default['default'].createElement(Container$6, _extends__default['default']({}, themeProps, {
|
|
52760
52764
|
className: className
|
|
52761
52765
|
}), message);
|
|
52762
52766
|
};
|
|
@@ -52778,7 +52782,7 @@ Alet.propTypes = {
|
|
|
52778
52782
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52779
52783
|
};
|
|
52780
52784
|
|
|
52781
|
-
var _templateObject$
|
|
52785
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$2;
|
|
52782
52786
|
|
|
52783
52787
|
var fontSize = function fontSize(props) {
|
|
52784
52788
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52795,12 +52799,12 @@ var fontSize = function fontSize(props) {
|
|
|
52795
52799
|
return newFontSize;
|
|
52796
52800
|
};
|
|
52797
52801
|
|
|
52798
|
-
var Container$
|
|
52802
|
+
var Container$5 = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
52799
52803
|
return props.theme.typography[props.size].fontSize;
|
|
52800
52804
|
}, function (props) {
|
|
52801
52805
|
return props.theme.typography.fontFamily;
|
|
52802
52806
|
});
|
|
52803
|
-
var LabelContainer = newStyled.div(_templateObject2$
|
|
52807
|
+
var LabelContainer = newStyled.div(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral__default['default'](["\n font-size: ", ";\n font-family: ", ";\n margin-bottom: 0.1875rem;\n color: #777a80;\n"])), function (props) {
|
|
52804
52808
|
return fontSize(props);
|
|
52805
52809
|
}, function (props) {
|
|
52806
52810
|
return props.theme.typography.fontFamily;
|
|
@@ -52824,7 +52828,7 @@ var FormField = function FormField(props) {
|
|
|
52824
52828
|
size: size,
|
|
52825
52829
|
color: color
|
|
52826
52830
|
};
|
|
52827
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52831
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$5, _extends__default['default']({}, themeProps, {
|
|
52828
52832
|
className: className
|
|
52829
52833
|
}), label && label !== null && /*#__PURE__*/React__default['default'].createElement(LabelContainer, themeProps, label, required ? "*" : ""), children, errorMessage && errorMessage !== "" && /*#__PURE__*/React__default['default'].createElement(ErrorContainer, _extends__default['default']({}, themeProps, {
|
|
52830
52834
|
hasContainer: hasContainer
|
|
@@ -52854,7 +52858,7 @@ FormField.propTypes = {
|
|
|
52854
52858
|
size: PropTypes__default['default'].oneOf(["small", "medium", "large"])
|
|
52855
52859
|
};
|
|
52856
52860
|
|
|
52857
|
-
var _templateObject$
|
|
52861
|
+
var _templateObject$3;
|
|
52858
52862
|
|
|
52859
52863
|
var getColumns = function getColumns(columns) {
|
|
52860
52864
|
var frs = "";
|
|
@@ -52866,7 +52870,7 @@ var getColumns = function getColumns(columns) {
|
|
|
52866
52870
|
return frs;
|
|
52867
52871
|
};
|
|
52868
52872
|
|
|
52869
|
-
var Container$
|
|
52873
|
+
var Container$4 = newStyled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n display: grid;\n grid-template-columns: ", ";\n\n & > div {\n margin: ", ";\n }\n"])), function (props) {
|
|
52870
52874
|
return getColumns(props.columns);
|
|
52871
52875
|
}, function (props) {
|
|
52872
52876
|
return props.fieldMargin;
|
|
@@ -52877,7 +52881,7 @@ var FormContainer = function FormContainer(props) {
|
|
|
52877
52881
|
columns = props.columns,
|
|
52878
52882
|
children = props.children,
|
|
52879
52883
|
fieldMargin = props.fieldMargin;
|
|
52880
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52884
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$4, {
|
|
52881
52885
|
columns: columns,
|
|
52882
52886
|
fieldMargin: fieldMargin,
|
|
52883
52887
|
className: className
|
|
@@ -52907,13 +52911,13 @@ var heightBySize$1 = function heightBySize(size, hasText) {
|
|
|
52907
52911
|
if (size === "large") return "2.375rem";
|
|
52908
52912
|
};
|
|
52909
52913
|
|
|
52910
|
-
var Container$
|
|
52914
|
+
var Container$3 = newStyled.span(function (props) {
|
|
52911
52915
|
return {
|
|
52912
52916
|
"& .react-datepicker__triangle": {
|
|
52913
52917
|
display: "none"
|
|
52914
52918
|
},
|
|
52915
52919
|
"& .react-datepicker-wrapper": {
|
|
52916
|
-
width: "
|
|
52920
|
+
width: "25%",
|
|
52917
52921
|
boxSizing: "border-box"
|
|
52918
52922
|
},
|
|
52919
52923
|
"& input": {
|
|
@@ -53045,7 +53049,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53045
53049
|
setEndDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
53046
53050
|
};
|
|
53047
53051
|
|
|
53048
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
53052
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$3, {
|
|
53049
53053
|
theme: theme,
|
|
53050
53054
|
size: size,
|
|
53051
53055
|
color: color
|
|
@@ -53055,7 +53059,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53055
53059
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
53056
53060
|
disabled: disabled,
|
|
53057
53061
|
className: className
|
|
53058
|
-
}),
|
|
53062
|
+
}), " ", /*#__PURE__*/React__default['default'].createElement(DatePicker, {
|
|
53059
53063
|
selected: getEndDate(),
|
|
53060
53064
|
onChange: handleOnEndDateChange,
|
|
53061
53065
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
@@ -53093,10 +53097,10 @@ PeriodSelector.propTypes = {
|
|
|
53093
53097
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
53094
53098
|
};
|
|
53095
53099
|
|
|
53096
|
-
var _templateObject$
|
|
53100
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53097
53101
|
|
|
53098
53102
|
var paddingBySize = function paddingBySize(size) {
|
|
53099
|
-
if (size === "small") return "0.
|
|
53103
|
+
if (size === "small") return "0.25rem 0.4rem 0.2rem 0.4rem";
|
|
53100
53104
|
if (size === "medium") return "0.2625rem 0.5rem 0.2625rem 0.5rem";
|
|
53101
53105
|
if (size === "large") return "0.35rem 0.7rem 0.35rem 0.7rem";
|
|
53102
53106
|
};
|
|
@@ -53107,8 +53111,8 @@ var heightBySize = function heightBySize(size) {
|
|
|
53107
53111
|
if (size === "large") return "2rem";
|
|
53108
53112
|
};
|
|
53109
53113
|
|
|
53110
|
-
var Container$
|
|
53111
|
-
var Inner$1 = newStyled.div(_templateObject2$
|
|
53114
|
+
var Container$2 = newStyled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n"])));
|
|
53115
|
+
var Inner$1 = newStyled.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
53112
53116
|
return props.theme.typography.fontFamily;
|
|
53113
53117
|
}, function (props) {
|
|
53114
53118
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -53151,7 +53155,7 @@ var Item = function Item(props) {
|
|
|
53151
53155
|
color: color,
|
|
53152
53156
|
disabled: disabled
|
|
53153
53157
|
};
|
|
53154
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
53158
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$2, _extends__default['default']({}, themeProps, {
|
|
53155
53159
|
className: className
|
|
53156
53160
|
}), /*#__PURE__*/React__default['default'].createElement(Inner$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Text, _extends__default['default']({}, themeProps, {
|
|
53157
53161
|
title: tooltip
|
|
@@ -53191,8 +53195,8 @@ Item.propTypes = {
|
|
|
53191
53195
|
var css_248z = ".option-item-enter {\n opacity: 0;\n}\n\n.option-item-enter-active {\n transition: all 0.2s ease-in;\n opacity: 1;\n}\n\n.option-item-exit {\n}\n\n.option--exit-active {\n opacity: 0;\n transition: opacity 200ms ease-out;\n}\n";
|
|
53192
53196
|
styleInject(css_248z);
|
|
53193
53197
|
|
|
53194
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53195
|
-
var spin = keyframes$2(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53198
|
+
var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53199
|
+
var spin = keyframes$2(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53196
53200
|
|
|
53197
53201
|
var getIconFontSize = function getIconFontSize(props) {
|
|
53198
53202
|
if (props.size === "small") return props.theme.typography.small.fontSize;
|
|
@@ -53218,7 +53222,7 @@ var containerColor = function containerColor(props) {
|
|
|
53218
53222
|
return props.theme.palette[props.color].lighter;
|
|
53219
53223
|
};
|
|
53220
53224
|
|
|
53221
|
-
var Container = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border-bottom: 0.125rem solid\n ", ";\n background-color: ", ";\n border-radius: 0.125rem;\n width: 100%;\n transition: all 250ms ease;\n"])), function (props) {
|
|
53225
|
+
var Container$1 = newStyled.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border-bottom: 0.125rem solid\n ", ";\n background-color: ", ";\n border-radius: 0.125rem;\n width: 100%;\n transition: all 250ms ease;\n"])), function (props) {
|
|
53222
53226
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
53223
53227
|
}, function (props) {
|
|
53224
53228
|
return containerColor(props);
|
|
@@ -53453,7 +53457,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53453
53457
|
}
|
|
53454
53458
|
};
|
|
53455
53459
|
|
|
53456
|
-
return /*#__PURE__*/React__default['default'].createElement(Container, _extends__default['default']({
|
|
53460
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$1, _extends__default['default']({
|
|
53457
53461
|
className: className
|
|
53458
53462
|
}, themeProps, {
|
|
53459
53463
|
focus: inputFocus
|
|
@@ -53542,6 +53546,228 @@ MultiSelectDropdown.propTypes = {
|
|
|
53542
53546
|
addOptionText: PropTypes__default['default'].string
|
|
53543
53547
|
};
|
|
53544
53548
|
|
|
53549
|
+
var _templateObject, _templateObject2;
|
|
53550
|
+
var Container = newStyled.div(function (props) {
|
|
53551
|
+
return {
|
|
53552
|
+
gridArea: "timeSpentItem",
|
|
53553
|
+
display: "flex",
|
|
53554
|
+
columnGap: "2px",
|
|
53555
|
+
justifyContent: "start"
|
|
53556
|
+
};
|
|
53557
|
+
});
|
|
53558
|
+
var FlexCenter = newStyled.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n display: flex;\n justify-content: center;\n align-items: end;\n"])));
|
|
53559
|
+
var ButtonWraper = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n padding-right: 2%;\n"])));
|
|
53560
|
+
|
|
53561
|
+
var TimeInput = function TimeInput(props) {
|
|
53562
|
+
var id = props.id,
|
|
53563
|
+
value = props.value,
|
|
53564
|
+
size = props.size,
|
|
53565
|
+
color = props.color,
|
|
53566
|
+
theme = props.theme,
|
|
53567
|
+
className = props.className,
|
|
53568
|
+
onChange = props.onChange,
|
|
53569
|
+
_props$disabled = props.disabled,
|
|
53570
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
53571
|
+
_props$step = props.step,
|
|
53572
|
+
step = _props$step === void 0 ? 1 : _props$step;
|
|
53573
|
+
|
|
53574
|
+
var _useState = React.useState(value),
|
|
53575
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
53576
|
+
val = _useState2[0],
|
|
53577
|
+
setVal = _useState2[1];
|
|
53578
|
+
|
|
53579
|
+
var _useState3 = React.useState(Math.trunc(props.value)),
|
|
53580
|
+
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
53581
|
+
spentHours = _useState4[0],
|
|
53582
|
+
setSpentHours = _useState4[1];
|
|
53583
|
+
|
|
53584
|
+
var _useState5 = React.useState(Math.trunc(props.value % 1 * 60)),
|
|
53585
|
+
_useState6 = _slicedToArray__default['default'](_useState5, 2),
|
|
53586
|
+
spentMinutes = _useState6[0],
|
|
53587
|
+
setSpentMinutes = _useState6[1];
|
|
53588
|
+
|
|
53589
|
+
var stepDecimal = step / 60;
|
|
53590
|
+
var stepValue = parseInt(step);
|
|
53591
|
+
React.useEffect(function () {
|
|
53592
|
+
setVal(value);
|
|
53593
|
+
setSpentHours(Math.trunc(props.value));
|
|
53594
|
+
setSpentMinutes(Math.trunc(props.value % 1 * 60));
|
|
53595
|
+
}, [value]);
|
|
53596
|
+
|
|
53597
|
+
var ConvertMinutesToDecimal = function ConvertMinutesToDecimal(newMinutesValue) {
|
|
53598
|
+
var timeSpent = parseFloat(newMinutesValue);
|
|
53599
|
+
|
|
53600
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53601
|
+
timeSpent = 0;
|
|
53602
|
+
}
|
|
53603
|
+
|
|
53604
|
+
if (!Number.isInteger(timeSpent)) {
|
|
53605
|
+
timeSpent = Math.trunc(timeSpent);
|
|
53606
|
+
}
|
|
53607
|
+
|
|
53608
|
+
var hoursToAdd = 0;
|
|
53609
|
+
|
|
53610
|
+
if (timeSpent > 60) {
|
|
53611
|
+
hoursToAdd = Math.trunc(timeSpent / 60);
|
|
53612
|
+
timeSpent %= 60;
|
|
53613
|
+
}
|
|
53614
|
+
|
|
53615
|
+
timeSpent = Math.trunc(timeSpent / stepValue) * stepValue;
|
|
53616
|
+
var oldTime = val;
|
|
53617
|
+
|
|
53618
|
+
if (oldTime <= stepDecimal) {
|
|
53619
|
+
if (timeSpent <= stepValue || isNaN(timeSpent) || timeSpent === undefined) {
|
|
53620
|
+
timeSpent = stepValue;
|
|
53621
|
+
}
|
|
53622
|
+
}
|
|
53623
|
+
|
|
53624
|
+
if (oldTime <= 24) {
|
|
53625
|
+
var oldHours = Math.trunc(val);
|
|
53626
|
+
var newTimeSpent = oldHours + hoursToAdd + timeSpent / 60;
|
|
53627
|
+
newTimeSpent = parseFloat(newTimeSpent.toFixed(5));
|
|
53628
|
+
if (newTimeSpent > 24) return 24;
|
|
53629
|
+
return newTimeSpent;
|
|
53630
|
+
}
|
|
53631
|
+
};
|
|
53632
|
+
|
|
53633
|
+
var ConvertHoursToDecimal = function ConvertHoursToDecimal(newHoursValue) {
|
|
53634
|
+
var timeSpent = parseFloat(newHoursValue);
|
|
53635
|
+
|
|
53636
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53637
|
+
timeSpent = 0;
|
|
53638
|
+
}
|
|
53639
|
+
|
|
53640
|
+
if (timeSpent >= 24) {
|
|
53641
|
+
return 24.0;
|
|
53642
|
+
} else if (parseInt(timeSpent) === 0) {
|
|
53643
|
+
var oldTime = parseFloat(val);
|
|
53644
|
+
|
|
53645
|
+
if (oldTime % 1 <= stepDecimal) {
|
|
53646
|
+
return stepDecimal;
|
|
53647
|
+
} else {
|
|
53648
|
+
return oldTime % 1;
|
|
53649
|
+
}
|
|
53650
|
+
} else {
|
|
53651
|
+
var _oldTime = val;
|
|
53652
|
+
|
|
53653
|
+
var oldDecimalValue = ("" + _oldTime).split(".")[1];
|
|
53654
|
+
|
|
53655
|
+
if (oldDecimalValue === undefined || oldDecimalValue === "") {
|
|
53656
|
+
oldDecimalValue = "0.0";
|
|
53657
|
+
}
|
|
53658
|
+
|
|
53659
|
+
oldDecimalValue = "0." + oldDecimalValue;
|
|
53660
|
+
var newTimeSpent = timeSpent + parseFloat(oldDecimalValue);
|
|
53661
|
+
newTimeSpent = newTimeSpent.toFixed(2);
|
|
53662
|
+
return parseFloat(newTimeSpent);
|
|
53663
|
+
}
|
|
53664
|
+
};
|
|
53665
|
+
|
|
53666
|
+
var plusButtonClickHandler = function plusButtonClickHandler() {
|
|
53667
|
+
var time = ConvertMinutesToDecimal(spentMinutes + stepValue);
|
|
53668
|
+
setSpentHours(Math.trunc(time));
|
|
53669
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53670
|
+
setVal(time);
|
|
53671
|
+
onChange(id, time);
|
|
53672
|
+
};
|
|
53673
|
+
|
|
53674
|
+
var minusButtonClickHandler = function minusButtonClickHandler() {
|
|
53675
|
+
var time = ConvertMinutesToDecimal(spentMinutes - stepValue);
|
|
53676
|
+
setSpentHours(Math.trunc(time));
|
|
53677
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53678
|
+
setVal(time);
|
|
53679
|
+
onChange(id, time);
|
|
53680
|
+
};
|
|
53681
|
+
|
|
53682
|
+
var minutesChangeHandler = function minutesChangeHandler(_, value) {
|
|
53683
|
+
setSpentMinutes(value);
|
|
53684
|
+
var time = ConvertMinutesToDecimal(value);
|
|
53685
|
+
setTimeout(function () {
|
|
53686
|
+
setSpentHours(Math.trunc(time));
|
|
53687
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53688
|
+
setVal(time);
|
|
53689
|
+
}, 100);
|
|
53690
|
+
onChange(id, time);
|
|
53691
|
+
};
|
|
53692
|
+
|
|
53693
|
+
var hoursChangeHandler = function hoursChangeHandler(_, value) {
|
|
53694
|
+
setSpentHours(value);
|
|
53695
|
+
var time = ConvertHoursToDecimal(value);
|
|
53696
|
+
setTimeout(function () {
|
|
53697
|
+
setSpentHours(Math.trunc(time));
|
|
53698
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53699
|
+
setVal(time);
|
|
53700
|
+
}, 100);
|
|
53701
|
+
onChange(id, time);
|
|
53702
|
+
};
|
|
53703
|
+
|
|
53704
|
+
return /*#__PURE__*/React__default['default'].createElement(Container, {
|
|
53705
|
+
className: className
|
|
53706
|
+
}, /*#__PURE__*/React__default['default'].createElement(FlexCenter, null, /*#__PURE__*/React__default['default'].createElement(ButtonWraper, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
53707
|
+
icon: "minus",
|
|
53708
|
+
onClick: minusButtonClickHandler,
|
|
53709
|
+
disabled: disabled,
|
|
53710
|
+
size: size,
|
|
53711
|
+
color: color,
|
|
53712
|
+
theme: theme
|
|
53713
|
+
})), /*#__PURE__*/React__default['default'].createElement(ButtonWraper, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
53714
|
+
id: "addButton",
|
|
53715
|
+
icon: "plus",
|
|
53716
|
+
onClick: plusButtonClickHandler,
|
|
53717
|
+
disabled: disabled,
|
|
53718
|
+
size: size,
|
|
53719
|
+
color: color,
|
|
53720
|
+
theme: theme
|
|
53721
|
+
}))), /*#__PURE__*/React__default['default'].createElement(FormField, {
|
|
53722
|
+
label: "h",
|
|
53723
|
+
required: true
|
|
53724
|
+
}, /*#__PURE__*/React__default['default'].createElement(NumberInput, {
|
|
53725
|
+
id: "timeSpentHours",
|
|
53726
|
+
value: spentHours,
|
|
53727
|
+
onChange: hoursChangeHandler,
|
|
53728
|
+
disabled: disabled,
|
|
53729
|
+
size: size,
|
|
53730
|
+
color: color,
|
|
53731
|
+
theme: theme
|
|
53732
|
+
})), /*#__PURE__*/React__default['default'].createElement(FormField, {
|
|
53733
|
+
label: "min",
|
|
53734
|
+
required: true
|
|
53735
|
+
}, /*#__PURE__*/React__default['default'].createElement(NumberInput, {
|
|
53736
|
+
id: "timeSpentMinutes",
|
|
53737
|
+
value: spentMinutes,
|
|
53738
|
+
onChange: minutesChangeHandler,
|
|
53739
|
+
label: "min",
|
|
53740
|
+
disabled: disabled,
|
|
53741
|
+
size: size,
|
|
53742
|
+
color: color,
|
|
53743
|
+
theme: theme
|
|
53744
|
+
})));
|
|
53745
|
+
};
|
|
53746
|
+
|
|
53747
|
+
TimeInput.defaultProps = {
|
|
53748
|
+
id: "",
|
|
53749
|
+
theme: theme,
|
|
53750
|
+
disabled: false,
|
|
53751
|
+
onChange: function onChange() {},
|
|
53752
|
+
className: "",
|
|
53753
|
+
preventDefault: true,
|
|
53754
|
+
size: "small",
|
|
53755
|
+
color: "primary",
|
|
53756
|
+
value: "",
|
|
53757
|
+
step: ""
|
|
53758
|
+
};
|
|
53759
|
+
TimeInput.propTypes = {
|
|
53760
|
+
theme: PropTypes__default['default'].object.isRequired,
|
|
53761
|
+
id: PropTypes__default['default'].string,
|
|
53762
|
+
disabled: PropTypes__default['default'].bool,
|
|
53763
|
+
onChange: PropTypes__default['default'].func,
|
|
53764
|
+
className: PropTypes__default['default'].string,
|
|
53765
|
+
value: PropTypes__default['default'].string,
|
|
53766
|
+
size: PropTypes__default['default'].oneOf(["small", "medium", "large"]),
|
|
53767
|
+
color: PropTypes__default['default'].oneOf(["primary", "secondary", "gray"]),
|
|
53768
|
+
step: PropTypes__default['default'].string
|
|
53769
|
+
};
|
|
53770
|
+
|
|
53545
53771
|
exports.Alert = Alet;
|
|
53546
53772
|
exports.Button = Button$1;
|
|
53547
53773
|
exports.CheckBox = CheckBox;
|
|
@@ -53569,5 +53795,6 @@ exports.Tabs = Tabs;
|
|
|
53569
53795
|
exports.TagSelector = TagSelector;
|
|
53570
53796
|
exports.TextArea = TextArea;
|
|
53571
53797
|
exports.TextInput = TextInput;
|
|
53798
|
+
exports.TimeInput = TimeInput;
|
|
53572
53799
|
exports.ToggleSwitch = ToggleSwitch;
|
|
53573
53800
|
exports.theme = theme;
|