@lanaco/lnc-react-ui 2.1.15 → 2.1.19
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 +379 -143
- package/lib/index.js +379 -142
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -4575,7 +4575,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
4575
4575
|
}
|
|
4576
4576
|
}
|
|
4577
4577
|
|
|
4578
|
-
var _templateObject$
|
|
4578
|
+
var _templateObject$q;
|
|
4579
4579
|
|
|
4580
4580
|
var getCheckboxCss = function getCheckboxCss(props) {
|
|
4581
4581
|
var left, top, width, height, checkWidth, checkHeight, margin, marginLeft, padingLeft, paddingTop;
|
|
@@ -4620,7 +4620,7 @@ var getCheckboxCss = function getCheckboxCss(props) {
|
|
|
4620
4620
|
height = "1.6875rem";
|
|
4621
4621
|
}
|
|
4622
4622
|
|
|
4623
|
-
return css(_templateObject$
|
|
4623
|
+
return css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n .c-", "-container {\n font-family: ", ";\n display: inline-block;\n position: relative;\n padding: 0.25rem;\n padding-left: ", ";\n ", "\n cursor: pointer;\n font-size: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin: ", ";\n margin-left: ", ";\n cursor: pointer;\n }\n\n /* Hide the browser's default checkbox */\n .c-", "-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n /* Create a custom checkbox */\n .c-", "-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: #eee;\n border: 0.0625rem solid ", ";\n border-radius: 2px;\n transition: all 200ms ease;\n }\n\n /* On mouse-over, add a grey background color */\n .c-", "-container:hover input ~ .c-", "-checkmark {\n cursor: pointer;\n }\n\n .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n cursor: default;\n }\n\n .c-", "-container input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n /* When the checkbox is checked, add a blue background */\n .c-", "-container input:checked ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n border: 0.0625rem solid ", ";\n cursor: default;\n }\n\n /* Create the checkmark/indicator (hidden when not checked) */\n .c-", "-checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .c-", "-container input:checked ~ .c-", "-checkmark:after {\n display: block;\n }\n\n /* Style the checkmark/indicator */\n .c-", "-container .c-", "-checkmark:after {\n left: ", ";\n top: ", ";\n width: ", ";\n height: ", ";\n border: solid white;\n border-width: 0 0.21875rem 0.21875rem 0;\n -webkit-transform: rotate(35deg);\n -ms-transform: rotate(35deg);\n transform: rotate(35deg);\n }\n "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
|
|
4624
4624
|
};
|
|
4625
4625
|
|
|
4626
4626
|
var CheckBox = function CheckBox(props) {
|
|
@@ -4675,7 +4675,7 @@ CheckBox.propTypes = {
|
|
|
4675
4675
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
4676
4676
|
};
|
|
4677
4677
|
|
|
4678
|
-
var _templateObject$
|
|
4678
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$e;
|
|
4679
4679
|
|
|
4680
4680
|
var getLabelAndTextProps = function getLabelAndTextProps() {
|
|
4681
4681
|
return {
|
|
@@ -4746,14 +4746,14 @@ var Label = newStyled.label(function (props) {
|
|
|
4746
4746
|
}
|
|
4747
4747
|
};
|
|
4748
4748
|
});
|
|
4749
|
-
var Text$2 = newStyled.label(_templateObject$
|
|
4749
|
+
var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n position: relative;\n font-family: ", ";\n font-size: ", ";\n top: ", ";\n"])), function (props) {
|
|
4750
4750
|
return props.theme.typography.fontFamily;
|
|
4751
4751
|
}, function (props) {
|
|
4752
4752
|
return props.theme.typography[props.size].fontSize;
|
|
4753
4753
|
}, function (props) {
|
|
4754
4754
|
return getLabelAndTextProps()[props.size].top;
|
|
4755
4755
|
});
|
|
4756
|
-
var Input$4 = newStyled.input(_templateObject2$
|
|
4756
|
+
var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n &:checked + span {\n background-color: ", ";\n }\n\n &:focus + span {\n box-shadow: 0 0 0.0625rem\n ", ";\n }\n\n &:checked + span:before {\n transform: translateX(90%);\n }\n\n &:checked:disabled + span {\n }\n\n &:checked:disabled + span:before {\n backround-color: red;\n }\n\n &:disabled + span {\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:checked:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
|
|
4757
4757
|
return props.theme.palette[props.color].main;
|
|
4758
4758
|
}, function (props) {
|
|
4759
4759
|
return props.theme.palette[props.color].main;
|
|
@@ -6513,11 +6513,11 @@ SwitchTransition.defaultProps = {
|
|
|
6513
6513
|
};
|
|
6514
6514
|
var SwitchTransition$1 = SwitchTransition;
|
|
6515
6515
|
|
|
6516
|
-
var _templateObject$
|
|
6517
|
-
var Container$
|
|
6516
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
|
|
6517
|
+
var Container$l = newStyled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
|
|
6518
6518
|
return props.width && props.width !== "" ? props.width : "fit-content";
|
|
6519
6519
|
}, theme.typography.fontFamily);
|
|
6520
|
-
var Table$1 = newStyled.div(_templateObject2$
|
|
6520
|
+
var Table$1 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
|
|
6521
6521
|
var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
|
|
6522
6522
|
return props.height && props.height !== "" ? props.height : "auto";
|
|
6523
6523
|
});
|
|
@@ -6595,7 +6595,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6595
6595
|
|
|
6596
6596
|
var _options = pagination ? options.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : options;
|
|
6597
6597
|
|
|
6598
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
6598
|
+
return /*#__PURE__*/React__default.createElement(Container$l, _extends({}, themeProps, {
|
|
6599
6599
|
className: className
|
|
6600
6600
|
}), /*#__PURE__*/React__default.createElement(Global, {
|
|
6601
6601
|
styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral(["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
|
|
@@ -22391,7 +22391,7 @@ var heightBySize$d = function heightBySize(size, hasText) {
|
|
|
22391
22391
|
if (size === "large") return "2.375rem";
|
|
22392
22392
|
};
|
|
22393
22393
|
|
|
22394
|
-
var Container$
|
|
22394
|
+
var Container$k = newStyled.span(function (props) {
|
|
22395
22395
|
return {
|
|
22396
22396
|
"& .react-datepicker__triangle": {
|
|
22397
22397
|
display: "none"
|
|
@@ -22488,7 +22488,7 @@ var DateInput = function DateInput(props) {
|
|
|
22488
22488
|
setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22489
22489
|
};
|
|
22490
22490
|
|
|
22491
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
22491
|
+
return /*#__PURE__*/React__default.createElement(Container$k, {
|
|
22492
22492
|
theme: theme,
|
|
22493
22493
|
size: size,
|
|
22494
22494
|
color: color
|
|
@@ -22653,13 +22653,13 @@ DropDown.propTypes = {
|
|
|
22653
22653
|
|
|
22654
22654
|
var _excluded = ["duration", "delay", "children"];
|
|
22655
22655
|
|
|
22656
|
-
var _templateObject$
|
|
22656
|
+
var _templateObject$n, _templateObject2$i;
|
|
22657
22657
|
|
|
22658
22658
|
function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22659
22659
|
|
|
22660
22660
|
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22661
|
-
var fadeIn = keyframes$2(_templateObject$
|
|
22662
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
22661
|
+
var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22662
|
+
var Wrapper$2 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22663
22663
|
|
|
22664
22664
|
var FadeIn = function FadeIn(_ref) {
|
|
22665
22665
|
var _ref$duration = _ref.duration,
|
|
@@ -22677,7 +22677,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22677
22677
|
}), children);
|
|
22678
22678
|
};
|
|
22679
22679
|
|
|
22680
|
-
var _templateObject$
|
|
22680
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22681
22681
|
|
|
22682
22682
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22683
22683
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22691,8 +22691,8 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22691
22691
|
if (size === "large") return "2.25rem";
|
|
22692
22692
|
};
|
|
22693
22693
|
|
|
22694
|
-
var spin$2 = keyframes$2(_templateObject$
|
|
22695
|
-
var Container$
|
|
22694
|
+
var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22695
|
+
var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n border-bottom: 0.125rem solid\n ", ";\n min-height: ", ";\n max-height: ", ";\n transition: all 250ms ease;\n border-radius: 0.125rem;\n background-color: ", ";\n"])), function (props) {
|
|
22696
22696
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22697
22697
|
}, function (props) {
|
|
22698
22698
|
return heightBySize$b(props.size);
|
|
@@ -22918,7 +22918,7 @@ var DropdownLookup = function DropdownLookup(props) {
|
|
|
22918
22918
|
}
|
|
22919
22919
|
};
|
|
22920
22920
|
|
|
22921
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
22921
|
+
return /*#__PURE__*/React__default.createElement(Container$j, themeProps, /*#__PURE__*/React__default.createElement(Inner$4, themeProps, /*#__PURE__*/React__default.createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default.createElement(Input$3, _extends({}, themeProps, {
|
|
22922
22922
|
ref: InputRef,
|
|
22923
22923
|
autoComplete: "off",
|
|
22924
22924
|
id: id,
|
|
@@ -22978,7 +22978,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
|
|
|
22978
22978
|
onChange: PropTypes.func
|
|
22979
22979
|
}, _defineProperty(_DropdownLookup$propT, "load", PropTypes.func), _defineProperty(_DropdownLookup$propT, "clear", PropTypes.func), _defineProperty(_DropdownLookup$propT, "className", PropTypes.string), _defineProperty(_DropdownLookup$propT, "initialValue", PropTypes.object), _defineProperty(_DropdownLookup$propT, "notItemsFoundText", PropTypes.string), _defineProperty(_DropdownLookup$propT, "size", PropTypes.oneOf(["small", "medium", "large"])), _defineProperty(_DropdownLookup$propT, "color", PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])), _DropdownLookup$propT);
|
|
22980
22980
|
|
|
22981
|
-
var _templateObject$
|
|
22981
|
+
var _templateObject$l;
|
|
22982
22982
|
|
|
22983
22983
|
var getPadding = function getPadding(size) {
|
|
22984
22984
|
if (size === "small") return "0.4125rem 0.34375rem";
|
|
@@ -22992,7 +22992,7 @@ var heightBySize$a = function heightBySize(size) {
|
|
|
22992
22992
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
22993
22993
|
};
|
|
22994
22994
|
|
|
22995
|
-
var Span$1 = newStyled.span(_templateObject$
|
|
22995
|
+
var Span$1 = newStyled.span(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n background-color: inherit;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
22996
22996
|
return props.theme.typography[props.size].fontSize;
|
|
22997
22997
|
}, function (props) {
|
|
22998
22998
|
return getPadding(props.size);
|
|
@@ -23249,7 +23249,7 @@ var Icon = newStyled.i(function (props) {
|
|
|
23249
23249
|
fontSize: props.theme.typography[props.size].fontSize
|
|
23250
23250
|
};
|
|
23251
23251
|
});
|
|
23252
|
-
var Container$
|
|
23252
|
+
var Container$i = newStyled.div(function (props) {
|
|
23253
23253
|
return {
|
|
23254
23254
|
display: "flex",
|
|
23255
23255
|
fontFamily: props.theme.typography.fontFamily,
|
|
@@ -23333,7 +23333,7 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
|
|
|
23333
23333
|
size: size,
|
|
23334
23334
|
color: color
|
|
23335
23335
|
};
|
|
23336
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container$
|
|
23336
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container$i, themeProps, /*#__PURE__*/React__default.createElement(Input$2, _extends({}, themeProps, {
|
|
23337
23337
|
type: locked ? "password" : "text",
|
|
23338
23338
|
autoComplete: autoComplete ? "true" : "false",
|
|
23339
23339
|
value: value,
|
|
@@ -31273,11 +31273,11 @@ var AnimatePresence = function (_a) {
|
|
|
31273
31273
|
: childrenToRender.map(function (child) { return cloneElement(child); })));
|
|
31274
31274
|
};
|
|
31275
31275
|
|
|
31276
|
-
var _templateObject$
|
|
31277
|
-
var Overlay = newStyled(motion.div)(_templateObject$
|
|
31276
|
+
var _templateObject$k, _templateObject2$g;
|
|
31277
|
+
var Overlay = newStyled(motion.div)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: ", ";\n"])), function (props) {
|
|
31278
31278
|
return props.zIndex;
|
|
31279
31279
|
});
|
|
31280
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31280
|
+
var ModalContainer = newStyled(motion.div)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n width: 50%;\n background-color: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n border-radius: 0.2rem;\n background: white;\n z-index: ", ";\n"])), function (props) {
|
|
31281
31281
|
return props.width;
|
|
31282
31282
|
}, function (props) {
|
|
31283
31283
|
return props.zIndex;
|
|
@@ -31313,7 +31313,9 @@ var Content$4 = newStyled.div(function (props) {
|
|
|
31313
31313
|
padding: "0.3125rem",
|
|
31314
31314
|
border: "0.065rem solid ".concat(props.theme.palette.gray[600]),
|
|
31315
31315
|
borderTop: props.basic ? "none" : "0.065rem solid ".concat(props.theme.palette.gray[600]),
|
|
31316
|
-
borderRadius: "0 0 0.2rem 0.2rem"
|
|
31316
|
+
borderRadius: "0 0 0.2rem 0.2rem",
|
|
31317
|
+
maxHeight: "calc(100vh - 220px)",
|
|
31318
|
+
overflowY: "auto"
|
|
31317
31319
|
};
|
|
31318
31320
|
});
|
|
31319
31321
|
|
|
@@ -31406,7 +31408,7 @@ Modal$1.propTypes = {
|
|
|
31406
31408
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
31407
31409
|
};
|
|
31408
31410
|
|
|
31409
|
-
var Container$
|
|
31411
|
+
var Container$h = newStyled.div(function (props) {
|
|
31410
31412
|
return {
|
|
31411
31413
|
position: "fixed",
|
|
31412
31414
|
alignItems: "center",
|
|
@@ -31509,7 +31511,7 @@ var ConfirmationForm = function ConfirmationForm(props) {
|
|
|
31509
31511
|
if (clickOutsideToClose || !showHeader) onClose();
|
|
31510
31512
|
};
|
|
31511
31513
|
|
|
31512
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
31514
|
+
return /*#__PURE__*/React__default.createElement(Container$h, _extends({}, themeProps, {
|
|
31513
31515
|
className: className,
|
|
31514
31516
|
onClick: onClickOutsideModal
|
|
31515
31517
|
}), /*#__PURE__*/React__default.createElement(Modal, themeProps, showHeader ? /*#__PURE__*/React__default.createElement(Header, themeProps, /*#__PURE__*/React__default.createElement(Title, themeProps, header), /*#__PURE__*/React__default.createElement(CloseButton, themeProps, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
@@ -31580,12 +31582,12 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31580
31582
|
var styles$1 = {"dropbtn":"styles-module_dropbtn__3BuA0","disabled":"styles-module_disabled__3pCU6","dropdownContent":"styles-module_dropdownContent__2g5rN","dropdown":"styles-module_dropdown__zPTAO","linkInnerSpan":"styles-module_linkInnerSpan__2Gjny","linkIconSpan":"styles-module_linkIconSpan__1IQ0O","iconSpan":"styles-module_iconSpan__2IYf9","mymove":"styles-module_mymove__2DflL"};
|
|
31581
31583
|
styleInject(css_248z$6);
|
|
31582
31584
|
|
|
31583
|
-
var _templateObject$
|
|
31585
|
+
var _templateObject$j, _templateObject2$f, _templateObject3$b;
|
|
31584
31586
|
|
|
31585
|
-
var Dropdown = newStyled.div(_templateObject$
|
|
31587
|
+
var Dropdown = newStyled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: ", ";\n position: absolute;\n background-color: white;\n min-width: 160px;\n border-radius: 3.5px;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n"])), function (props) {
|
|
31586
31588
|
return props.show ? "block" : "none";
|
|
31587
31589
|
});
|
|
31588
|
-
var ItemWrapper$2 = newStyled.div(_templateObject2$
|
|
31590
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n padding: 2px;\n"])));
|
|
31589
31591
|
var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n background-color: white;\n color: ", ";\n padding: 6px 6px;\n text-decoration: none;\n display: block;\n font-size: 12px;\n padding: 2px;\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
|
|
31590
31592
|
|
|
31591
31593
|
var DropdownMenu = function DropdownMenu(props) {
|
|
@@ -31662,13 +31664,13 @@ var freeze = function freeze(dependcies) {
|
|
|
31662
31664
|
return freeze;
|
|
31663
31665
|
};
|
|
31664
31666
|
|
|
31665
|
-
var _templateObject$
|
|
31666
|
-
var Container$
|
|
31667
|
+
var _templateObject$i, _templateObject2$e;
|
|
31668
|
+
var Container$g = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n font-size: ", ";\n font-family: ", ";\n padding: 0px 8px;\n"])), function (props) {
|
|
31667
31669
|
return props.theme.typography.small.fontSize;
|
|
31668
31670
|
}, function (props) {
|
|
31669
31671
|
return props.theme.typography.fontFamily;
|
|
31670
31672
|
});
|
|
31671
|
-
var Item$3 = newStyled.div(_templateObject2$
|
|
31673
|
+
var Item$3 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
31672
31674
|
return props.first ? "0" : "6px";
|
|
31673
31675
|
});
|
|
31674
31676
|
|
|
@@ -31745,7 +31747,7 @@ var FormViewMovement = function FormViewMovement(props) {
|
|
|
31745
31747
|
})));
|
|
31746
31748
|
};
|
|
31747
31749
|
|
|
31748
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
31750
|
+
return /*#__PURE__*/React__default.createElement(Container$g, themeProps, renderFirst(), renderPrevious(), renderNext(), renderLast());
|
|
31749
31751
|
};
|
|
31750
31752
|
|
|
31751
31753
|
FormViewMovement.defaultProps = {
|
|
@@ -48985,13 +48987,13 @@ var TableSelectionType = {
|
|
|
48985
48987
|
MULTIPLE: "multiple"
|
|
48986
48988
|
};
|
|
48987
48989
|
|
|
48988
|
-
var _templateObject$
|
|
48989
|
-
var Container$
|
|
48990
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7;
|
|
48991
|
+
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n\n border-radius: 3px;\n padding: 4px;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
48990
48992
|
return props.theme.typography.small.fontSize;
|
|
48991
48993
|
}, function (props) {
|
|
48992
48994
|
return props.theme.typography.fontFamily;
|
|
48993
48995
|
});
|
|
48994
|
-
var Item$2 = newStyled.div(_templateObject2$
|
|
48996
|
+
var Item$2 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
48995
48997
|
return props.first ? "0" : "6px";
|
|
48996
48998
|
});
|
|
48997
48999
|
var ExportItem = newStyled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
|
|
@@ -49165,7 +49167,7 @@ var Pagination = function Pagination(props) {
|
|
|
49165
49167
|
})));
|
|
49166
49168
|
};
|
|
49167
49169
|
|
|
49168
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49170
|
+
return /*#__PURE__*/React__default.createElement(Container$f, themeProps, renderFirst(), renderPrevious(), renderCurrentPage(), renderNext(), renderLast(), renderPageSize(), renderRowInformation(), renderExportButtons());
|
|
49169
49171
|
};
|
|
49170
49172
|
|
|
49171
49173
|
Pagination.defaultProps = {
|
|
@@ -49230,9 +49232,9 @@ Pagination.propTypes = {
|
|
|
49230
49232
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49231
49233
|
};
|
|
49232
49234
|
|
|
49233
|
-
var _templateObject$
|
|
49234
|
-
var Container$
|
|
49235
|
-
var Wrapper$1 = newStyled.div(_templateObject2$
|
|
49235
|
+
var _templateObject$g, _templateObject2$c, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
|
|
49236
|
+
var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49237
|
+
var Wrapper$1 = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49236
49238
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49237
49239
|
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49238
49240
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -49280,7 +49282,9 @@ var TableView = function TableView(props) {
|
|
|
49280
49282
|
OnHeaderClick = _props$Config$OnHeade === void 0 ? function () {} : _props$Config$OnHeade,
|
|
49281
49283
|
ReadOnly = _props$Config.ReadOnly,
|
|
49282
49284
|
_props$Config$IsLooku = _props$Config.IsLookup,
|
|
49283
|
-
IsLookup = _props$Config$IsLooku === void 0 ? false : _props$Config$IsLooku
|
|
49285
|
+
IsLookup = _props$Config$IsLooku === void 0 ? false : _props$Config$IsLooku,
|
|
49286
|
+
_props$Config$LookupT = _props$Config.LookupTakeItem,
|
|
49287
|
+
LookupTakeItem = _props$Config$LookupT === void 0 ? function () {} : _props$Config$LookupT;
|
|
49284
49288
|
var _props$Localization = props.Localization,
|
|
49285
49289
|
Localization = _props$Localization === void 0 ? {} : _props$Localization;
|
|
49286
49290
|
props.Export;
|
|
@@ -49334,7 +49338,16 @@ var TableView = function TableView(props) {
|
|
|
49334
49338
|
ChangeToFormView(dataItem);
|
|
49335
49339
|
} : function () {};
|
|
49336
49340
|
if (!EnableFormView) onClick = function onClick() {};
|
|
49337
|
-
if (!EnableSelection || ReadOnly
|
|
49341
|
+
if (!EnableSelection || ReadOnly) onClick = function onClick() {};
|
|
49342
|
+
|
|
49343
|
+
if (IsLookup) {
|
|
49344
|
+
onClick = function onClick() {
|
|
49345
|
+
if (!IsLoading) {
|
|
49346
|
+
LookupTakeItem(dataItem);
|
|
49347
|
+
}
|
|
49348
|
+
};
|
|
49349
|
+
}
|
|
49350
|
+
|
|
49338
49351
|
var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
|
|
49339
49352
|
return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
|
|
49340
49353
|
key: tabIndex,
|
|
@@ -49343,7 +49356,22 @@ var TableView = function TableView(props) {
|
|
|
49343
49356
|
};
|
|
49344
49357
|
|
|
49345
49358
|
var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
|
|
49346
|
-
if (
|
|
49359
|
+
if (IsLookup) {
|
|
49360
|
+
return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
|
|
49361
|
+
selectionCell: true,
|
|
49362
|
+
key: -1
|
|
49363
|
+
}, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
49364
|
+
inverted: true,
|
|
49365
|
+
onClick: function onClick() {
|
|
49366
|
+
if (!IsLoading) {
|
|
49367
|
+
LookupTakeItem(dataItem);
|
|
49368
|
+
}
|
|
49369
|
+
},
|
|
49370
|
+
icon: "arrow-right"
|
|
49371
|
+
}));
|
|
49372
|
+
}
|
|
49373
|
+
|
|
49374
|
+
if (!EnableSelection || ReadOnly || IsLookup) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49347
49375
|
return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
|
|
49348
49376
|
selectionCell: true,
|
|
49349
49377
|
key: -1
|
|
@@ -49390,6 +49418,10 @@ var TableView = function TableView(props) {
|
|
|
49390
49418
|
};
|
|
49391
49419
|
|
|
49392
49420
|
var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
|
|
49421
|
+
if (IsLookup) return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
|
|
49422
|
+
selectionCell: true,
|
|
49423
|
+
key: -1
|
|
49424
|
+
});
|
|
49393
49425
|
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49394
49426
|
if (SelectedEntirePage && Localization.DeselectAll) ;
|
|
49395
49427
|
if (!SelectedEntirePage && Localization.SelectAll) ;
|
|
@@ -49405,7 +49437,7 @@ var TableView = function TableView(props) {
|
|
|
49405
49437
|
}));
|
|
49406
49438
|
};
|
|
49407
49439
|
|
|
49408
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49440
|
+
return /*#__PURE__*/React__default.createElement(Container$e, null, /*#__PURE__*/React__default.createElement(Wrapper$1, null, /*#__PURE__*/React__default.createElement(TableTable$1, {
|
|
49409
49441
|
cellSpacing: 0
|
|
49410
49442
|
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49411
49443
|
return x.hide !== true;
|
|
@@ -49414,7 +49446,7 @@ var TableView = function TableView(props) {
|
|
|
49414
49446
|
}))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody()))));
|
|
49415
49447
|
};
|
|
49416
49448
|
|
|
49417
|
-
var _templateObject$
|
|
49449
|
+
var _templateObject$f, _templateObject2$b;
|
|
49418
49450
|
|
|
49419
49451
|
var heightBySize$5 = function heightBySize(size) {
|
|
49420
49452
|
if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
|
|
@@ -49422,8 +49454,8 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49422
49454
|
if (size === "large") return "\n width: 1.8rem;\n height: 1.8rem;\n ";
|
|
49423
49455
|
};
|
|
49424
49456
|
|
|
49425
|
-
var spin$1 = keyframes$2(_templateObject$
|
|
49426
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49457
|
+
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49458
|
+
var StyledSpinner = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n display: inline-block;\n ", "\n border: 0.3125rem solid ", ";\n border-radius: 50%;\n border-top-color: ", ";\n animation: ", " 0.8s ease-in-out infinite;\n"])), function (props) {
|
|
49427
49459
|
return heightBySize$5(props.size);
|
|
49428
49460
|
}, function (props) {
|
|
49429
49461
|
return props.theme.palette[props.color].lighter;
|
|
@@ -49462,7 +49494,7 @@ Spinner.propTypes = {
|
|
|
49462
49494
|
var css_248z$4 = ".fade1-enter {\n opacity: 0;\n}\n.fade1-exit {\n opacity: 1;\n}\n.fade1-enter-active {\n opacity: 1;\n}\n.fade1-exit-active {\n opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n transition: opacity 330ms;\n}\n\n.fade2-enter {\n opacity: 0;\n}\n.fade2-exit {\n opacity: 1;\n}\n.fade2-enter-active {\n opacity: 1;\n}\n.fade2-exit-active {\n opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n transition: opacity 330ms;\n}\n";
|
|
49463
49495
|
styleInject(css_248z$4);
|
|
49464
49496
|
|
|
49465
|
-
var _templateObject$
|
|
49497
|
+
var _templateObject$e, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
49466
49498
|
|
|
49467
49499
|
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
49468
49500
|
|
|
@@ -49492,10 +49524,10 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49492
49524
|
return css;
|
|
49493
49525
|
};
|
|
49494
49526
|
|
|
49495
|
-
var Container$
|
|
49527
|
+
var Container$d = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
|
|
49496
49528
|
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49497
49529
|
});
|
|
49498
|
-
var TableContainer$1 = newStyled.div(_templateObject2$
|
|
49530
|
+
var TableContainer$1 = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49499
49531
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
|
|
49500
49532
|
var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
|
|
49501
49533
|
return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -49557,12 +49589,10 @@ var DataView = function DataView(props) {
|
|
|
49557
49589
|
GoToAdd = _props$GoToAdd === void 0 ? emptyFunc : _props$GoToAdd;
|
|
49558
49590
|
props.GoToAddWithCopy;
|
|
49559
49591
|
var _props$DiscardEdited = props.DiscardEdited,
|
|
49560
|
-
DiscardEdited = _props$DiscardEdited === void 0 ? emptyFunc : _props$DiscardEdited
|
|
49561
|
-
|
|
49562
|
-
|
|
49563
|
-
_props$
|
|
49564
|
-
ClearSelectedData = _props$ClearSelectedD === void 0 ? emptyFunc : _props$ClearSelectedD,
|
|
49565
|
-
_props$Localization = props.Localization,
|
|
49592
|
+
DiscardEdited = _props$DiscardEdited === void 0 ? emptyFunc : _props$DiscardEdited;
|
|
49593
|
+
props.SetSelectedData;
|
|
49594
|
+
props.ClearSelectedData;
|
|
49595
|
+
var _props$Localization = props.Localization,
|
|
49566
49596
|
Localization = _props$Localization === void 0 ? {} : _props$Localization,
|
|
49567
49597
|
_props$Export = props.Export,
|
|
49568
49598
|
Export = _props$Export === void 0 ? function () {} : _props$Export,
|
|
@@ -49638,15 +49668,15 @@ var DataView = function DataView(props) {
|
|
|
49638
49668
|
size: size,
|
|
49639
49669
|
color: color
|
|
49640
49670
|
}; //======== LOOKUP ========
|
|
49641
|
-
|
|
49642
|
-
|
|
49643
|
-
|
|
49644
|
-
|
|
49645
|
-
|
|
49646
|
-
|
|
49647
|
-
|
|
49648
|
-
|
|
49649
|
-
|
|
49671
|
+
// useEffect(() => {
|
|
49672
|
+
// if (General.IsLookup) SetSelectedData(Lookup.SelectedData);
|
|
49673
|
+
// }, [Lookup.SelectedData]);
|
|
49674
|
+
// useEffect(() => {
|
|
49675
|
+
// return function cleanup() {
|
|
49676
|
+
// if (General.IsLookup) ClearSelectedData();
|
|
49677
|
+
// };
|
|
49678
|
+
// }, []);
|
|
49679
|
+
//======== CONFIGS ========
|
|
49650
49680
|
|
|
49651
49681
|
var formViewMovementConfig = {
|
|
49652
49682
|
Dirty: Form.Dirty,
|
|
@@ -49678,6 +49708,9 @@ var DataView = function DataView(props) {
|
|
|
49678
49708
|
SelectedData: Table.SelectedData,
|
|
49679
49709
|
ChangeToFormView: ChangeToFormView,
|
|
49680
49710
|
//---------------------------
|
|
49711
|
+
IsLookup: General.IsLookup,
|
|
49712
|
+
LookupTakeItem: Lookup.LookupTakeItem ? Lookup.LookupTakeItem : function () {},
|
|
49713
|
+
//---------------------------
|
|
49681
49714
|
EnableOrdering: Options.EnableOrdering,
|
|
49682
49715
|
Column: Ordering.Column,
|
|
49683
49716
|
Accessor: Ordering.Accessor,
|
|
@@ -49708,27 +49741,6 @@ var DataView = function DataView(props) {
|
|
|
49708
49741
|
if (Form.Mode === FormMode.ADD) return "add";
|
|
49709
49742
|
}; //======== RENDER ========
|
|
49710
49743
|
|
|
49711
|
-
|
|
49712
|
-
var renderLookupTakeValues = function renderLookupTakeValues() {
|
|
49713
|
-
if (General.IsLookup) {
|
|
49714
|
-
var loading = freezeLoading([Table.SelectedData.length === 0]);
|
|
49715
|
-
return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
49716
|
-
tooltip: Localization.TakeValues,
|
|
49717
|
-
onClick: function onClick() {
|
|
49718
|
-
if (!loading) {
|
|
49719
|
-
Lookup.TakeValues(Table.SelectedData);
|
|
49720
|
-
if (ClearSelectedData) ClearSelectedData();
|
|
49721
|
-
}
|
|
49722
|
-
},
|
|
49723
|
-
disabled: Table.SelectedData.length === 0,
|
|
49724
|
-
icon: "arrow-circle-down",
|
|
49725
|
-
inverted: true
|
|
49726
|
-
}));
|
|
49727
|
-
}
|
|
49728
|
-
|
|
49729
|
-
return false;
|
|
49730
|
-
};
|
|
49731
|
-
|
|
49732
49744
|
var renderContextMenu = function renderContextMenu() {
|
|
49733
49745
|
if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
|
|
49734
49746
|
return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(DropdownMenu, {
|
|
@@ -49854,7 +49866,7 @@ var DataView = function DataView(props) {
|
|
|
49854
49866
|
var x6 = General.CurrentView !== "TableView" ? false : true;
|
|
49855
49867
|
var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
|
|
49856
49868
|
var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
|
|
49857
|
-
if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default.createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(),
|
|
49869
|
+
if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default.createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderContextMenu());
|
|
49858
49870
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49859
49871
|
};
|
|
49860
49872
|
|
|
@@ -49906,7 +49918,7 @@ var DataView = function DataView(props) {
|
|
|
49906
49918
|
|
|
49907
49919
|
var renderComponent = function renderComponent() {
|
|
49908
49920
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
49909
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49921
|
+
return /*#__PURE__*/React__default.createElement(Container$d, _extends({}, themeProps, {
|
|
49910
49922
|
shadow: Shadow
|
|
49911
49923
|
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
|
|
49912
49924
|
mode: "out-in"
|
|
@@ -49941,8 +49953,8 @@ DataView.propTypes = {
|
|
|
49941
49953
|
color: PropTypes.string
|
|
49942
49954
|
};
|
|
49943
49955
|
|
|
49944
|
-
var _templateObject$
|
|
49945
|
-
var Item$1 = newStyled.div(_templateObject$
|
|
49956
|
+
var _templateObject$d;
|
|
49957
|
+
var Item$1 = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n padding-left: 0.1875rem;\n padding-right: 0.25rem;\n"])));
|
|
49946
49958
|
|
|
49947
49959
|
var FormMovement = function FormMovement(props) {
|
|
49948
49960
|
//====== PROPS ======
|
|
@@ -50052,9 +50064,9 @@ FormMovement.propTypes = {
|
|
|
50052
50064
|
var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n /* BASE COLORS */\n --color-base-blue: #00537a;\n --color-base-blue-darker: #003b57;\n --color-base-blue-lighter: #006999;\n --color-base-gray: #a2a5ab;\n --color-base-gray-darker: #777a80;\n --color-base-gray-lighter: #dee1e6;\n --color-base-gray-lightest: #f0f2f7;\n --color-base-green: #2a963c;\n --color-base-green-darker: #21732f;\n --color-base-green-ligher: #3eb051;\n --color-base-red: #e0223e;\n --color-base-red-darker: #e3566b;\n --color-base-red-ligher: #9c1f32;\n --color-base-dirty-white: #fcfcfc;\n --color-base-white: white;\n --color-base-backgroud: #dceff5;\n\n /* BASE FONTS */\n --font-base-ubuntu: \"Ubuntu\", sans-serif;\n --font-size-base: 14px;\n\n /* DISABLED */\n --disabled-bg-color: #dedede;\n --disabled-text-color: #666666;\n\n /* TRANSITIONS */\n --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n width: min-content;\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-gray-darker);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-end;\n height: 1em;\n min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n border: 0px;\n height: 2em;\n min-height: 2em;\n width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-red);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-start;\n height: 1em;\n min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n font-family: \"lnclines\";\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n content: \"\\e0b9\";\n}\n";
|
|
50053
50065
|
styleInject(css_248z$3);
|
|
50054
50066
|
|
|
50055
|
-
var _templateObject$
|
|
50056
|
-
var Container$
|
|
50057
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50067
|
+
var _templateObject$c, _templateObject2$9, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1;
|
|
50068
|
+
var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50069
|
+
var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral([""])));
|
|
50058
50070
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50059
50071
|
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50060
50072
|
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -50261,7 +50273,7 @@ var Table = function Table(props) {
|
|
|
50261
50273
|
}));
|
|
50262
50274
|
};
|
|
50263
50275
|
|
|
50264
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
50276
|
+
return /*#__PURE__*/React__default.createElement(Container$c, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(TableTable, {
|
|
50265
50277
|
cellSpacing: 0
|
|
50266
50278
|
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default.createElement("th", {
|
|
50267
50279
|
style: {
|
|
@@ -50551,7 +50563,7 @@ uuid.v4 = v4;
|
|
|
50551
50563
|
|
|
50552
50564
|
var uuid_1 = uuid;
|
|
50553
50565
|
|
|
50554
|
-
var _templateObject$
|
|
50566
|
+
var _templateObject$b, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12$1;
|
|
50555
50567
|
|
|
50556
50568
|
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
50557
50569
|
|
|
@@ -50659,8 +50671,8 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50659
50671
|
return css;
|
|
50660
50672
|
};
|
|
50661
50673
|
|
|
50662
|
-
var Container$
|
|
50663
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50674
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50675
|
+
var TableContainer = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50664
50676
|
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50665
50677
|
var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50666
50678
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -51917,7 +51929,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51917
51929
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
51918
51930
|
};
|
|
51919
51931
|
|
|
51920
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
51932
|
+
return /*#__PURE__*/React__default.createElement(Container$b, themeProps, renderHeader(), /*#__PURE__*/React__default.createElement(TableContainer, themeProps, renderDeleteConfirmationBox(), renderTable(), renderForm(), renderDeveloperMessages()), renderPagination());
|
|
51921
51933
|
});
|
|
51922
51934
|
Grid.defaultProps = {
|
|
51923
51935
|
theme: theme,
|
|
@@ -51950,7 +51962,7 @@ Grid.propTypes = {
|
|
|
51950
51962
|
Developer: PropTypes.bool
|
|
51951
51963
|
};
|
|
51952
51964
|
|
|
51953
|
-
var _templateObject$
|
|
51965
|
+
var _templateObject$a;
|
|
51954
51966
|
|
|
51955
51967
|
var paddingBySize$5 = function paddingBySize(size, hasText) {
|
|
51956
51968
|
if (size === "small") return "0.34375rem 0.4rem";
|
|
@@ -51964,7 +51976,7 @@ var heightBySize$4 = function heightBySize(size) {
|
|
|
51964
51976
|
if (size === "large") return "2.375rem";
|
|
51965
51977
|
};
|
|
51966
51978
|
|
|
51967
|
-
var Button = newStyled.button(_templateObject$
|
|
51979
|
+
var Button = newStyled.button(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n max-height: ", ";\n min-height: ", ";\n flex-grow: 1;\n appearance: none;\n outline: none;\n border: none;\n transition: all 220ms;\n display: inline-block;\n cursor: pointer;\n margin: 0.125rem;\n border-radius: 0.125rem;\n border: 0.09375rem solid transparent;\n ", "\n color: ", ";\n background-color: ", ";\n\n &:hover {\n ", "\n color: ", ";\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n\n color: ", ";\n opacity: 0.7;\n cursor: default;\n border: 0.09375rem solid #bfbfbf80;\n }\n"])), function (props) {
|
|
51968
51980
|
return props.theme.typography[props.size].fontSize;
|
|
51969
51981
|
}, function (props) {
|
|
51970
51982
|
return props.theme.typography.fontFamily;
|
|
@@ -52014,8 +52026,8 @@ var TagItem = function TagItem(props) {
|
|
|
52014
52026
|
}, text);
|
|
52015
52027
|
};
|
|
52016
52028
|
|
|
52017
|
-
var _templateObject$
|
|
52018
|
-
var Container$
|
|
52029
|
+
var _templateObject$9;
|
|
52030
|
+
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n"])));
|
|
52019
52031
|
|
|
52020
52032
|
var TagSelector = function TagSelector(props) {
|
|
52021
52033
|
var _props$tags = props.tags,
|
|
@@ -52054,7 +52066,7 @@ var TagSelector = function TagSelector(props) {
|
|
|
52054
52066
|
});
|
|
52055
52067
|
};
|
|
52056
52068
|
|
|
52057
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52069
|
+
return /*#__PURE__*/React__default.createElement(Container$a, {
|
|
52058
52070
|
size: size,
|
|
52059
52071
|
color: color,
|
|
52060
52072
|
theme: theme,
|
|
@@ -52136,7 +52148,7 @@ var ItemCounter = function ItemCounter(props) {
|
|
|
52136
52148
|
}
|
|
52137
52149
|
};
|
|
52138
52150
|
|
|
52139
|
-
var _templateObject$
|
|
52151
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2;
|
|
52140
52152
|
|
|
52141
52153
|
var getBtnContainerColor = function getBtnContainerColor(props) {
|
|
52142
52154
|
if (props.additional && props.inactive) return props.theme.palette.gray[100];
|
|
@@ -52164,8 +52176,8 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52164
52176
|
if (size === "large") return "2.25rem";
|
|
52165
52177
|
};
|
|
52166
52178
|
|
|
52167
|
-
var Container$
|
|
52168
|
-
var Inner$3 = newStyled.div(_templateObject2$
|
|
52179
|
+
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52180
|
+
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n border: 0.0625rem solid #bfbfbf80;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n cursor: pointer;\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
52169
52181
|
return props.theme.typography.fontFamily;
|
|
52170
52182
|
}, function (props) {
|
|
52171
52183
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -52220,7 +52232,7 @@ var Chip = function Chip(props) {
|
|
|
52220
52232
|
disabled: disabled,
|
|
52221
52233
|
inactive: inactive
|
|
52222
52234
|
};
|
|
52223
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52235
|
+
return /*#__PURE__*/React__default.createElement(Container$9, _extends({}, themeProps, {
|
|
52224
52236
|
className: className
|
|
52225
52237
|
}), /*#__PURE__*/React__default.createElement(Inner$3, themeProps, /*#__PURE__*/React__default.createElement(Text$1, _extends({}, themeProps, {
|
|
52226
52238
|
onClick: function onClick() {
|
|
@@ -52275,7 +52287,7 @@ Chip.propTypes = {
|
|
|
52275
52287
|
var css_248z$1 = ".item-enter {\n opacity: 0;\n}\n\n.item-enter-active {\n transition: all 0.2s ease-in;\n opacity: 1;\n}\n\n.item-exit {\n}\n\n.item-exit-active {\n opacity: 0;\n transition: opacity 200ms ease-out;\n}\n";
|
|
52276
52288
|
styleInject(css_248z$1);
|
|
52277
52289
|
|
|
52278
|
-
var _templateObject$
|
|
52290
|
+
var _templateObject$7, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1;
|
|
52279
52291
|
|
|
52280
52292
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
52281
52293
|
|
|
@@ -52299,8 +52311,8 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
|
|
|
52299
52311
|
if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
|
|
52300
52312
|
};
|
|
52301
52313
|
|
|
52302
|
-
var Container$
|
|
52303
|
-
var ItemContainer$1 = newStyled.div(_templateObject2$
|
|
52314
|
+
var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: 0.09375rem solid #bfbfbf;\n background-color: white;\n border-radius: 0.1875rem;\n width: 100%;\n\n transition: all 250ms ease;\n"])));
|
|
52315
|
+
var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n padding: 0.15rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-grow: 10;\n transition: all 250ms ease;\n"])));
|
|
52304
52316
|
var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n display: inline-block;\n margin: 0.125rem;\n flex-grow: 1;\n transition: all 250ms ease;\n\n & > div {\n width: 100%;\n }\n"])));
|
|
52305
52317
|
var InputContainer$1 = newStyled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n margin: 0.125rem;\n margin-left: 0.25rem;\n flex-grow: 1;\n transition: all 250ms ease;\n"])));
|
|
52306
52318
|
var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n width: 100%;\n transition: all 250ms ease;\n text-decoration: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n box-sizing: border-box;\n outline: none;\n border: none;\n padding: ", ";\n background-color: transparent;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n border-radius: 0.1875rem;\n"])), function (props) {
|
|
@@ -52458,7 +52470,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52458
52470
|
}
|
|
52459
52471
|
};
|
|
52460
52472
|
|
|
52461
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52473
|
+
return /*#__PURE__*/React__default.createElement(Container$8, _extends({
|
|
52462
52474
|
className: className
|
|
52463
52475
|
}, themeProps), /*#__PURE__*/React__default.createElement(Inner$2, themeProps, /*#__PURE__*/React__default.createElement(SearchIcon, themeProps, /*#__PURE__*/React__default.createElement("i", {
|
|
52464
52476
|
className: "fas fa-search fa-fw"
|
|
@@ -52520,7 +52532,7 @@ SearchBar.propTypes = {
|
|
|
52520
52532
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])
|
|
52521
52533
|
};
|
|
52522
52534
|
|
|
52523
|
-
var _templateObject$
|
|
52535
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
|
|
52524
52536
|
|
|
52525
52537
|
var paddingBySize$3 = function paddingBySize(size) {
|
|
52526
52538
|
if (size === "small") {
|
|
@@ -52542,10 +52554,10 @@ var heightBySize$2 = function heightBySize(size, hasText) {
|
|
|
52542
52554
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
52543
52555
|
};
|
|
52544
52556
|
|
|
52545
|
-
var Container$
|
|
52557
|
+
var Container$7 = newStyled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n overflow: hidden;\n background-color: #f1f1f1;\n border-radius: 0.1875rem 0.1875rem 0 0;\n background-color: ", ";\n"])), function (props) {
|
|
52546
52558
|
return props.theme.palette[props.color].main;
|
|
52547
52559
|
});
|
|
52548
|
-
var Tab = newStyled.button(_templateObject2$
|
|
52560
|
+
var Tab = newStyled.button(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n ", "\n background-color: inherit;\n float: left;\n border: none;\n outline: none;\n cursor: pointer;\n ", "\n transition: 0.25s;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n background-color: ", ";\n"])), function (props) {
|
|
52549
52561
|
return heightBySize$2(props.size);
|
|
52550
52562
|
}, function (props) {
|
|
52551
52563
|
return paddingBySize$3(props.size);
|
|
@@ -52605,7 +52617,7 @@ var Tabs = function Tabs(props) {
|
|
|
52605
52617
|
});
|
|
52606
52618
|
};
|
|
52607
52619
|
|
|
52608
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$
|
|
52620
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$7, _extends({}, themeProps, {
|
|
52609
52621
|
className: className
|
|
52610
52622
|
}), tabs.map(function (tab) {
|
|
52611
52623
|
return /*#__PURE__*/React__default.createElement(Tab, _extends({
|
|
@@ -52636,7 +52648,7 @@ Tabs.propTypes = {
|
|
|
52636
52648
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
52637
52649
|
};
|
|
52638
52650
|
|
|
52639
|
-
var _templateObject$
|
|
52651
|
+
var _templateObject$5, _templateObject2$4;
|
|
52640
52652
|
|
|
52641
52653
|
var fontSize$1 = function fontSize(props) {
|
|
52642
52654
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52665,7 +52677,7 @@ var paddingBySizeContainerBox = function paddingBySizeContainerBox(size) {
|
|
|
52665
52677
|
if (size === "large") return "0.3125rem 0.5rem";
|
|
52666
52678
|
};
|
|
52667
52679
|
|
|
52668
|
-
var ContainerBox = newStyled.div(_templateObject$
|
|
52680
|
+
var ContainerBox = newStyled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n border: 0.0625rem solid ", ";\n border-radius: 0.15625rem;\n background-color: ", ";\n color: ", ";\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n word-wrap: break-word;\n box-sizing: border-box;\n"])), function (props) {
|
|
52669
52681
|
return props.theme.palette[props.color].dark;
|
|
52670
52682
|
}, function (props) {
|
|
52671
52683
|
return props.theme.palette[props.color].lighter;
|
|
@@ -52678,7 +52690,7 @@ var ContainerBox = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
52678
52690
|
}, function (props) {
|
|
52679
52691
|
return paddingBySizeContainerBox(props.size);
|
|
52680
52692
|
});
|
|
52681
|
-
var Container$
|
|
52693
|
+
var Container$6 = newStyled.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n padding-left: 0px;\n word-wrap: break-word;\n box-sizing: border-box;\n"])), function (props) {
|
|
52682
52694
|
return props.theme.palette[props.color].dark;
|
|
52683
52695
|
}, function (props) {
|
|
52684
52696
|
return fontSize$1(props);
|
|
@@ -52703,7 +52715,7 @@ var Alet = function Alet(props) {
|
|
|
52703
52715
|
if (hasContainer) return /*#__PURE__*/React__default.createElement(ContainerBox, _extends({}, themeProps, {
|
|
52704
52716
|
className: className
|
|
52705
52717
|
}), message);
|
|
52706
|
-
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$
|
|
52718
|
+
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$6, _extends({}, themeProps, {
|
|
52707
52719
|
className: className
|
|
52708
52720
|
}), message);
|
|
52709
52721
|
};
|
|
@@ -52713,9 +52725,11 @@ Alet.defaultProps = {
|
|
|
52713
52725
|
size: "small",
|
|
52714
52726
|
theme: theme,
|
|
52715
52727
|
color: "primary",
|
|
52716
|
-
hasContainer: true
|
|
52728
|
+
hasContainer: true,
|
|
52729
|
+
message: ""
|
|
52717
52730
|
};
|
|
52718
52731
|
Alet.propTypes = {
|
|
52732
|
+
message: PropTypes.string,
|
|
52719
52733
|
theme: PropTypes.object.isRequired,
|
|
52720
52734
|
className: PropTypes.string,
|
|
52721
52735
|
hasContainer: PropTypes.bool,
|
|
@@ -52723,7 +52737,7 @@ Alet.propTypes = {
|
|
|
52723
52737
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52724
52738
|
};
|
|
52725
52739
|
|
|
52726
|
-
var _templateObject$
|
|
52740
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$2;
|
|
52727
52741
|
|
|
52728
52742
|
var fontSize = function fontSize(props) {
|
|
52729
52743
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52740,12 +52754,12 @@ var fontSize = function fontSize(props) {
|
|
|
52740
52754
|
return newFontSize;
|
|
52741
52755
|
};
|
|
52742
52756
|
|
|
52743
|
-
var Container$
|
|
52757
|
+
var Container$5 = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
52744
52758
|
return props.theme.typography[props.size].fontSize;
|
|
52745
52759
|
}, function (props) {
|
|
52746
52760
|
return props.theme.typography.fontFamily;
|
|
52747
52761
|
});
|
|
52748
|
-
var LabelContainer = newStyled.div(_templateObject2$
|
|
52762
|
+
var LabelContainer = newStyled.div(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n margin-bottom: 0.1875rem;\n color: #777a80;\n"])), function (props) {
|
|
52749
52763
|
return fontSize(props);
|
|
52750
52764
|
}, function (props) {
|
|
52751
52765
|
return props.theme.typography.fontFamily;
|
|
@@ -52769,7 +52783,7 @@ var FormField = function FormField(props) {
|
|
|
52769
52783
|
size: size,
|
|
52770
52784
|
color: color
|
|
52771
52785
|
};
|
|
52772
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52786
|
+
return /*#__PURE__*/React__default.createElement(Container$5, _extends({}, themeProps, {
|
|
52773
52787
|
className: className
|
|
52774
52788
|
}), label && label !== null && /*#__PURE__*/React__default.createElement(LabelContainer, themeProps, label, required ? "*" : ""), children, errorMessage && errorMessage !== "" && /*#__PURE__*/React__default.createElement(ErrorContainer, _extends({}, themeProps, {
|
|
52775
52789
|
hasContainer: hasContainer
|
|
@@ -52799,7 +52813,7 @@ FormField.propTypes = {
|
|
|
52799
52813
|
size: PropTypes.oneOf(["small", "medium", "large"])
|
|
52800
52814
|
};
|
|
52801
52815
|
|
|
52802
|
-
var _templateObject$
|
|
52816
|
+
var _templateObject$3;
|
|
52803
52817
|
|
|
52804
52818
|
var getColumns = function getColumns(columns) {
|
|
52805
52819
|
var frs = "";
|
|
@@ -52811,7 +52825,7 @@ var getColumns = function getColumns(columns) {
|
|
|
52811
52825
|
return frs;
|
|
52812
52826
|
};
|
|
52813
52827
|
|
|
52814
|
-
var Container$
|
|
52828
|
+
var Container$4 = newStyled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: ", ";\n\n & > div {\n margin: ", ";\n }\n"])), function (props) {
|
|
52815
52829
|
return getColumns(props.columns);
|
|
52816
52830
|
}, function (props) {
|
|
52817
52831
|
return props.fieldMargin;
|
|
@@ -52822,7 +52836,7 @@ var FormContainer = function FormContainer(props) {
|
|
|
52822
52836
|
columns = props.columns,
|
|
52823
52837
|
children = props.children,
|
|
52824
52838
|
fieldMargin = props.fieldMargin;
|
|
52825
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52839
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
52826
52840
|
columns: columns,
|
|
52827
52841
|
fieldMargin: fieldMargin,
|
|
52828
52842
|
className: className
|
|
@@ -52852,13 +52866,13 @@ var heightBySize$1 = function heightBySize(size, hasText) {
|
|
|
52852
52866
|
if (size === "large") return "2.375rem";
|
|
52853
52867
|
};
|
|
52854
52868
|
|
|
52855
|
-
var Container$
|
|
52869
|
+
var Container$3 = newStyled.span(function (props) {
|
|
52856
52870
|
return {
|
|
52857
52871
|
"& .react-datepicker__triangle": {
|
|
52858
52872
|
display: "none"
|
|
52859
52873
|
},
|
|
52860
52874
|
"& .react-datepicker-wrapper": {
|
|
52861
|
-
width: "
|
|
52875
|
+
width: "25%",
|
|
52862
52876
|
boxSizing: "border-box"
|
|
52863
52877
|
},
|
|
52864
52878
|
"& input": {
|
|
@@ -52990,7 +53004,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
52990
53004
|
setEndDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
52991
53005
|
};
|
|
52992
53006
|
|
|
52993
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53007
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
52994
53008
|
theme: theme,
|
|
52995
53009
|
size: size,
|
|
52996
53010
|
color: color
|
|
@@ -53000,7 +53014,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53000
53014
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
53001
53015
|
disabled: disabled,
|
|
53002
53016
|
className: className
|
|
53003
|
-
}),
|
|
53017
|
+
}), " ", /*#__PURE__*/React__default.createElement(DatePicker, {
|
|
53004
53018
|
selected: getEndDate(),
|
|
53005
53019
|
onChange: handleOnEndDateChange,
|
|
53006
53020
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
@@ -53038,10 +53052,10 @@ PeriodSelector.propTypes = {
|
|
|
53038
53052
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
53039
53053
|
};
|
|
53040
53054
|
|
|
53041
|
-
var _templateObject$
|
|
53055
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53042
53056
|
|
|
53043
53057
|
var paddingBySize = function paddingBySize(size) {
|
|
53044
|
-
if (size === "small") return "0.
|
|
53058
|
+
if (size === "small") return "0.25rem 0.4rem 0.2rem 0.4rem";
|
|
53045
53059
|
if (size === "medium") return "0.2625rem 0.5rem 0.2625rem 0.5rem";
|
|
53046
53060
|
if (size === "large") return "0.35rem 0.7rem 0.35rem 0.7rem";
|
|
53047
53061
|
};
|
|
@@ -53052,8 +53066,8 @@ var heightBySize = function heightBySize(size) {
|
|
|
53052
53066
|
if (size === "large") return "2rem";
|
|
53053
53067
|
};
|
|
53054
53068
|
|
|
53055
|
-
var Container$
|
|
53056
|
-
var Inner$1 = newStyled.div(_templateObject2$
|
|
53069
|
+
var Container$2 = newStyled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n"])));
|
|
53070
|
+
var Inner$1 = newStyled.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
53057
53071
|
return props.theme.typography.fontFamily;
|
|
53058
53072
|
}, function (props) {
|
|
53059
53073
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -53096,7 +53110,7 @@ var Item = function Item(props) {
|
|
|
53096
53110
|
color: color,
|
|
53097
53111
|
disabled: disabled
|
|
53098
53112
|
};
|
|
53099
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53113
|
+
return /*#__PURE__*/React__default.createElement(Container$2, _extends({}, themeProps, {
|
|
53100
53114
|
className: className
|
|
53101
53115
|
}), /*#__PURE__*/React__default.createElement(Inner$1, themeProps, /*#__PURE__*/React__default.createElement(Text, _extends({}, themeProps, {
|
|
53102
53116
|
title: tooltip
|
|
@@ -53136,8 +53150,8 @@ Item.propTypes = {
|
|
|
53136
53150
|
var css_248z = ".option-item-enter {\n opacity: 0;\n}\n\n.option-item-enter-active {\n transition: all 0.2s ease-in;\n opacity: 1;\n}\n\n.option-item-exit {\n}\n\n.option--exit-active {\n opacity: 0;\n transition: opacity 200ms ease-out;\n}\n";
|
|
53137
53151
|
styleInject(css_248z);
|
|
53138
53152
|
|
|
53139
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53140
|
-
var spin = keyframes$2(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53153
|
+
var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53154
|
+
var spin = keyframes$2(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53141
53155
|
|
|
53142
53156
|
var getIconFontSize = function getIconFontSize(props) {
|
|
53143
53157
|
if (props.size === "small") return props.theme.typography.small.fontSize;
|
|
@@ -53163,7 +53177,7 @@ var containerColor = function containerColor(props) {
|
|
|
53163
53177
|
return props.theme.palette[props.color].lighter;
|
|
53164
53178
|
};
|
|
53165
53179
|
|
|
53166
|
-
var Container = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border-bottom: 0.125rem solid\n ", ";\n background-color: ", ";\n border-radius: 0.125rem;\n width: 100%;\n transition: all 250ms ease;\n"])), function (props) {
|
|
53180
|
+
var Container$1 = newStyled.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border-bottom: 0.125rem solid\n ", ";\n background-color: ", ";\n border-radius: 0.125rem;\n width: 100%;\n transition: all 250ms ease;\n"])), function (props) {
|
|
53167
53181
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
53168
53182
|
}, function (props) {
|
|
53169
53183
|
return containerColor(props);
|
|
@@ -53398,7 +53412,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53398
53412
|
}
|
|
53399
53413
|
};
|
|
53400
53414
|
|
|
53401
|
-
return /*#__PURE__*/React__default.createElement(Container, _extends({
|
|
53415
|
+
return /*#__PURE__*/React__default.createElement(Container$1, _extends({
|
|
53402
53416
|
className: className
|
|
53403
53417
|
}, themeProps, {
|
|
53404
53418
|
focus: inputFocus
|
|
@@ -53487,4 +53501,226 @@ MultiSelectDropdown.propTypes = {
|
|
|
53487
53501
|
addOptionText: PropTypes.string
|
|
53488
53502
|
};
|
|
53489
53503
|
|
|
53490
|
-
|
|
53504
|
+
var _templateObject, _templateObject2;
|
|
53505
|
+
var Container = newStyled.div(function (props) {
|
|
53506
|
+
return {
|
|
53507
|
+
gridArea: "timeSpentItem",
|
|
53508
|
+
display: "flex",
|
|
53509
|
+
columnGap: "2px",
|
|
53510
|
+
justifyContent: "start"
|
|
53511
|
+
};
|
|
53512
|
+
});
|
|
53513
|
+
var FlexCenter = newStyled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: end;\n"])));
|
|
53514
|
+
var ButtonWraper = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-right: 2%;\n"])));
|
|
53515
|
+
|
|
53516
|
+
var TimeInput = function TimeInput(props) {
|
|
53517
|
+
var id = props.id,
|
|
53518
|
+
value = props.value,
|
|
53519
|
+
size = props.size,
|
|
53520
|
+
color = props.color,
|
|
53521
|
+
theme = props.theme,
|
|
53522
|
+
className = props.className,
|
|
53523
|
+
onChange = props.onChange,
|
|
53524
|
+
_props$disabled = props.disabled,
|
|
53525
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
53526
|
+
_props$step = props.step,
|
|
53527
|
+
step = _props$step === void 0 ? 1 : _props$step;
|
|
53528
|
+
|
|
53529
|
+
var _useState = useState(value),
|
|
53530
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53531
|
+
val = _useState2[0],
|
|
53532
|
+
setVal = _useState2[1];
|
|
53533
|
+
|
|
53534
|
+
var _useState3 = useState(Math.trunc(props.value)),
|
|
53535
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
53536
|
+
spentHours = _useState4[0],
|
|
53537
|
+
setSpentHours = _useState4[1];
|
|
53538
|
+
|
|
53539
|
+
var _useState5 = useState(Math.trunc(props.value % 1 * 60)),
|
|
53540
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
53541
|
+
spentMinutes = _useState6[0],
|
|
53542
|
+
setSpentMinutes = _useState6[1];
|
|
53543
|
+
|
|
53544
|
+
var stepDecimal = step / 60;
|
|
53545
|
+
var stepValue = parseInt(step);
|
|
53546
|
+
useEffect(function () {
|
|
53547
|
+
setVal(value);
|
|
53548
|
+
setSpentHours(Math.trunc(props.value));
|
|
53549
|
+
setSpentMinutes(Math.trunc(props.value % 1 * 60));
|
|
53550
|
+
}, [value]);
|
|
53551
|
+
|
|
53552
|
+
var ConvertMinutesToDecimal = function ConvertMinutesToDecimal(newMinutesValue) {
|
|
53553
|
+
var timeSpent = parseFloat(newMinutesValue);
|
|
53554
|
+
|
|
53555
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53556
|
+
timeSpent = 0;
|
|
53557
|
+
}
|
|
53558
|
+
|
|
53559
|
+
if (!Number.isInteger(timeSpent)) {
|
|
53560
|
+
timeSpent = Math.trunc(timeSpent);
|
|
53561
|
+
}
|
|
53562
|
+
|
|
53563
|
+
var hoursToAdd = 0;
|
|
53564
|
+
|
|
53565
|
+
if (timeSpent > 60) {
|
|
53566
|
+
hoursToAdd = Math.trunc(timeSpent / 60);
|
|
53567
|
+
timeSpent %= 60;
|
|
53568
|
+
}
|
|
53569
|
+
|
|
53570
|
+
timeSpent = Math.trunc(timeSpent / stepValue) * stepValue;
|
|
53571
|
+
var oldTime = val;
|
|
53572
|
+
|
|
53573
|
+
if (oldTime <= stepDecimal) {
|
|
53574
|
+
if (timeSpent <= stepValue || isNaN(timeSpent) || timeSpent === undefined) {
|
|
53575
|
+
timeSpent = stepValue;
|
|
53576
|
+
}
|
|
53577
|
+
}
|
|
53578
|
+
|
|
53579
|
+
if (oldTime <= 24) {
|
|
53580
|
+
var oldHours = Math.trunc(val);
|
|
53581
|
+
var newTimeSpent = oldHours + hoursToAdd + timeSpent / 60;
|
|
53582
|
+
newTimeSpent = parseFloat(newTimeSpent.toFixed(5));
|
|
53583
|
+
if (newTimeSpent > 24) return 24;
|
|
53584
|
+
return newTimeSpent;
|
|
53585
|
+
}
|
|
53586
|
+
};
|
|
53587
|
+
|
|
53588
|
+
var ConvertHoursToDecimal = function ConvertHoursToDecimal(newHoursValue) {
|
|
53589
|
+
var timeSpent = parseFloat(newHoursValue);
|
|
53590
|
+
|
|
53591
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53592
|
+
timeSpent = 0;
|
|
53593
|
+
}
|
|
53594
|
+
|
|
53595
|
+
if (timeSpent >= 24) {
|
|
53596
|
+
return 24.0;
|
|
53597
|
+
} else if (parseInt(timeSpent) === 0) {
|
|
53598
|
+
var oldTime = parseFloat(val);
|
|
53599
|
+
|
|
53600
|
+
if (oldTime % 1 <= stepDecimal) {
|
|
53601
|
+
return stepDecimal;
|
|
53602
|
+
} else {
|
|
53603
|
+
return oldTime % 1;
|
|
53604
|
+
}
|
|
53605
|
+
} else {
|
|
53606
|
+
var _oldTime = val;
|
|
53607
|
+
|
|
53608
|
+
var oldDecimalValue = ("" + _oldTime).split(".")[1];
|
|
53609
|
+
|
|
53610
|
+
if (oldDecimalValue === undefined || oldDecimalValue === "") {
|
|
53611
|
+
oldDecimalValue = "0.0";
|
|
53612
|
+
}
|
|
53613
|
+
|
|
53614
|
+
oldDecimalValue = "0." + oldDecimalValue;
|
|
53615
|
+
var newTimeSpent = timeSpent + parseFloat(oldDecimalValue);
|
|
53616
|
+
newTimeSpent = newTimeSpent.toFixed(2);
|
|
53617
|
+
return parseFloat(newTimeSpent);
|
|
53618
|
+
}
|
|
53619
|
+
};
|
|
53620
|
+
|
|
53621
|
+
var plusButtonClickHandler = function plusButtonClickHandler() {
|
|
53622
|
+
var time = ConvertMinutesToDecimal(spentMinutes + stepValue);
|
|
53623
|
+
setSpentHours(Math.trunc(time));
|
|
53624
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53625
|
+
setVal(time);
|
|
53626
|
+
onChange(id, time);
|
|
53627
|
+
};
|
|
53628
|
+
|
|
53629
|
+
var minusButtonClickHandler = function minusButtonClickHandler() {
|
|
53630
|
+
var time = ConvertMinutesToDecimal(spentMinutes - stepValue);
|
|
53631
|
+
setSpentHours(Math.trunc(time));
|
|
53632
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53633
|
+
setVal(time);
|
|
53634
|
+
onChange(id, time);
|
|
53635
|
+
};
|
|
53636
|
+
|
|
53637
|
+
var minutesChangeHandler = function minutesChangeHandler(_, value) {
|
|
53638
|
+
setSpentMinutes(value);
|
|
53639
|
+
var time = ConvertMinutesToDecimal(value);
|
|
53640
|
+
setTimeout(function () {
|
|
53641
|
+
setSpentHours(Math.trunc(time));
|
|
53642
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53643
|
+
setVal(time);
|
|
53644
|
+
}, 100);
|
|
53645
|
+
onChange(id, time);
|
|
53646
|
+
};
|
|
53647
|
+
|
|
53648
|
+
var hoursChangeHandler = function hoursChangeHandler(_, value) {
|
|
53649
|
+
setSpentHours(value);
|
|
53650
|
+
var time = ConvertHoursToDecimal(value);
|
|
53651
|
+
setTimeout(function () {
|
|
53652
|
+
setSpentHours(Math.trunc(time));
|
|
53653
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53654
|
+
setVal(time);
|
|
53655
|
+
}, 100);
|
|
53656
|
+
onChange(id, time);
|
|
53657
|
+
};
|
|
53658
|
+
|
|
53659
|
+
return /*#__PURE__*/React__default.createElement(Container, {
|
|
53660
|
+
className: className
|
|
53661
|
+
}, /*#__PURE__*/React__default.createElement(FlexCenter, null, /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53662
|
+
icon: "minus",
|
|
53663
|
+
onClick: minusButtonClickHandler,
|
|
53664
|
+
disabled: disabled,
|
|
53665
|
+
size: size,
|
|
53666
|
+
color: color,
|
|
53667
|
+
theme: theme
|
|
53668
|
+
})), /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53669
|
+
id: "addButton",
|
|
53670
|
+
icon: "plus",
|
|
53671
|
+
onClick: plusButtonClickHandler,
|
|
53672
|
+
disabled: disabled,
|
|
53673
|
+
size: size,
|
|
53674
|
+
color: color,
|
|
53675
|
+
theme: theme
|
|
53676
|
+
}))), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53677
|
+
label: "h",
|
|
53678
|
+
required: true
|
|
53679
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53680
|
+
id: "timeSpentHours",
|
|
53681
|
+
value: spentHours,
|
|
53682
|
+
onChange: hoursChangeHandler,
|
|
53683
|
+
disabled: disabled,
|
|
53684
|
+
size: size,
|
|
53685
|
+
color: color,
|
|
53686
|
+
theme: theme
|
|
53687
|
+
})), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53688
|
+
label: "min",
|
|
53689
|
+
required: true
|
|
53690
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53691
|
+
id: "timeSpentMinutes",
|
|
53692
|
+
value: spentMinutes,
|
|
53693
|
+
onChange: minutesChangeHandler,
|
|
53694
|
+
label: "min",
|
|
53695
|
+
disabled: disabled,
|
|
53696
|
+
size: size,
|
|
53697
|
+
color: color,
|
|
53698
|
+
theme: theme
|
|
53699
|
+
})));
|
|
53700
|
+
};
|
|
53701
|
+
|
|
53702
|
+
TimeInput.defaultProps = {
|
|
53703
|
+
id: "",
|
|
53704
|
+
theme: theme,
|
|
53705
|
+
disabled: false,
|
|
53706
|
+
onChange: function onChange() {},
|
|
53707
|
+
className: "",
|
|
53708
|
+
preventDefault: true,
|
|
53709
|
+
size: "small",
|
|
53710
|
+
color: "primary",
|
|
53711
|
+
value: "",
|
|
53712
|
+
step: ""
|
|
53713
|
+
};
|
|
53714
|
+
TimeInput.propTypes = {
|
|
53715
|
+
theme: PropTypes.object.isRequired,
|
|
53716
|
+
id: PropTypes.string,
|
|
53717
|
+
disabled: PropTypes.bool,
|
|
53718
|
+
onChange: PropTypes.func,
|
|
53719
|
+
className: PropTypes.string,
|
|
53720
|
+
value: PropTypes.string,
|
|
53721
|
+
size: PropTypes.oneOf(["small", "medium", "large"]),
|
|
53722
|
+
color: PropTypes.oneOf(["primary", "secondary", "gray"]),
|
|
53723
|
+
step: PropTypes.string
|
|
53724
|
+
};
|
|
53725
|
+
|
|
53726
|
+
export { Alet as Alert, Button$1 as Button, CheckBox, CheckboxLookup, ConfirmationForm, DataView, DateInput, DropDown, DropdownLookup, DropdownMenu, FormContainer, FormField, Grid, Icon$1 as Icon, ItemCounter, Modal$1 as Modal, MultiSelectDropdown, NumberInput, Pagination, PasswordInput, PeriodSelector, SearchBar, Spinner, Tabs, TagSelector, TextArea, TextInput, TimeInput, ToggleSwitch, theme };
|