@lanaco/lnc-react-ui 2.1.4 → 2.1.8
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 +258 -215
- package/lib/index.js +258 -215
- 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$p;
|
|
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$p || (_templateObject$p = _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$o, _templateObject2$j, _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$o || (_templateObject$o = _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$j || (_templateObject2$j = _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;
|
|
@@ -4786,7 +4786,7 @@ var Input$4 = newStyled.input(_templateObject2$i || (_templateObject2$i = _tagge
|
|
|
4786
4786
|
}, function (props) {
|
|
4787
4787
|
return props.theme.palette.gray[1000];
|
|
4788
4788
|
});
|
|
4789
|
-
var Span$2 = newStyled.span(_templateObject3$
|
|
4789
|
+
var Span$2 = newStyled.span(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\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 &:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
|
|
4790
4790
|
return getSpanProps()[props.size].top;
|
|
4791
4791
|
}, function (props) {
|
|
4792
4792
|
return getSpanProps()[props.size].left;
|
|
@@ -6513,12 +6513,12 @@ SwitchTransition.defaultProps = {
|
|
|
6513
6513
|
};
|
|
6514
6514
|
var SwitchTransition$1 = SwitchTransition;
|
|
6515
6515
|
|
|
6516
|
-
var _templateObject$
|
|
6517
|
-
var Container$k = newStyled.div(_templateObject$
|
|
6516
|
+
var _templateObject$n, _templateObject2$i, _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$k = newStyled.div(_templateObject$n || (_templateObject$n = _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$
|
|
6521
|
-
var Body = newStyled.div(_templateObject3$
|
|
6520
|
+
var Table$1 = newStyled.div(_templateObject2$i || (_templateObject2$i = _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
|
+
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
|
});
|
|
6524
6524
|
var Row = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n transition: all 250ms ease;\n background-color: white;\n\n &:hover {\n background-color: whitesmoke;\n }\n"])));
|
|
@@ -6535,9 +6535,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
|
|
|
6535
6535
|
var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\n padding: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n font-size: calc(\n ", " + 3px\n );\n"])), function (props) {
|
|
6536
6536
|
return props.theme.typography[props.size].fontSize;
|
|
6537
6537
|
});
|
|
6538
|
-
var FooterRow = newStyled.div(_templateObject10$
|
|
6539
|
-
var ButtonContainer$3 = newStyled.div(_templateObject11$
|
|
6540
|
-
var PageNumber = newStyled.div(_templateObject12$
|
|
6538
|
+
var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
|
|
6539
|
+
var ButtonContainer$3 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n margin: 3px;\n"])));
|
|
6540
|
+
var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
6541
6541
|
return props.theme.typography[props.size].fontSize;
|
|
6542
6542
|
}); //=======================================================================
|
|
6543
6543
|
|
|
@@ -6597,7 +6597,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6597
6597
|
return /*#__PURE__*/React__default.createElement(Container$k, _extends({}, themeProps, {
|
|
6598
6598
|
className: className
|
|
6599
6599
|
}), /*#__PURE__*/React__default.createElement(Global, {
|
|
6600
|
-
styles: css(_templateObject13$
|
|
6600
|
+
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 "])))
|
|
6601
6601
|
}), /*#__PURE__*/React__default.createElement(Table$1, null, /*#__PURE__*/React__default.createElement(HeaderRow, null, /*#__PURE__*/React__default.createElement(HeaderColumnCheck, {
|
|
6602
6602
|
check: style === "regular"
|
|
6603
6603
|
}, style === "regular" ? /*#__PURE__*/React__default.createElement(CheckBox, {
|
|
@@ -22470,7 +22470,7 @@ var DateInput = function DateInput(props) {
|
|
|
22470
22470
|
useEffect(function () {
|
|
22471
22471
|
var timeOutId = setTimeout(function () {
|
|
22472
22472
|
return handleDelayedOnChange();
|
|
22473
|
-
},
|
|
22473
|
+
}, 350);
|
|
22474
22474
|
return function () {
|
|
22475
22475
|
return clearTimeout(timeOutId);
|
|
22476
22476
|
};
|
|
@@ -22650,13 +22650,13 @@ DropDown.propTypes = {
|
|
|
22650
22650
|
|
|
22651
22651
|
var _excluded = ["duration", "delay", "children"];
|
|
22652
22652
|
|
|
22653
|
-
var _templateObject$
|
|
22653
|
+
var _templateObject$m, _templateObject2$h;
|
|
22654
22654
|
|
|
22655
22655
|
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; }
|
|
22656
22656
|
|
|
22657
22657
|
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; }
|
|
22658
|
-
var fadeIn = keyframes$2(_templateObject$
|
|
22659
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
22658
|
+
var fadeIn = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22659
|
+
var Wrapper$2 = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22660
22660
|
|
|
22661
22661
|
var FadeIn = function FadeIn(_ref) {
|
|
22662
22662
|
var _ref$duration = _ref.duration,
|
|
@@ -22674,7 +22674,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22674
22674
|
}), children);
|
|
22675
22675
|
};
|
|
22676
22676
|
|
|
22677
|
-
var _templateObject$
|
|
22677
|
+
var _templateObject$l, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22678
22678
|
|
|
22679
22679
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22680
22680
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22688,8 +22688,8 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22688
22688
|
if (size === "large") return "2.25rem";
|
|
22689
22689
|
};
|
|
22690
22690
|
|
|
22691
|
-
var spin$2 = keyframes$2(_templateObject$
|
|
22692
|
-
var Container$i = newStyled.div(_templateObject2$
|
|
22691
|
+
var spin$2 = keyframes$2(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22692
|
+
var Container$i = newStyled.div(_templateObject2$g || (_templateObject2$g = _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) {
|
|
22693
22693
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22694
22694
|
}, function (props) {
|
|
22695
22695
|
return heightBySize$b(props.size);
|
|
@@ -22698,7 +22698,7 @@ var Container$i = newStyled.div(_templateObject2$f || (_templateObject2$f = _tag
|
|
|
22698
22698
|
}, function (props) {
|
|
22699
22699
|
return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
|
|
22700
22700
|
});
|
|
22701
|
-
var Inner$4 = newStyled.div(_templateObject3$
|
|
22701
|
+
var Inner$4 = newStyled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
22702
22702
|
var InputContainer$2 = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
22703
22703
|
var ButtonContainer$2 = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n cursor: ", ";\n"])), function (props) {
|
|
22704
22704
|
return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
|
|
@@ -22725,7 +22725,7 @@ var Input$3 = newStyled.input(_templateObject8$6 || (_templateObject8$6 = _tagge
|
|
|
22725
22725
|
var Content$5 = newStyled.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.0625rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
|
|
22726
22726
|
return props.theme.palette[props.color].main;
|
|
22727
22727
|
});
|
|
22728
|
-
var ContentItem$2 = newStyled.div(_templateObject10$
|
|
22728
|
+
var ContentItem$2 = newStyled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteral(["\n font-family: ", ";\n font-size: ", ";\n padding: 0.375rem;\n cursor: pointer;\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), function (props) {
|
|
22729
22729
|
return props.theme.typography.fontFamily;
|
|
22730
22730
|
}, function (props) {
|
|
22731
22731
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -22975,7 +22975,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
|
|
|
22975
22975
|
onChange: PropTypes.func
|
|
22976
22976
|
}, _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);
|
|
22977
22977
|
|
|
22978
|
-
var _templateObject$
|
|
22978
|
+
var _templateObject$k;
|
|
22979
22979
|
|
|
22980
22980
|
var getPadding = function getPadding(size) {
|
|
22981
22981
|
if (size === "small") return "0.4125rem 0.34375rem";
|
|
@@ -22989,7 +22989,7 @@ var heightBySize$a = function heightBySize(size) {
|
|
|
22989
22989
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
22990
22990
|
};
|
|
22991
22991
|
|
|
22992
|
-
var Span$1 = newStyled.span(_templateObject$
|
|
22992
|
+
var Span$1 = newStyled.span(_templateObject$k || (_templateObject$k = _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) {
|
|
22993
22993
|
return props.theme.typography[props.size].fontSize;
|
|
22994
22994
|
}, function (props) {
|
|
22995
22995
|
return getPadding(props.size);
|
|
@@ -23442,13 +23442,12 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
23442
23442
|
onChange(id, val);
|
|
23443
23443
|
};
|
|
23444
23444
|
|
|
23445
|
-
return /*#__PURE__*/React__default.createElement(StyledTextInput$1,
|
|
23445
|
+
return /*#__PURE__*/React__default.createElement(StyledTextInput$1, {
|
|
23446
23446
|
theme: theme,
|
|
23447
23447
|
size: size,
|
|
23448
23448
|
color: color,
|
|
23449
23449
|
onChange: handleOnChange,
|
|
23450
23450
|
onPaste: handleOnChange,
|
|
23451
|
-
onBlur: handleOnBlur,
|
|
23452
23451
|
className: className,
|
|
23453
23452
|
disabled: disabled,
|
|
23454
23453
|
value: val,
|
|
@@ -23460,11 +23459,13 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
23460
23459
|
onInput: function onInput(e) {
|
|
23461
23460
|
e.target.style.whiteSpace = "inherit";
|
|
23462
23461
|
e.target.style.height = "".concat(e.target.scrollHeight, "px");
|
|
23462
|
+
},
|
|
23463
|
+
onBlur: function onBlur(e) {
|
|
23464
|
+
e.target.style.height = heightBySize$7(size);
|
|
23465
|
+
e.target.style.whiteSpace = "nowrap";
|
|
23466
|
+
handleOnBlur(e);
|
|
23463
23467
|
}
|
|
23464
|
-
}
|
|
23465
|
-
e.target.style.height = heightBySize$7(size);
|
|
23466
|
-
e.target.style.whiteSpace = "nowrap";
|
|
23467
|
-
}));
|
|
23468
|
+
});
|
|
23468
23469
|
});
|
|
23469
23470
|
TextArea.defaultProps = {
|
|
23470
23471
|
id: "",
|
|
@@ -31315,11 +31316,11 @@ var AnimatePresence = function (_a) {
|
|
|
31315
31316
|
: childrenToRender.map(function (child) { return cloneElement(child); })));
|
|
31316
31317
|
};
|
|
31317
31318
|
|
|
31318
|
-
var _templateObject$
|
|
31319
|
-
var Overlay = newStyled(motion.div)(_templateObject$
|
|
31319
|
+
var _templateObject$j, _templateObject2$f;
|
|
31320
|
+
var Overlay = newStyled(motion.div)(_templateObject$j || (_templateObject$j = _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) {
|
|
31320
31321
|
return props.zIndex;
|
|
31321
31322
|
});
|
|
31322
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31323
|
+
var ModalContainer = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _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) {
|
|
31323
31324
|
return props.width;
|
|
31324
31325
|
}, function (props) {
|
|
31325
31326
|
return props.zIndex;
|
|
@@ -31385,19 +31386,7 @@ function Modal$1(props) {
|
|
|
31385
31386
|
|
|
31386
31387
|
var onClickOutsideModal = function onClickOutsideModal(event) {
|
|
31387
31388
|
if (event.target !== event.currentTarget) return;
|
|
31388
|
-
if (clickOutsideToClose || !showHeader) onClose();
|
|
31389
|
-
};
|
|
31390
|
-
|
|
31391
|
-
var modalVariant = {
|
|
31392
|
-
initial: {
|
|
31393
|
-
opacity: 0
|
|
31394
|
-
},
|
|
31395
|
-
isOpen: {
|
|
31396
|
-
opacity: 1
|
|
31397
|
-
},
|
|
31398
|
-
exit: {
|
|
31399
|
-
opacity: 0
|
|
31400
|
-
}
|
|
31389
|
+
if (clickOutsideToClose || !showHeader) onClose(event);
|
|
31401
31390
|
};
|
|
31402
31391
|
var containerVariant = {
|
|
31403
31392
|
initial: {
|
|
@@ -31413,14 +31402,10 @@ function Modal$1(props) {
|
|
|
31413
31402
|
top: "-50%"
|
|
31414
31403
|
}
|
|
31415
31404
|
};
|
|
31416
|
-
return /*#__PURE__*/React__default.createElement(
|
|
31417
|
-
initial: "initial",
|
|
31418
|
-
animate: "isOpen",
|
|
31419
|
-
exit: "exit",
|
|
31420
|
-
variants: modalVariant,
|
|
31405
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, open && /*#__PURE__*/React__default.createElement(Overlay, _extends({}, themeProps, {
|
|
31421
31406
|
onClick: onClickOutsideModal,
|
|
31422
31407
|
className: className
|
|
31423
|
-
}), /*#__PURE__*/React__default.createElement(ModalContainer, _extends({}, themeProps, {
|
|
31408
|
+
}), /*#__PURE__*/React__default.createElement(AnimatePresence, null, /*#__PURE__*/React__default.createElement(ModalContainer, _extends({}, themeProps, {
|
|
31424
31409
|
initial: "initial",
|
|
31425
31410
|
animate: "isOpen",
|
|
31426
31411
|
exit: "exit",
|
|
@@ -31428,9 +31413,11 @@ function Modal$1(props) {
|
|
|
31428
31413
|
}), showHeader && /*#__PURE__*/React__default.createElement(Header$1, themeProps, /*#__PURE__*/React__default.createElement(Title$1, themeProps, header), /*#__PURE__*/React__default.createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
31429
31414
|
icon: "times",
|
|
31430
31415
|
iconStyle: "solid",
|
|
31431
|
-
onClick:
|
|
31416
|
+
onClick: function onClick(e) {
|
|
31417
|
+
return onClose(e);
|
|
31418
|
+
},
|
|
31432
31419
|
color: basic ? "transparent" : themeProps.color
|
|
31433
|
-
})))), /*#__PURE__*/React__default.createElement(Content$4, themeProps, children))));
|
|
31420
|
+
})))), /*#__PURE__*/React__default.createElement(Content$4, themeProps, children)))));
|
|
31434
31421
|
}
|
|
31435
31422
|
|
|
31436
31423
|
Modal$1.defaultProps = {
|
|
@@ -31636,26 +31623,52 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31636
31623
|
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"};
|
|
31637
31624
|
styleInject(css_248z$6);
|
|
31638
31625
|
|
|
31626
|
+
var _templateObject$i, _templateObject2$e, _templateObject3$b;
|
|
31627
|
+
|
|
31628
|
+
var Dropdown = newStyled.div(_templateObject$i || (_templateObject$i = _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) {
|
|
31629
|
+
return props.show ? "block" : "none";
|
|
31630
|
+
});
|
|
31631
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 2px;\n"])));
|
|
31632
|
+
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); //============================================================
|
|
31633
|
+
|
|
31639
31634
|
var DropdownMenu = function DropdownMenu(props) {
|
|
31640
31635
|
var _props$actionData = props.actionData,
|
|
31641
31636
|
actionData = _props$actionData === void 0 ? function () {} : _props$actionData,
|
|
31642
31637
|
_props$items = props.items,
|
|
31643
31638
|
items = _props$items === void 0 ? [] : _props$items;
|
|
31644
|
-
|
|
31645
|
-
|
|
31646
|
-
|
|
31647
|
-
|
|
31648
|
-
|
|
31649
|
-
|
|
31650
|
-
|
|
31651
|
-
|
|
31652
|
-
|
|
31653
|
-
|
|
31654
|
-
|
|
31639
|
+
|
|
31640
|
+
var _useState = useState(false),
|
|
31641
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
31642
|
+
show = _useState2[0],
|
|
31643
|
+
setShow = _useState2[1];
|
|
31644
|
+
|
|
31645
|
+
var onHover = function onHover() {
|
|
31646
|
+
if (props.disabled !== true) setShow(true);
|
|
31647
|
+
};
|
|
31648
|
+
|
|
31649
|
+
var onBlur = function onBlur() {
|
|
31650
|
+
setShow(false);
|
|
31651
|
+
};
|
|
31652
|
+
|
|
31653
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
|
|
31654
|
+
onMouseOver: onHover,
|
|
31655
|
+
onMouseOut: onBlur
|
|
31656
|
+
}, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
31657
|
+
disabled: props.disabled,
|
|
31658
|
+
onClick: onHover,
|
|
31659
|
+
icon: "bars",
|
|
31660
|
+
inverted: true
|
|
31661
|
+
})), /*#__PURE__*/React__default.createElement(Dropdown, {
|
|
31662
|
+
show: show
|
|
31655
31663
|
}, items.map(function (x, i) {
|
|
31656
|
-
return /*#__PURE__*/React__default.createElement(
|
|
31664
|
+
return /*#__PURE__*/React__default.createElement(ItemWrapper$2, {
|
|
31657
31665
|
key: i,
|
|
31666
|
+
onMouseOver: onHover,
|
|
31667
|
+
onMouseOut: onBlur
|
|
31668
|
+
}, /*#__PURE__*/React__default.createElement(Item$4, {
|
|
31658
31669
|
href: "#",
|
|
31670
|
+
onMouseOver: onHover,
|
|
31671
|
+
onMouseOut: onBlur,
|
|
31659
31672
|
onClick: function onClick(e) {
|
|
31660
31673
|
e.preventDefault();
|
|
31661
31674
|
x.action(actionData);
|
|
@@ -31665,8 +31678,8 @@ var DropdownMenu = function DropdownMenu(props) {
|
|
|
31665
31678
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
31666
31679
|
className: styles$1.linkIconSpan
|
|
31667
31680
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
31668
|
-
|
|
31669
|
-
})), x.name));
|
|
31681
|
+
icon: x.icon
|
|
31682
|
+
})), x.name)));
|
|
31670
31683
|
})));
|
|
31671
31684
|
};
|
|
31672
31685
|
|
|
@@ -49010,7 +49023,7 @@ var lodash = {exports: {}};
|
|
|
49010
49023
|
}.call(commonjsGlobal));
|
|
49011
49024
|
}(lodash, lodash.exports));
|
|
49012
49025
|
|
|
49013
|
-
var TableSelectionType
|
|
49026
|
+
var TableSelectionType = {
|
|
49014
49027
|
SINGLE: "single",
|
|
49015
49028
|
MULTIPLE: "multiple"
|
|
49016
49029
|
};
|
|
@@ -49260,27 +49273,27 @@ Pagination.propTypes = {
|
|
|
49260
49273
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49261
49274
|
};
|
|
49262
49275
|
|
|
49263
|
-
var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$
|
|
49264
|
-
var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n
|
|
49265
|
-
var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral([""])));
|
|
49276
|
+
var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
|
|
49277
|
+
var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49278
|
+
var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49266
49279
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49267
|
-
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n
|
|
49280
|
+
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49268
49281
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49269
|
-
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor: pointer;\n }\n"])), function (props) {
|
|
49282
|
+
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n font-size: 13px;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor: pointer;\n }\n"])), function (props) {
|
|
49270
49283
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
49271
49284
|
}, theme.palette.primary.light);
|
|
49272
|
-
var HeaderInnerCell = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
49273
|
-
var HeaderCellText = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
49274
|
-
var HeaderCellIcon = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
49285
|
+
var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
49286
|
+
var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
49287
|
+
var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
49275
49288
|
return props.sort ? "transparent" : "black";
|
|
49276
49289
|
});
|
|
49277
|
-
var TableBody$1 = newStyled.tbody(_templateObject10$
|
|
49278
|
-
var TableBodyRow$1 = newStyled.tr(_templateObject11$
|
|
49290
|
+
var TableBody$1 = newStyled.tbody(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral([""])));
|
|
49291
|
+
var TableBodyRow$1 = newStyled.tr(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral(["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n\n ", "\n\n ", "\n"])), function (props) {
|
|
49279
49292
|
if (props.selectedRow !== true) return "\n &:hover {\n & > td {\n // border-bottom: 1px solid ".concat(theme.palette.primary.light, ";\n // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n background-color: whitesmoke;\n }\n \n cursor: pointer;\n }");else return "";
|
|
49280
49293
|
}, function (props) {
|
|
49281
49294
|
if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n \n & > td {\n // border-bottom: 1px solid ").concat(theme.palette.primary.light, ";\n // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n }\n ");else return "";
|
|
49282
49295
|
});
|
|
49283
|
-
var TableBodyCell$1 = newStyled.td(_templateObject12$
|
|
49296
|
+
var TableBodyCell$1 = newStyled.td(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
49284
49297
|
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
49285
49298
|
});
|
|
49286
49299
|
|
|
@@ -49450,7 +49463,9 @@ var TableView = function TableView(props) {
|
|
|
49450
49463
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableBodyRow$1, {
|
|
49451
49464
|
selectedRow: rowSelected,
|
|
49452
49465
|
key: i
|
|
49453
|
-
}, renderSelectionCell(dataItem, rowSelected, i), Columns.
|
|
49466
|
+
}, renderSelectionCell(dataItem, rowSelected, i), Columns.filter(function (x) {
|
|
49467
|
+
return x.hide !== true;
|
|
49468
|
+
}).map(function (col, j) {
|
|
49454
49469
|
return renderBodyCell(dataItem, col, i, j);
|
|
49455
49470
|
})));
|
|
49456
49471
|
}; // const renderCell = (rowData, def, key) => {
|
|
@@ -49482,20 +49497,13 @@ var TableView = function TableView(props) {
|
|
|
49482
49497
|
var onClick = !isFunction(def.specialRender) ? function () {
|
|
49483
49498
|
ChangeToFormView(dataItem);
|
|
49484
49499
|
} : function () {};
|
|
49485
|
-
if (!EnableFormView) onClick = function onClick() {};
|
|
49486
|
-
|
|
49487
|
-
|
|
49488
|
-
|
|
49489
|
-
|
|
49490
|
-
onClick = function onClick() {
|
|
49491
|
-
return handleOnSelection(dataItem, {
|
|
49492
|
-
target: {
|
|
49493
|
-
checked: !checked
|
|
49494
|
-
}
|
|
49495
|
-
});
|
|
49496
|
-
};
|
|
49497
|
-
}
|
|
49500
|
+
if (!EnableFormView) onClick = function onClick() {}; // if (!EnableFormView && EnableSelection) {
|
|
49501
|
+
// var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
|
|
49502
|
+
// onClick = () =>
|
|
49503
|
+
// handleOnSelection(dataItem, { target: { checked: !checked } });
|
|
49504
|
+
// }
|
|
49498
49505
|
|
|
49506
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) onClick = function onClick() {};
|
|
49499
49507
|
var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
|
|
49500
49508
|
return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
|
|
49501
49509
|
key: tabIndex,
|
|
@@ -49504,7 +49512,7 @@ var TableView = function TableView(props) {
|
|
|
49504
49512
|
};
|
|
49505
49513
|
|
|
49506
49514
|
var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
|
|
49507
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
49515
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49508
49516
|
return /*#__PURE__*/React__default.createElement(TableBodyCell$1, {
|
|
49509
49517
|
selectionCell: true,
|
|
49510
49518
|
key: -1
|
|
@@ -49595,7 +49603,7 @@ var TableView = function TableView(props) {
|
|
|
49595
49603
|
return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
|
|
49596
49604
|
key: i,
|
|
49597
49605
|
onClick: IsLoading || hideOrdering ? function () {} : headerClick
|
|
49598
|
-
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell, null, /*#__PURE__*/React__default.createElement(HeaderCellText, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon, {
|
|
49606
|
+
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default.createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon$1, {
|
|
49599
49607
|
sort: orderingIconClass === "sort"
|
|
49600
49608
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
49601
49609
|
color: "white",
|
|
@@ -49604,13 +49612,13 @@ var TableView = function TableView(props) {
|
|
|
49604
49612
|
};
|
|
49605
49613
|
|
|
49606
49614
|
var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
|
|
49607
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
49615
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49608
49616
|
if (SelectedEntirePage && Localization.DeselectAll) ;
|
|
49609
49617
|
if (!SelectedEntirePage && Localization.SelectAll) ;
|
|
49610
49618
|
return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
|
|
49611
49619
|
selectionCell: true,
|
|
49612
49620
|
key: -1
|
|
49613
|
-
}, SelectionType === TableSelectionType
|
|
49621
|
+
}, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default.createElement(CheckBox, {
|
|
49614
49622
|
checked: SelectedEntirePage,
|
|
49615
49623
|
onChange: function onChange() {
|
|
49616
49624
|
return handleSelectAll(!SelectedEntirePage);
|
|
@@ -49621,7 +49629,9 @@ var TableView = function TableView(props) {
|
|
|
49621
49629
|
|
|
49622
49630
|
return /*#__PURE__*/React__default.createElement(Container$d, null, /*#__PURE__*/React__default.createElement(Wrapper$1, null, /*#__PURE__*/React__default.createElement(TableTable$1, {
|
|
49623
49631
|
cellSpacing: 0
|
|
49624
|
-
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.
|
|
49632
|
+
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49633
|
+
return x.hide !== true;
|
|
49634
|
+
}).map(function (col, i) {
|
|
49625
49635
|
return renderHeaderCell(col, i);
|
|
49626
49636
|
}))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody())))); // return (
|
|
49627
49637
|
// <div>
|
|
@@ -49684,7 +49694,7 @@ Spinner.propTypes = {
|
|
|
49684
49694
|
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";
|
|
49685
49695
|
styleInject(css_248z$4);
|
|
49686
49696
|
|
|
49687
|
-
var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$
|
|
49697
|
+
var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
49688
49698
|
|
|
49689
49699
|
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; }
|
|
49690
49700
|
|
|
@@ -49714,7 +49724,9 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49714
49724
|
return css;
|
|
49715
49725
|
};
|
|
49716
49726
|
|
|
49717
|
-
var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n box-shadow:
|
|
49727
|
+
var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
|
|
49728
|
+
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49729
|
+
});
|
|
49718
49730
|
var TableContainer$1 = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49719
49731
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
|
|
49720
49732
|
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) {
|
|
@@ -49725,9 +49737,10 @@ var FlexItem$1 = newStyled.div(_templateObject6$5 || (_templateObject6$5 = _tagg
|
|
|
49725
49737
|
newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
|
|
49726
49738
|
newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
|
|
49727
49739
|
var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: #eceaea;\n z-index: 10000000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n"])));
|
|
49728
|
-
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$
|
|
49729
|
-
var Loader$1 = newStyled.div(_templateObject11$
|
|
49730
|
-
var DivRelative$1 = newStyled.div(_templateObject12$
|
|
49740
|
+
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
|
|
49741
|
+
var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
|
|
49742
|
+
var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
49743
|
+
var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
49731
49744
|
|
|
49732
49745
|
var DataView = function DataView(props) {
|
|
49733
49746
|
var emptyFunc = function emptyFunc() {};
|
|
@@ -49746,7 +49759,9 @@ var DataView = function DataView(props) {
|
|
|
49746
49759
|
Table = _ref.Table,
|
|
49747
49760
|
Form = _ref.Form;
|
|
49748
49761
|
|
|
49749
|
-
var _props$
|
|
49762
|
+
var _props$Shadow = props.Shadow,
|
|
49763
|
+
Shadow = _props$Shadow === void 0 ? true : _props$Shadow,
|
|
49764
|
+
_props$ChangeToFormVi = props.ChangeToFormView,
|
|
49750
49765
|
ChangeToFormView = _props$ChangeToFormVi === void 0 ? emptyFunc : _props$ChangeToFormVi,
|
|
49751
49766
|
_props$ChangeToTableV = props.ChangeToTableView,
|
|
49752
49767
|
ChangeToTableView = _props$ChangeToTableV === void 0 ? emptyFunc : _props$ChangeToTableV,
|
|
@@ -49761,9 +49776,12 @@ var DataView = function DataView(props) {
|
|
|
49761
49776
|
_props$OnSelectAll = props.OnSelectAll,
|
|
49762
49777
|
OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
|
|
49763
49778
|
_props$FormView = props.FormView,
|
|
49764
|
-
FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView
|
|
49765
|
-
props.FilteringView
|
|
49766
|
-
|
|
49779
|
+
FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
|
|
49780
|
+
_props$FilteringView = props.FilteringView,
|
|
49781
|
+
FilteringView = _props$FilteringView === void 0 ? function () {
|
|
49782
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49783
|
+
} : _props$FilteringView,
|
|
49784
|
+
_props$OnHeaderClick = props.OnHeaderClick,
|
|
49767
49785
|
OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
|
|
49768
49786
|
_props$OnRefresh = props.OnRefresh,
|
|
49769
49787
|
OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
|
|
@@ -49934,13 +49952,26 @@ var DataView = function DataView(props) {
|
|
|
49934
49952
|
}
|
|
49935
49953
|
},
|
|
49936
49954
|
disabled: Table.SelectedData.length === 0,
|
|
49937
|
-
icon: "
|
|
49955
|
+
icon: "arrow-circle-down",
|
|
49956
|
+
inverted: true
|
|
49938
49957
|
}));
|
|
49939
49958
|
}
|
|
49940
49959
|
|
|
49941
49960
|
return false;
|
|
49942
49961
|
};
|
|
49943
49962
|
|
|
49963
|
+
var renderContextMenu = function renderContextMenu() {
|
|
49964
|
+
if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
|
|
49965
|
+
return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(DropdownMenu, {
|
|
49966
|
+
disabled: freezeLoading([Table.SelectedData.length === 0]),
|
|
49967
|
+
items: Table.Actions || [],
|
|
49968
|
+
label: Localization.Actions,
|
|
49969
|
+
actionData: Table.SelectedData,
|
|
49970
|
+
downDoubleIconClassName: Icons.DownDouble
|
|
49971
|
+
}));
|
|
49972
|
+
} else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49973
|
+
};
|
|
49974
|
+
|
|
49944
49975
|
var renderRefreshButton = function renderRefreshButton() {
|
|
49945
49976
|
if (General.CurrentView !== ViewType.TABLE_VIEW || !General.DataFromBackend) return false;
|
|
49946
49977
|
return /*#__PURE__*/React__default.createElement(FlexItem$1, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
@@ -50031,6 +50062,11 @@ var DataView = function DataView(props) {
|
|
|
50031
50062
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LoaderContainer$1, null), /*#__PURE__*/React__default.createElement(LoaderContainerTransparent$1, null, /*#__PURE__*/React__default.createElement(Loader$1, null, Table.Data.length > 2 ? /*#__PURE__*/React__default.createElement(Spinner, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))));
|
|
50032
50063
|
};
|
|
50033
50064
|
|
|
50065
|
+
var renderFiltering = function renderFiltering() {
|
|
50066
|
+
if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50067
|
+
return /*#__PURE__*/React__default.createElement(FilteringContainer, null, FilteringView());
|
|
50068
|
+
};
|
|
50069
|
+
|
|
50034
50070
|
var renderFormViewMovement = function renderFormViewMovement() {
|
|
50035
50071
|
if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
|
|
50036
50072
|
return /*#__PURE__*/React__default.createElement(FormViewMovement, {
|
|
@@ -50047,8 +50083,9 @@ var DataView = function DataView(props) {
|
|
|
50047
50083
|
var x4 = Options.EnableFormViewMovement && Form !== null && General.CurrentView === "FormView" && Form.Mode !== "ADD" ? true : false;
|
|
50048
50084
|
var x5 = Options.ReadOnly || !Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || General.CurrentView !== "FormView" ? false : true;
|
|
50049
50085
|
var x6 = General.CurrentView !== "TableView" ? false : true;
|
|
50050
|
-
var x7 = General.IsLookup && Table.SelectionType ===
|
|
50051
|
-
|
|
50086
|
+
var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
|
|
50087
|
+
var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
|
|
50088
|
+
if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default.createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues(), renderContextMenu());
|
|
50052
50089
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50053
50090
|
};
|
|
50054
50091
|
|
|
@@ -50100,7 +50137,9 @@ var DataView = function DataView(props) {
|
|
|
50100
50137
|
|
|
50101
50138
|
var renderComponent = function renderComponent() {
|
|
50102
50139
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
50103
|
-
return /*#__PURE__*/React__default.createElement(Container$c,
|
|
50140
|
+
return /*#__PURE__*/React__default.createElement(Container$c, _extends({}, themeProps, {
|
|
50141
|
+
shadow: Shadow
|
|
50142
|
+
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
|
|
50104
50143
|
mode: "out-in"
|
|
50105
50144
|
}, /*#__PURE__*/React__default.createElement(CSSTransition$1, {
|
|
50106
50145
|
key: key,
|
|
@@ -50116,26 +50155,7 @@ var DataView = function DataView(props) {
|
|
|
50116
50155
|
node.addEventListener("transitionend", done, false);
|
|
50117
50156
|
},
|
|
50118
50157
|
classNames: "fade2"
|
|
50119
|
-
}, renderPagination())))
|
|
50120
|
-
// <div className={styles.flexContainer}>
|
|
50121
|
-
// <div className={styles.flexInnerContainer}>
|
|
50122
|
-
// {renderChangeToTableView()}
|
|
50123
|
-
// {renderSwitchToEditModeButton()}
|
|
50124
|
-
// {renderGoToAddButton()}
|
|
50125
|
-
// {renderDeleteSelectedButton()}
|
|
50126
|
-
// {renderDeleteConfirmationBox()}
|
|
50127
|
-
// {renderAddWithCopyButton()}
|
|
50128
|
-
// {renderLookupTakeValues()}
|
|
50129
|
-
// {renderRefreshButton()}
|
|
50130
|
-
// {renderContextMenu()}
|
|
50131
|
-
// </div>
|
|
50132
|
-
// <div className={styles.filterContainerHolder}>
|
|
50133
|
-
// {renderFiltering()}
|
|
50134
|
-
// </div>
|
|
50135
|
-
// </div>
|
|
50136
|
-
// <div className={mergeCSS([styles.view])}>{renderView()}</div>
|
|
50137
|
-
// </div>
|
|
50138
|
-
;
|
|
50158
|
+
}, renderPagination())));
|
|
50139
50159
|
};
|
|
50140
50160
|
|
|
50141
50161
|
return renderComponent();
|
|
@@ -50263,23 +50283,31 @@ FormMovement.propTypes = {
|
|
|
50263
50283
|
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";
|
|
50264
50284
|
styleInject(css_248z$3);
|
|
50265
50285
|
|
|
50266
|
-
var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
|
|
50267
|
-
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n border
|
|
50286
|
+
var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1;
|
|
50287
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50268
50288
|
var Wrapper = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral([""])));
|
|
50269
50289
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50270
|
-
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n
|
|
50271
|
-
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral([""])));
|
|
50272
|
-
var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
50290
|
+
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50291
|
+
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
50292
|
+
var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: #f0f0f0;\n cursor: pointer;\n }\n"])), function (props) {
|
|
50273
50293
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
50274
50294
|
}, theme.palette.primary.light);
|
|
50275
|
-
var
|
|
50276
|
-
var
|
|
50277
|
-
|
|
50295
|
+
var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
50296
|
+
var HeaderCellText = newStyled.span(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
50297
|
+
var HeaderCellIcon = newStyled.span(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
50298
|
+
return props.sort ? "transparent" : "black";
|
|
50299
|
+
});
|
|
50300
|
+
var TableBody = newStyled.tbody(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral([""])));
|
|
50301
|
+
var TableBodyRowNested = newStyled.tr(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n background-color: #f7f7f7;\n cursor: normal;\n"])));
|
|
50302
|
+
var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n background-color: ", ";\n\n ", "\n ", ";\n"])), function (props) {
|
|
50303
|
+
return props.nested ? "#f7f7f7" : "inherit";
|
|
50304
|
+
}, function (props) {
|
|
50305
|
+
if (props.selectedRow !== true) return "\n &:hover {\n & > td {\n background-color: #f0f0f0;\n }\n \n cursor: pointer;\n }";else return "";
|
|
50278
50306
|
}, function (props) {
|
|
50279
|
-
if (props.selectedRow === true) return "\n
|
|
50307
|
+
if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n ");else return "";
|
|
50280
50308
|
});
|
|
50281
|
-
var TableBodyCell = newStyled.td(
|
|
50282
|
-
return props.selectionCell === true ? "
|
|
50309
|
+
var TableBodyCell = newStyled.td(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
50310
|
+
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
50283
50311
|
});
|
|
50284
50312
|
|
|
50285
50313
|
var Table = function Table(props) {
|
|
@@ -50327,8 +50355,13 @@ var Table = function Table(props) {
|
|
|
50327
50355
|
_ref3$EnableOrdering = _ref3.EnableOrdering,
|
|
50328
50356
|
EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
|
|
50329
50357
|
_ref3$SelectionType = _ref3.SelectionType,
|
|
50330
|
-
SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType
|
|
50331
|
-
|
|
50358
|
+
SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
|
|
50359
|
+
|
|
50360
|
+
|
|
50361
|
+
var _useState = useState([]),
|
|
50362
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
50363
|
+
expandedColumns = _useState2[0],
|
|
50364
|
+
setExpandedColumns = _useState2[1]; //======================== METHODS ==========================================
|
|
50332
50365
|
|
|
50333
50366
|
|
|
50334
50367
|
var handleSelectAll = function handleSelectAll() {
|
|
@@ -50348,58 +50381,55 @@ var Table = function Table(props) {
|
|
|
50348
50381
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Data.map(function (dataItem, i) {
|
|
50349
50382
|
return renderBodyRow(dataItem, i);
|
|
50350
50383
|
}));
|
|
50351
|
-
};
|
|
50352
|
-
|
|
50353
|
-
|
|
50354
|
-
|
|
50355
|
-
|
|
50356
|
-
|
|
50357
|
-
|
|
50358
|
-
|
|
50359
|
-
|
|
50360
|
-
|
|
50361
|
-
|
|
50362
|
-
|
|
50363
|
-
|
|
50364
|
-
|
|
50365
|
-
|
|
50366
|
-
|
|
50367
|
-
|
|
50368
|
-
|
|
50369
|
-
|
|
50370
|
-
|
|
50371
|
-
// return dataItem[col.accessor].map((x, i) => {
|
|
50372
|
-
// return (
|
|
50373
|
-
// <tr
|
|
50374
|
-
// key={i + 100}
|
|
50375
|
-
// className={[
|
|
50376
|
-
// style["table-row-group-by-nested"],
|
|
50377
|
-
// style["table-row-odd"],
|
|
50378
|
-
// ].join(" ")}
|
|
50379
|
-
// >
|
|
50380
|
-
// {renderEmptySelectionCell()}
|
|
50381
|
-
// {Columns.map((col, j) => {
|
|
50382
|
-
// return renderBodyCell(x, col, i + 100, j + 100);
|
|
50383
|
-
// })}
|
|
50384
|
-
// </tr>
|
|
50385
|
-
// );
|
|
50386
|
-
// });
|
|
50387
|
-
// }
|
|
50388
|
-
// return <></>;
|
|
50389
|
-
// };
|
|
50384
|
+
};
|
|
50385
|
+
|
|
50386
|
+
var renderEmptySelectionCell = function renderEmptySelectionCell() {
|
|
50387
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50388
|
+
return /*#__PURE__*/React__default.createElement("td", null);
|
|
50389
|
+
};
|
|
50390
|
+
|
|
50391
|
+
var renderGroupBodyRows = function renderGroupBodyRows(col, dataItem) {
|
|
50392
|
+
var nestedArray;
|
|
50393
|
+
if (col) nestedArray = dataItem[col.accessor];
|
|
50394
|
+
|
|
50395
|
+
if (nestedArray) {
|
|
50396
|
+
return dataItem[col.accessor].map(function (x, i) {
|
|
50397
|
+
return /*#__PURE__*/React__default.createElement(TableBodyRowNested, {
|
|
50398
|
+
key: i + 100
|
|
50399
|
+
}, renderEmptySelectionCell(), /*#__PURE__*/React__default.createElement("td", null), Columns.map(function (col, j) {
|
|
50400
|
+
return renderBodyCell(x, col, i + 100, j + 100);
|
|
50401
|
+
}));
|
|
50402
|
+
});
|
|
50403
|
+
}
|
|
50390
50404
|
|
|
50405
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50406
|
+
};
|
|
50391
50407
|
|
|
50392
50408
|
var renderBodyRow = function renderBodyRow(dataItem, i) {
|
|
50393
|
-
Columns.find(function (x) {
|
|
50394
|
-
return x.nested;
|
|
50409
|
+
var nested = Columns.find(function (x) {
|
|
50410
|
+
return x.nested === true;
|
|
50395
50411
|
});
|
|
50396
50412
|
var rowSelected = isRowSelected(dataItem);
|
|
50413
|
+
var nestedArray;
|
|
50414
|
+
if (nested) nestedArray = dataItem[nested.accessor];
|
|
50397
50415
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableBodyRow, {
|
|
50398
50416
|
selectedRow: rowSelected,
|
|
50399
|
-
key: i
|
|
50400
|
-
|
|
50417
|
+
key: i,
|
|
50418
|
+
onClick: function onClick() {
|
|
50419
|
+
if (expandedColumns.includes(dataItem[SelectionIndicator])) {
|
|
50420
|
+
setExpandedColumns(expandedColumns.filter(function (x) {
|
|
50421
|
+
return x != dataItem[SelectionIndicator];
|
|
50422
|
+
}));
|
|
50423
|
+
} else {
|
|
50424
|
+
setExpandedColumns([].concat(_toConsumableArray(expandedColumns), [dataItem[SelectionIndicator]]));
|
|
50425
|
+
}
|
|
50426
|
+
}
|
|
50427
|
+
}, renderSelectionCell(dataItem, rowSelected), nested && nestedArray && nestedArray.length > 0 ? /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
50428
|
+
color: "primary",
|
|
50429
|
+
icon: expandedColumns.includes(dataItem[SelectionIndicator]) ? "caret-square-down" : "caret-square-right"
|
|
50430
|
+
})) : /*#__PURE__*/React__default.createElement("td", null), Columns.map(function (col, j) {
|
|
50401
50431
|
return renderBodyCell(dataItem, col, i, j);
|
|
50402
|
-
})));
|
|
50432
|
+
})), expandedColumns.includes(dataItem[SelectionIndicator]) && renderGroupBodyRows(nested, dataItem));
|
|
50403
50433
|
};
|
|
50404
50434
|
|
|
50405
50435
|
var renderHeaderCell = function renderHeaderCell(col, i) {
|
|
@@ -50409,21 +50439,23 @@ var Table = function Table(props) {
|
|
|
50409
50439
|
return OnOrder(col.accessor);
|
|
50410
50440
|
};
|
|
50411
50441
|
var orderingIconClass = "sort";
|
|
50412
|
-
if (isOrderByColumn && Ascending) orderingIconClass = "
|
|
50413
|
-
if (isOrderByColumn && Descending) orderingIconClass = "
|
|
50442
|
+
if (isOrderByColumn && Ascending) orderingIconClass = "long-arrow-alt-up";
|
|
50443
|
+
if (isOrderByColumn && Descending) orderingIconClass = "long-arrow-alt-down";
|
|
50414
50444
|
if (isOrderByColumn && !Ascending && !Descending) orderingIconClass = "sort";
|
|
50415
50445
|
if (!isOrderByColumn || Accessor === "") orderingIconClass = "sort";
|
|
50416
50446
|
return /*#__PURE__*/React__default.createElement(TableHeadCell, {
|
|
50417
50447
|
key: i,
|
|
50418
50448
|
onClick: onClick
|
|
50419
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
50449
|
+
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell, null, /*#__PURE__*/React__default.createElement(HeaderCellText, null, " ", col.name), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon, {
|
|
50450
|
+
sort: orderingIconClass === "sort"
|
|
50451
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
50420
50452
|
color: "white",
|
|
50421
50453
|
icon: orderingIconClass
|
|
50422
|
-
})));
|
|
50454
|
+
}))));
|
|
50423
50455
|
};
|
|
50424
50456
|
|
|
50425
50457
|
var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
|
|
50426
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
50458
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null); // console.log(dataItem, selected);
|
|
50427
50459
|
|
|
50428
50460
|
return /*#__PURE__*/React__default.createElement(TableBodyCell, {
|
|
50429
50461
|
selectionCell: true,
|
|
@@ -50448,13 +50480,13 @@ var Table = function Table(props) {
|
|
|
50448
50480
|
};
|
|
50449
50481
|
|
|
50450
50482
|
var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
|
|
50451
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
50483
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50452
50484
|
if (SelectedEntirePage && Localization.DeselectAll) ;
|
|
50453
50485
|
if (!SelectedEntirePage && Localization.SelectAll) ;
|
|
50454
50486
|
return /*#__PURE__*/React__default.createElement(TableHeadCell, {
|
|
50455
50487
|
selectionCell: true,
|
|
50456
50488
|
key: -1
|
|
50457
|
-
}, SelectionType === TableSelectionType
|
|
50489
|
+
}, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default.createElement(CheckBox, {
|
|
50458
50490
|
checked: SelectedEntirePage,
|
|
50459
50491
|
onChange: handleSelectAll
|
|
50460
50492
|
}));
|
|
@@ -50462,7 +50494,11 @@ var Table = function Table(props) {
|
|
|
50462
50494
|
|
|
50463
50495
|
return /*#__PURE__*/React__default.createElement(Container$b, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(TableTable, {
|
|
50464
50496
|
cellSpacing: 0
|
|
50465
|
-
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(),
|
|
50497
|
+
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default.createElement("th", {
|
|
50498
|
+
style: {
|
|
50499
|
+
width: "13px"
|
|
50500
|
+
}
|
|
50501
|
+
}), Columns.map(function (col, i) {
|
|
50466
50502
|
return renderHeaderCell(col, i);
|
|
50467
50503
|
}))), /*#__PURE__*/React__default.createElement(TableBody, null, renderBody()))));
|
|
50468
50504
|
};
|
|
@@ -50812,7 +50848,7 @@ var getDefaultState = function getDefaultState() {
|
|
|
50812
50848
|
SelectedDataIndexes: [],
|
|
50813
50849
|
SelectionIndicator: "id",
|
|
50814
50850
|
SelectedEntirePage: false,
|
|
50815
|
-
SelectionType: TableSelectionType
|
|
50851
|
+
SelectionType: TableSelectionType.MULTIPLE,
|
|
50816
50852
|
Columns: [],
|
|
50817
50853
|
Actions: []
|
|
50818
50854
|
},
|
|
@@ -50856,11 +50892,11 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50856
50892
|
|
|
50857
50893
|
var Container$a = newStyled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50858
50894
|
var TableContainer = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50859
|
-
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n"])));
|
|
50895
|
+
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50860
50896
|
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) {
|
|
50861
50897
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
50862
50898
|
});
|
|
50863
|
-
var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n\n border
|
|
50899
|
+
var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n\n border-radius: 3px;\n padding: 0px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
|
|
50864
50900
|
var FlexItem = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
|
|
50865
50901
|
var DeveloperMessageContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
|
|
50866
50902
|
var DeveloperMessage = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
|
|
@@ -51033,7 +51069,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51033
51069
|
SelectedDataIndexes: [],
|
|
51034
51070
|
SelectionIndicator: "id",
|
|
51035
51071
|
SelectedEntirePage: false,
|
|
51036
|
-
SelectionType: TableSelectionType
|
|
51072
|
+
SelectionType: TableSelectionType.MULTIPLE,
|
|
51037
51073
|
Columns: [],
|
|
51038
51074
|
Actions: []
|
|
51039
51075
|
},
|
|
@@ -51551,13 +51587,13 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51551
51587
|
selectedData = state.Table.SelectedData.filter(function (x) {
|
|
51552
51588
|
return x[id] !== dataItem[id];
|
|
51553
51589
|
});
|
|
51554
|
-
} else if (state.Table.SelectionType === TableSelectionType
|
|
51590
|
+
} else if (state.Table.SelectionType === TableSelectionType.SINGLE) {
|
|
51555
51591
|
selectedData = [dataItem];
|
|
51556
|
-
} else if (state.Table.SelectionType === TableSelectionType
|
|
51592
|
+
} else if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51557
51593
|
selectedData.push(dataItem);
|
|
51558
51594
|
}
|
|
51559
51595
|
|
|
51560
|
-
if (state.Table.SelectionType === TableSelectionType
|
|
51596
|
+
if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51561
51597
|
var dataGuids = state.Table.Data.map(function (x) {
|
|
51562
51598
|
return x[id];
|
|
51563
51599
|
});
|
|
@@ -51606,9 +51642,9 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51606
51642
|
if (Form === null && !state.General.IsLookup) return;
|
|
51607
51643
|
var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
|
|
51608
51644
|
|
|
51609
|
-
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
51645
|
+
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.SINGLE) {
|
|
51610
51646
|
OnChange([dataItem]);
|
|
51611
|
-
} else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
51647
|
+
} else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51612
51648
|
onSelect(dataItem);
|
|
51613
51649
|
} else {
|
|
51614
51650
|
setState(function (draft) {
|
|
@@ -51906,7 +51942,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51906
51942
|
tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
|
|
51907
51943
|
onClick: changeToEditMode,
|
|
51908
51944
|
disabled: freezeLoading(),
|
|
51909
|
-
icon: state.Form.Mode === FormMode.READ ? "edit" : "eye"
|
|
51945
|
+
icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
|
|
51946
|
+
inverted: true
|
|
51910
51947
|
}));
|
|
51911
51948
|
};
|
|
51912
51949
|
|
|
@@ -51920,7 +51957,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51920
51957
|
tooltip: Localization.Add || "Add",
|
|
51921
51958
|
onClick: goToAdd,
|
|
51922
51959
|
disabled: freezeLoading(),
|
|
51923
|
-
icon: "plus"
|
|
51960
|
+
icon: "plus",
|
|
51961
|
+
inverted: true
|
|
51924
51962
|
}));
|
|
51925
51963
|
}
|
|
51926
51964
|
|
|
@@ -51937,19 +51975,21 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51937
51975
|
onClick: onRefresh,
|
|
51938
51976
|
disabled: freezeLoading(),
|
|
51939
51977
|
icon: "sync-alt",
|
|
51940
|
-
size: "small"
|
|
51978
|
+
size: "small",
|
|
51979
|
+
inverted: true
|
|
51941
51980
|
}));
|
|
51942
51981
|
};
|
|
51943
51982
|
|
|
51944
51983
|
var renderLookupTakeValues = function renderLookupTakeValues() {
|
|
51945
|
-
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
51984
|
+
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51946
51985
|
return /*#__PURE__*/React__default.createElement(FlexItem, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
51947
51986
|
tooltip: Localization.TakeValues || "Take values",
|
|
51948
51987
|
onClick: function onClick() {
|
|
51949
51988
|
if (OnChange) OnChange(state.Table.SelectedData);
|
|
51950
51989
|
},
|
|
51951
51990
|
disabled: freezeLoading([state.Table.SelectedData.length === 0]),
|
|
51952
|
-
icon: "check-circle"
|
|
51991
|
+
icon: "check-circle",
|
|
51992
|
+
inverted: true
|
|
51953
51993
|
}));
|
|
51954
51994
|
}
|
|
51955
51995
|
|
|
@@ -51980,7 +52020,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51980
52020
|
onClick: toggleDeleteConfirmationBox,
|
|
51981
52021
|
disabled: freezeLoading([state.Table.SelectedData.length === 0]),
|
|
51982
52022
|
tooltip: Localization.DeleteSelected || "Delete selected",
|
|
51983
|
-
icon: "trash"
|
|
52023
|
+
icon: "trash",
|
|
52024
|
+
inverted: true
|
|
51984
52025
|
}));
|
|
51985
52026
|
};
|
|
51986
52027
|
|
|
@@ -51993,7 +52034,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51993
52034
|
tooltip: Localization.ToTableView || "Table view",
|
|
51994
52035
|
onClick: onSwitchToTableView,
|
|
51995
52036
|
disabled: freezeLoading(),
|
|
51996
|
-
icon: "table"
|
|
52037
|
+
icon: "table",
|
|
52038
|
+
inverted: true
|
|
51997
52039
|
}));
|
|
51998
52040
|
};
|
|
51999
52041
|
|
|
@@ -52022,6 +52064,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
52022
52064
|
});
|
|
52023
52065
|
|
|
52024
52066
|
return /*#__PURE__*/React__default.createElement(PaginationContainer, null, /*#__PURE__*/React__default.createElement(Pagination, _extends({}, cfg, {
|
|
52067
|
+
inverted: true,
|
|
52025
52068
|
Localization: Localization.Pagination || {}
|
|
52026
52069
|
})));
|
|
52027
52070
|
};
|
|
@@ -52100,7 +52143,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
52100
52143
|
var x4 = state.Options.EnableFormViewMovement && Form !== null && state.General.CurrentView === "FormView" && state.Form.Mode !== "ADD" ? true : false;
|
|
52101
52144
|
var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
|
|
52102
52145
|
var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
|
|
52103
|
-
var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
52146
|
+
var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
|
|
52104
52147
|
if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default.createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
|
|
52105
52148
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
52106
52149
|
};
|