@lanaco/lnc-react-ui 2.1.7 → 2.1.11
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 +131 -124
- package/lib/index.js +131 -124
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -4616,7 +4616,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
4616
4616
|
}
|
|
4617
4617
|
}
|
|
4618
4618
|
|
|
4619
|
-
var _templateObject$
|
|
4619
|
+
var _templateObject$p;
|
|
4620
4620
|
|
|
4621
4621
|
var getCheckboxCss = function getCheckboxCss(props) {
|
|
4622
4622
|
var left, top, width, height, checkWidth, checkHeight, margin, marginLeft, padingLeft, paddingTop;
|
|
@@ -4661,7 +4661,7 @@ var getCheckboxCss = function getCheckboxCss(props) {
|
|
|
4661
4661
|
height = "1.6875rem";
|
|
4662
4662
|
}
|
|
4663
4663
|
|
|
4664
|
-
return css(_templateObject$
|
|
4664
|
+
return css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral__default['default'](["\n .c-", "-container {\n font-family: ", ";\n display: inline-block;\n position: relative;\n padding: 0.25rem;\n padding-left: ", ";\n ", "\n cursor: pointer;\n font-size: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin: ", ";\n margin-left: ", ";\n cursor: pointer;\n }\n\n /* Hide the browser's default checkbox */\n .c-", "-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n /* Create a custom checkbox */\n .c-", "-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: #eee;\n border: 0.0625rem solid ", ";\n border-radius: 2px;\n transition: all 200ms ease;\n }\n\n /* On mouse-over, add a grey background color */\n .c-", "-container:hover input ~ .c-", "-checkmark {\n cursor: pointer;\n }\n\n .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n cursor: default;\n }\n\n .c-", "-container input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n /* When the checkbox is checked, add a blue background */\n .c-", "-container input:checked ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n border: 0.0625rem solid ", ";\n cursor: default;\n }\n\n /* Create the checkmark/indicator (hidden when not checked) */\n .c-", "-checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .c-", "-container input:checked ~ .c-", "-checkmark:after {\n display: block;\n }\n\n /* Style the checkmark/indicator */\n .c-", "-container .c-", "-checkmark:after {\n left: ", ";\n top: ", ";\n width: ", ";\n height: ", ";\n border: solid white;\n border-width: 0 0.21875rem 0.21875rem 0;\n -webkit-transform: rotate(35deg);\n -ms-transform: rotate(35deg);\n transform: rotate(35deg);\n }\n "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
|
|
4665
4665
|
};
|
|
4666
4666
|
|
|
4667
4667
|
var CheckBox = function CheckBox(props) {
|
|
@@ -4716,7 +4716,7 @@ CheckBox.propTypes = {
|
|
|
4716
4716
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
4717
4717
|
};
|
|
4718
4718
|
|
|
4719
|
-
var _templateObject$
|
|
4719
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$e;
|
|
4720
4720
|
|
|
4721
4721
|
var getLabelAndTextProps = function getLabelAndTextProps() {
|
|
4722
4722
|
return {
|
|
@@ -4787,14 +4787,14 @@ var Label = newStyled.label(function (props) {
|
|
|
4787
4787
|
}
|
|
4788
4788
|
};
|
|
4789
4789
|
});
|
|
4790
|
-
var Text$2 = newStyled.label(_templateObject$
|
|
4790
|
+
var Text$2 = newStyled.label(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral__default['default'](["\n position: relative;\n font-family: ", ";\n font-size: ", ";\n top: ", ";\n"])), function (props) {
|
|
4791
4791
|
return props.theme.typography.fontFamily;
|
|
4792
4792
|
}, function (props) {
|
|
4793
4793
|
return props.theme.typography[props.size].fontSize;
|
|
4794
4794
|
}, function (props) {
|
|
4795
4795
|
return getLabelAndTextProps()[props.size].top;
|
|
4796
4796
|
});
|
|
4797
|
-
var Input$4 = newStyled.input(_templateObject2$
|
|
4797
|
+
var Input$4 = newStyled.input(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral__default['default'](["\n &:checked + span {\n background-color: ", ";\n }\n\n &:focus + span {\n box-shadow: 0 0 0.0625rem\n ", ";\n }\n\n &:checked + span:before {\n transform: translateX(90%);\n }\n\n &:checked:disabled + span {\n }\n\n &:checked:disabled + span:before {\n backround-color: red;\n }\n\n &:disabled + span {\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:checked:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
|
|
4798
4798
|
return props.theme.palette[props.color].main;
|
|
4799
4799
|
}, function (props) {
|
|
4800
4800
|
return props.theme.palette[props.color].main;
|
|
@@ -4827,7 +4827,7 @@ var Input$4 = newStyled.input(_templateObject2$i || (_templateObject2$i = _tagge
|
|
|
4827
4827
|
}, function (props) {
|
|
4828
4828
|
return props.theme.palette.gray[1000];
|
|
4829
4829
|
});
|
|
4830
|
-
var Span$2 = newStyled.span(_templateObject3$
|
|
4830
|
+
var Span$2 = newStyled.span(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral__default['default'](["\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) {
|
|
4831
4831
|
return getSpanProps()[props.size].top;
|
|
4832
4832
|
}, function (props) {
|
|
4833
4833
|
return getSpanProps()[props.size].left;
|
|
@@ -6554,12 +6554,12 @@ SwitchTransition.defaultProps = {
|
|
|
6554
6554
|
};
|
|
6555
6555
|
var SwitchTransition$1 = SwitchTransition;
|
|
6556
6556
|
|
|
6557
|
-
var _templateObject$
|
|
6558
|
-
var Container$k = newStyled.div(_templateObject$
|
|
6557
|
+
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;
|
|
6558
|
+
var Container$k = newStyled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
|
|
6559
6559
|
return props.width && props.width !== "" ? props.width : "fit-content";
|
|
6560
6560
|
}, theme.typography.fontFamily);
|
|
6561
|
-
var Table$1 = newStyled.div(_templateObject2$
|
|
6562
|
-
var Body = newStyled.div(_templateObject3$
|
|
6561
|
+
var Table$1 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
|
|
6562
|
+
var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
|
|
6563
6563
|
return props.height && props.height !== "" ? props.height : "auto";
|
|
6564
6564
|
});
|
|
6565
6565
|
var Row = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
@@ -6600,7 +6600,8 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6600
6600
|
localization = props.localization,
|
|
6601
6601
|
pagination = props.pagination,
|
|
6602
6602
|
height = props.height,
|
|
6603
|
-
width = props.width
|
|
6603
|
+
width = props.width,
|
|
6604
|
+
displayedItemsCount = props.displayedItemsCount;
|
|
6604
6605
|
var themeProps = {
|
|
6605
6606
|
theme: theme,
|
|
6606
6607
|
size: size,
|
|
@@ -6630,10 +6631,10 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6630
6631
|
onChange(id, selectedItems);
|
|
6631
6632
|
};
|
|
6632
6633
|
|
|
6633
|
-
var pageCount = Math.
|
|
6634
|
+
var pageCount = Math.floor(options.length / displayedItemsCount) + 1;
|
|
6634
6635
|
var label = options.length === selectedOptions.length ? localization.DeselectAll || "Deselect all" : localization.SelectAll || "Select all";
|
|
6635
6636
|
|
|
6636
|
-
var _options = pagination ? options.slice((page - 1) *
|
|
6637
|
+
var _options = pagination ? options.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : options;
|
|
6637
6638
|
|
|
6638
6639
|
return /*#__PURE__*/React__default['default'].createElement(Container$k, _extends__default['default']({}, themeProps, {
|
|
6639
6640
|
className: className
|
|
@@ -6750,6 +6751,7 @@ CheckboxLookup.defaultProps = {
|
|
|
6750
6751
|
style: "regular",
|
|
6751
6752
|
itemId: "id",
|
|
6752
6753
|
itemText: "code",
|
|
6754
|
+
displayedItemsCount: 5,
|
|
6753
6755
|
localization: {
|
|
6754
6756
|
SelectAll: "Select all",
|
|
6755
6757
|
DeselectAll: "Deselect all"
|
|
@@ -6775,7 +6777,8 @@ CheckboxLookup.propTypes = {
|
|
|
6775
6777
|
size: PropTypes__default['default'].oneOf(["small", "medium", "large"]),
|
|
6776
6778
|
style: PropTypes__default['default'].oneOf(["regular", "toggle"]),
|
|
6777
6779
|
label: PropTypes__default['default'].string,
|
|
6778
|
-
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
6780
|
+
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"]),
|
|
6781
|
+
displayedItemsCount: PropTypes__default['default'].number
|
|
6779
6782
|
};
|
|
6780
6783
|
|
|
6781
6784
|
var moment$1 = {exports: {}};
|
|
@@ -22691,13 +22694,13 @@ DropDown.propTypes = {
|
|
|
22691
22694
|
|
|
22692
22695
|
var _excluded = ["duration", "delay", "children"];
|
|
22693
22696
|
|
|
22694
|
-
var _templateObject$
|
|
22697
|
+
var _templateObject$m, _templateObject2$h;
|
|
22695
22698
|
|
|
22696
22699
|
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; }
|
|
22697
22700
|
|
|
22698
22701
|
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22699
|
-
var fadeIn = keyframes$2(_templateObject$
|
|
22700
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
22702
|
+
var fadeIn = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22703
|
+
var Wrapper$2 = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22701
22704
|
|
|
22702
22705
|
var FadeIn = function FadeIn(_ref) {
|
|
22703
22706
|
var _ref$duration = _ref.duration,
|
|
@@ -22715,7 +22718,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22715
22718
|
}), children);
|
|
22716
22719
|
};
|
|
22717
22720
|
|
|
22718
|
-
var _templateObject$
|
|
22721
|
+
var _templateObject$l, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22719
22722
|
|
|
22720
22723
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22721
22724
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22729,8 +22732,8 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22729
22732
|
if (size === "large") return "2.25rem";
|
|
22730
22733
|
};
|
|
22731
22734
|
|
|
22732
|
-
var spin$2 = keyframes$2(_templateObject$
|
|
22733
|
-
var Container$i = newStyled.div(_templateObject2$
|
|
22735
|
+
var spin$2 = keyframes$2(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22736
|
+
var Container$i = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n border-bottom: 0.125rem solid\n ", ";\n min-height: ", ";\n max-height: ", ";\n transition: all 250ms ease;\n border-radius: 0.125rem;\n background-color: ", ";\n"])), function (props) {
|
|
22734
22737
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22735
22738
|
}, function (props) {
|
|
22736
22739
|
return heightBySize$b(props.size);
|
|
@@ -22739,7 +22742,7 @@ var Container$i = newStyled.div(_templateObject2$f || (_templateObject2$f = _tag
|
|
|
22739
22742
|
}, function (props) {
|
|
22740
22743
|
return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
|
|
22741
22744
|
});
|
|
22742
|
-
var Inner$4 = newStyled.div(_templateObject3$
|
|
22745
|
+
var Inner$4 = newStyled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral__default['default'](["\n display: flex;\n"])));
|
|
22743
22746
|
var InputContainer$2 = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral__default['default'](["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
22744
22747
|
var ButtonContainer$2 = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral__default['default'](["\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) {
|
|
22745
22748
|
return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
|
|
@@ -23016,7 +23019,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
|
|
|
23016
23019
|
onChange: PropTypes__default['default'].func
|
|
23017
23020
|
}, _defineProperty__default['default'](_DropdownLookup$propT, "load", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "clear", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "className", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "initialValue", PropTypes__default['default'].object), _defineProperty__default['default'](_DropdownLookup$propT, "notItemsFoundText", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "size", PropTypes__default['default'].oneOf(["small", "medium", "large"])), _defineProperty__default['default'](_DropdownLookup$propT, "color", PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])), _DropdownLookup$propT);
|
|
23018
23021
|
|
|
23019
|
-
var _templateObject$
|
|
23022
|
+
var _templateObject$k;
|
|
23020
23023
|
|
|
23021
23024
|
var getPadding = function getPadding(size) {
|
|
23022
23025
|
if (size === "small") return "0.4125rem 0.34375rem";
|
|
@@ -23030,7 +23033,7 @@ var heightBySize$a = function heightBySize(size) {
|
|
|
23030
23033
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
23031
23034
|
};
|
|
23032
23035
|
|
|
23033
|
-
var Span$1 = newStyled.span(_templateObject$
|
|
23036
|
+
var Span$1 = newStyled.span(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n background-color: inherit;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
23034
23037
|
return props.theme.typography[props.size].fontSize;
|
|
23035
23038
|
}, function (props) {
|
|
23036
23039
|
return getPadding(props.size);
|
|
@@ -23488,7 +23491,6 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
|
|
|
23488
23491
|
size: size,
|
|
23489
23492
|
color: color,
|
|
23490
23493
|
onChange: handleOnChange,
|
|
23491
|
-
onPaste: handleOnChange,
|
|
23492
23494
|
className: className,
|
|
23493
23495
|
disabled: disabled,
|
|
23494
23496
|
value: val,
|
|
@@ -23513,7 +23515,6 @@ TextArea.defaultProps = {
|
|
|
23513
23515
|
theme: theme,
|
|
23514
23516
|
disabled: false,
|
|
23515
23517
|
onChange: function onChange() {},
|
|
23516
|
-
onPaste: function onPaste() {},
|
|
23517
23518
|
className: "",
|
|
23518
23519
|
preventDefault: true,
|
|
23519
23520
|
size: "small",
|
|
@@ -23525,7 +23526,6 @@ TextArea.propTypes = {
|
|
|
23525
23526
|
id: PropTypes__default['default'].string,
|
|
23526
23527
|
disabled: PropTypes__default['default'].bool,
|
|
23527
23528
|
onChange: PropTypes__default['default'].func,
|
|
23528
|
-
onPaste: PropTypes__default['default'].func,
|
|
23529
23529
|
className: PropTypes__default['default'].string,
|
|
23530
23530
|
preventDefault: PropTypes__default['default'].bool,
|
|
23531
23531
|
value: PropTypes__default['default'].string,
|
|
@@ -31357,11 +31357,11 @@ var AnimatePresence = function (_a) {
|
|
|
31357
31357
|
: childrenToRender.map(function (child) { return React.cloneElement(child); })));
|
|
31358
31358
|
};
|
|
31359
31359
|
|
|
31360
|
-
var _templateObject$
|
|
31361
|
-
var Overlay = newStyled(motion.div)(_templateObject$
|
|
31360
|
+
var _templateObject$j, _templateObject2$f;
|
|
31361
|
+
var Overlay = newStyled(motion.div)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral__default['default'](["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: ", ";\n"])), function (props) {
|
|
31362
31362
|
return props.zIndex;
|
|
31363
31363
|
});
|
|
31364
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31364
|
+
var ModalContainer = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n width: 50%;\n background-color: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n border-radius: 0.2rem;\n background: white;\n z-index: ", ";\n"])), function (props) {
|
|
31365
31365
|
return props.width;
|
|
31366
31366
|
}, function (props) {
|
|
31367
31367
|
return props.zIndex;
|
|
@@ -31427,19 +31427,7 @@ function Modal$1(props) {
|
|
|
31427
31427
|
|
|
31428
31428
|
var onClickOutsideModal = function onClickOutsideModal(event) {
|
|
31429
31429
|
if (event.target !== event.currentTarget) return;
|
|
31430
|
-
if (clickOutsideToClose || !showHeader) onClose();
|
|
31431
|
-
};
|
|
31432
|
-
|
|
31433
|
-
var modalVariant = {
|
|
31434
|
-
initial: {
|
|
31435
|
-
opacity: 0
|
|
31436
|
-
},
|
|
31437
|
-
isOpen: {
|
|
31438
|
-
opacity: 1
|
|
31439
|
-
},
|
|
31440
|
-
exit: {
|
|
31441
|
-
opacity: 0
|
|
31442
|
-
}
|
|
31430
|
+
if (clickOutsideToClose || !showHeader) onClose(event);
|
|
31443
31431
|
};
|
|
31444
31432
|
var containerVariant = {
|
|
31445
31433
|
initial: {
|
|
@@ -31455,14 +31443,10 @@ function Modal$1(props) {
|
|
|
31455
31443
|
top: "-50%"
|
|
31456
31444
|
}
|
|
31457
31445
|
};
|
|
31458
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
31459
|
-
initial: "initial",
|
|
31460
|
-
animate: "isOpen",
|
|
31461
|
-
exit: "exit",
|
|
31462
|
-
variants: modalVariant,
|
|
31446
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, open && /*#__PURE__*/React__default['default'].createElement(Overlay, _extends__default['default']({}, themeProps, {
|
|
31463
31447
|
onClick: onClickOutsideModal,
|
|
31464
31448
|
className: className
|
|
31465
|
-
}), /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
|
|
31449
|
+
}), /*#__PURE__*/React__default['default'].createElement(AnimatePresence, null, /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
|
|
31466
31450
|
initial: "initial",
|
|
31467
31451
|
animate: "isOpen",
|
|
31468
31452
|
exit: "exit",
|
|
@@ -31470,9 +31454,11 @@ function Modal$1(props) {
|
|
|
31470
31454
|
}), showHeader && /*#__PURE__*/React__default['default'].createElement(Header$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Title$1, themeProps, header), /*#__PURE__*/React__default['default'].createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
31471
31455
|
icon: "times",
|
|
31472
31456
|
iconStyle: "solid",
|
|
31473
|
-
onClick:
|
|
31457
|
+
onClick: function onClick(e) {
|
|
31458
|
+
return onClose(e);
|
|
31459
|
+
},
|
|
31474
31460
|
color: basic ? "transparent" : themeProps.color
|
|
31475
|
-
})))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children))));
|
|
31461
|
+
})))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children)))));
|
|
31476
31462
|
}
|
|
31477
31463
|
|
|
31478
31464
|
Modal$1.defaultProps = {
|
|
@@ -31678,26 +31664,52 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31678
31664
|
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"};
|
|
31679
31665
|
styleInject(css_248z$6);
|
|
31680
31666
|
|
|
31667
|
+
var _templateObject$i, _templateObject2$e, _templateObject3$b;
|
|
31668
|
+
|
|
31669
|
+
var Dropdown = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral__default['default'](["\n display: ", ";\n position: absolute;\n background-color: white;\n min-width: 160px;\n border-radius: 3.5px;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n"])), function (props) {
|
|
31670
|
+
return props.show ? "block" : "none";
|
|
31671
|
+
});
|
|
31672
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
|
|
31673
|
+
var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n background-color: white;\n color: ", ";\n padding: 6px 6px;\n text-decoration: none;\n display: block;\n font-size: 12px;\n padding: 2px;\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
|
|
31674
|
+
|
|
31681
31675
|
var DropdownMenu = function DropdownMenu(props) {
|
|
31682
31676
|
var _props$actionData = props.actionData,
|
|
31683
31677
|
actionData = _props$actionData === void 0 ? function () {} : _props$actionData,
|
|
31684
31678
|
_props$items = props.items,
|
|
31685
31679
|
items = _props$items === void 0 ? [] : _props$items;
|
|
31686
|
-
|
|
31687
|
-
|
|
31688
|
-
|
|
31689
|
-
|
|
31690
|
-
|
|
31691
|
-
|
|
31692
|
-
|
|
31693
|
-
|
|
31694
|
-
|
|
31695
|
-
|
|
31696
|
-
|
|
31680
|
+
|
|
31681
|
+
var _useState = React.useState(false),
|
|
31682
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
31683
|
+
show = _useState2[0],
|
|
31684
|
+
setShow = _useState2[1];
|
|
31685
|
+
|
|
31686
|
+
var onHover = function onHover() {
|
|
31687
|
+
if (props.disabled !== true) setShow(true);
|
|
31688
|
+
};
|
|
31689
|
+
|
|
31690
|
+
var onBlur = function onBlur() {
|
|
31691
|
+
setShow(false);
|
|
31692
|
+
};
|
|
31693
|
+
|
|
31694
|
+
return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
31695
|
+
onMouseOver: onHover,
|
|
31696
|
+
onMouseOut: onBlur
|
|
31697
|
+
}, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
31698
|
+
disabled: props.disabled,
|
|
31699
|
+
onClick: onHover,
|
|
31700
|
+
icon: "bars",
|
|
31701
|
+
inverted: true
|
|
31702
|
+
})), /*#__PURE__*/React__default['default'].createElement(Dropdown, {
|
|
31703
|
+
show: show
|
|
31697
31704
|
}, items.map(function (x, i) {
|
|
31698
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
31705
|
+
return /*#__PURE__*/React__default['default'].createElement(ItemWrapper$2, {
|
|
31699
31706
|
key: i,
|
|
31707
|
+
onMouseOver: onHover,
|
|
31708
|
+
onMouseOut: onBlur
|
|
31709
|
+
}, /*#__PURE__*/React__default['default'].createElement(Item$4, {
|
|
31700
31710
|
href: "#",
|
|
31711
|
+
onMouseOver: onHover,
|
|
31712
|
+
onMouseOut: onBlur,
|
|
31701
31713
|
onClick: function onClick(e) {
|
|
31702
31714
|
e.preventDefault();
|
|
31703
31715
|
x.action(actionData);
|
|
@@ -31707,8 +31719,8 @@ var DropdownMenu = function DropdownMenu(props) {
|
|
|
31707
31719
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
31708
31720
|
className: styles$1.linkIconSpan
|
|
31709
31721
|
}, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
|
|
31710
|
-
|
|
31711
|
-
})), x.name));
|
|
31722
|
+
icon: x.icon
|
|
31723
|
+
})), x.name)));
|
|
31712
31724
|
})));
|
|
31713
31725
|
};
|
|
31714
31726
|
|
|
@@ -49052,7 +49064,7 @@ var lodash = {exports: {}};
|
|
|
49052
49064
|
}.call(commonjsGlobal));
|
|
49053
49065
|
}(lodash, lodash.exports));
|
|
49054
49066
|
|
|
49055
|
-
var TableSelectionType
|
|
49067
|
+
var TableSelectionType = {
|
|
49056
49068
|
SINGLE: "single",
|
|
49057
49069
|
MULTIPLE: "multiple"
|
|
49058
49070
|
};
|
|
@@ -49304,11 +49316,11 @@ Pagination.propTypes = {
|
|
|
49304
49316
|
|
|
49305
49317
|
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;
|
|
49306
49318
|
var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49307
|
-
var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default']([""])));
|
|
49319
|
+
var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default'](["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49308
49320
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49309
49321
|
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49310
49322
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49311
|
-
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
49323
|
+
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
49312
49324
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
49313
49325
|
}, theme.palette.primary.light);
|
|
49314
49326
|
var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
@@ -49526,20 +49538,13 @@ var TableView = function TableView(props) {
|
|
|
49526
49538
|
var onClick = !isFunction(def.specialRender) ? function () {
|
|
49527
49539
|
ChangeToFormView(dataItem);
|
|
49528
49540
|
} : function () {};
|
|
49529
|
-
if (!EnableFormView) onClick = function onClick() {};
|
|
49530
|
-
|
|
49531
|
-
|
|
49532
|
-
|
|
49533
|
-
|
|
49534
|
-
onClick = function onClick() {
|
|
49535
|
-
return handleOnSelection(dataItem, {
|
|
49536
|
-
target: {
|
|
49537
|
-
checked: !checked
|
|
49538
|
-
}
|
|
49539
|
-
});
|
|
49540
|
-
};
|
|
49541
|
-
}
|
|
49541
|
+
if (!EnableFormView) onClick = function onClick() {}; // if (!EnableFormView && EnableSelection) {
|
|
49542
|
+
// var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
|
|
49543
|
+
// onClick = () =>
|
|
49544
|
+
// handleOnSelection(dataItem, { target: { checked: !checked } });
|
|
49545
|
+
// }
|
|
49542
49546
|
|
|
49547
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) onClick = function onClick() {};
|
|
49543
49548
|
var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
|
|
49544
49549
|
return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
|
|
49545
49550
|
key: tabIndex,
|
|
@@ -49548,7 +49553,7 @@ var TableView = function TableView(props) {
|
|
|
49548
49553
|
};
|
|
49549
49554
|
|
|
49550
49555
|
var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
|
|
49551
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
49556
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
49552
49557
|
return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
|
|
49553
49558
|
selectionCell: true,
|
|
49554
49559
|
key: -1
|
|
@@ -49648,13 +49653,13 @@ var TableView = function TableView(props) {
|
|
|
49648
49653
|
};
|
|
49649
49654
|
|
|
49650
49655
|
var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
|
|
49651
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
49656
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
49652
49657
|
if (SelectedEntirePage && Localization.DeselectAll) ;
|
|
49653
49658
|
if (!SelectedEntirePage && Localization.SelectAll) ;
|
|
49654
49659
|
return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
|
|
49655
49660
|
selectionCell: true,
|
|
49656
49661
|
key: -1
|
|
49657
|
-
}, SelectionType === TableSelectionType
|
|
49662
|
+
}, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
|
|
49658
49663
|
checked: SelectedEntirePage,
|
|
49659
49664
|
onChange: function onChange() {
|
|
49660
49665
|
return handleSelectAll(!SelectedEntirePage);
|
|
@@ -49760,7 +49765,9 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49760
49765
|
return css;
|
|
49761
49766
|
};
|
|
49762
49767
|
|
|
49763
|
-
var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n box-shadow:
|
|
49768
|
+
var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
|
|
49769
|
+
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49770
|
+
});
|
|
49764
49771
|
var TableContainer$1 = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49765
49772
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
|
|
49766
49773
|
var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
|
|
@@ -49793,7 +49800,9 @@ var DataView = function DataView(props) {
|
|
|
49793
49800
|
Table = _ref.Table,
|
|
49794
49801
|
Form = _ref.Form;
|
|
49795
49802
|
|
|
49796
|
-
var _props$
|
|
49803
|
+
var _props$Shadow = props.Shadow,
|
|
49804
|
+
Shadow = _props$Shadow === void 0 ? true : _props$Shadow,
|
|
49805
|
+
_props$ChangeToFormVi = props.ChangeToFormView,
|
|
49797
49806
|
ChangeToFormView = _props$ChangeToFormVi === void 0 ? emptyFunc : _props$ChangeToFormVi,
|
|
49798
49807
|
_props$ChangeToTableV = props.ChangeToTableView,
|
|
49799
49808
|
ChangeToTableView = _props$ChangeToTableV === void 0 ? emptyFunc : _props$ChangeToTableV,
|
|
@@ -49956,7 +49965,8 @@ var DataView = function DataView(props) {
|
|
|
49956
49965
|
goToPreviousPage: goToPreviousPage,
|
|
49957
49966
|
goToFirstPage: goToFirstPage,
|
|
49958
49967
|
goToLastPage: goToLastPage,
|
|
49959
|
-
EnableExports: Options.EnableExports
|
|
49968
|
+
EnableExports: Options.EnableExports,
|
|
49969
|
+
Localization: Localization.Pagination
|
|
49960
49970
|
})
|
|
49961
49971
|
}; //======== METHODS ========
|
|
49962
49972
|
|
|
@@ -49984,13 +49994,26 @@ var DataView = function DataView(props) {
|
|
|
49984
49994
|
}
|
|
49985
49995
|
},
|
|
49986
49996
|
disabled: Table.SelectedData.length === 0,
|
|
49987
|
-
icon: "
|
|
49997
|
+
icon: "arrow-circle-down",
|
|
49998
|
+
inverted: true
|
|
49988
49999
|
}));
|
|
49989
50000
|
}
|
|
49990
50001
|
|
|
49991
50002
|
return false;
|
|
49992
50003
|
};
|
|
49993
50004
|
|
|
50005
|
+
var renderContextMenu = function renderContextMenu() {
|
|
50006
|
+
if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
|
|
50007
|
+
return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(DropdownMenu, {
|
|
50008
|
+
disabled: freezeLoading([Table.SelectedData.length === 0]),
|
|
50009
|
+
items: Table.Actions || [],
|
|
50010
|
+
label: Localization.Actions,
|
|
50011
|
+
actionData: Table.SelectedData,
|
|
50012
|
+
downDoubleIconClassName: Icons.DownDouble
|
|
50013
|
+
}));
|
|
50014
|
+
} else return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
50015
|
+
};
|
|
50016
|
+
|
|
49994
50017
|
var renderRefreshButton = function renderRefreshButton() {
|
|
49995
50018
|
if (General.CurrentView !== ViewType.TABLE_VIEW || !General.DataFromBackend) return false;
|
|
49996
50019
|
return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
@@ -50102,8 +50125,9 @@ var DataView = function DataView(props) {
|
|
|
50102
50125
|
var x4 = Options.EnableFormViewMovement && Form !== null && General.CurrentView === "FormView" && Form.Mode !== "ADD" ? true : false;
|
|
50103
50126
|
var x5 = Options.ReadOnly || !Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || General.CurrentView !== "FormView" ? false : true;
|
|
50104
50127
|
var x6 = General.CurrentView !== "TableView" ? false : true;
|
|
50105
|
-
var x7 = General.IsLookup && Table.SelectionType ===
|
|
50106
|
-
|
|
50128
|
+
var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
|
|
50129
|
+
var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
|
|
50130
|
+
if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues(), renderContextMenu());
|
|
50107
50131
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
50108
50132
|
};
|
|
50109
50133
|
|
|
@@ -50155,7 +50179,9 @@ var DataView = function DataView(props) {
|
|
|
50155
50179
|
|
|
50156
50180
|
var renderComponent = function renderComponent() {
|
|
50157
50181
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
50158
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$c,
|
|
50182
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$c, _extends__default['default']({}, themeProps, {
|
|
50183
|
+
shadow: Shadow
|
|
50184
|
+
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
|
|
50159
50185
|
mode: "out-in"
|
|
50160
50186
|
}, /*#__PURE__*/React__default['default'].createElement(CSSTransition$1, {
|
|
50161
50187
|
key: key,
|
|
@@ -50171,26 +50197,7 @@ var DataView = function DataView(props) {
|
|
|
50171
50197
|
node.addEventListener("transitionend", done, false);
|
|
50172
50198
|
},
|
|
50173
50199
|
classNames: "fade2"
|
|
50174
|
-
}, renderPagination())))
|
|
50175
|
-
// <div className={styles.flexContainer}>
|
|
50176
|
-
// <div className={styles.flexInnerContainer}>
|
|
50177
|
-
// {renderChangeToTableView()}
|
|
50178
|
-
// {renderSwitchToEditModeButton()}
|
|
50179
|
-
// {renderGoToAddButton()}
|
|
50180
|
-
// {renderDeleteSelectedButton()}
|
|
50181
|
-
// {renderDeleteConfirmationBox()}
|
|
50182
|
-
// {renderAddWithCopyButton()}
|
|
50183
|
-
// {renderLookupTakeValues()}
|
|
50184
|
-
// {renderRefreshButton()}
|
|
50185
|
-
// {renderContextMenu()}
|
|
50186
|
-
// </div>
|
|
50187
|
-
// <div className={styles.filterContainerHolder}>
|
|
50188
|
-
// {renderFiltering()}
|
|
50189
|
-
// </div>
|
|
50190
|
-
// </div>
|
|
50191
|
-
// <div className={mergeCSS([styles.view])}>{renderView()}</div>
|
|
50192
|
-
// </div>
|
|
50193
|
-
;
|
|
50200
|
+
}, renderPagination())));
|
|
50194
50201
|
};
|
|
50195
50202
|
|
|
50196
50203
|
return renderComponent();
|
|
@@ -50390,7 +50397,7 @@ var Table = function Table(props) {
|
|
|
50390
50397
|
_ref3$EnableOrdering = _ref3.EnableOrdering,
|
|
50391
50398
|
EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
|
|
50392
50399
|
_ref3$SelectionType = _ref3.SelectionType,
|
|
50393
|
-
SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType
|
|
50400
|
+
SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
|
|
50394
50401
|
|
|
50395
50402
|
|
|
50396
50403
|
var _useState = React.useState([]),
|
|
@@ -50419,7 +50426,7 @@ var Table = function Table(props) {
|
|
|
50419
50426
|
};
|
|
50420
50427
|
|
|
50421
50428
|
var renderEmptySelectionCell = function renderEmptySelectionCell() {
|
|
50422
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
50429
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
50423
50430
|
return /*#__PURE__*/React__default['default'].createElement("td", null);
|
|
50424
50431
|
};
|
|
50425
50432
|
|
|
@@ -50490,7 +50497,7 @@ var Table = function Table(props) {
|
|
|
50490
50497
|
};
|
|
50491
50498
|
|
|
50492
50499
|
var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
|
|
50493
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
50500
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null); // console.log(dataItem, selected);
|
|
50494
50501
|
|
|
50495
50502
|
return /*#__PURE__*/React__default['default'].createElement(TableBodyCell, {
|
|
50496
50503
|
selectionCell: true,
|
|
@@ -50515,13 +50522,13 @@ var Table = function Table(props) {
|
|
|
50515
50522
|
};
|
|
50516
50523
|
|
|
50517
50524
|
var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
|
|
50518
|
-
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType
|
|
50525
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
50519
50526
|
if (SelectedEntirePage && Localization.DeselectAll) ;
|
|
50520
50527
|
if (!SelectedEntirePage && Localization.SelectAll) ;
|
|
50521
50528
|
return /*#__PURE__*/React__default['default'].createElement(TableHeadCell, {
|
|
50522
50529
|
selectionCell: true,
|
|
50523
50530
|
key: -1
|
|
50524
|
-
}, SelectionType === TableSelectionType
|
|
50531
|
+
}, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
|
|
50525
50532
|
checked: SelectedEntirePage,
|
|
50526
50533
|
onChange: handleSelectAll
|
|
50527
50534
|
}));
|
|
@@ -50883,7 +50890,7 @@ var getDefaultState = function getDefaultState() {
|
|
|
50883
50890
|
SelectedDataIndexes: [],
|
|
50884
50891
|
SelectionIndicator: "id",
|
|
50885
50892
|
SelectedEntirePage: false,
|
|
50886
|
-
SelectionType: TableSelectionType
|
|
50893
|
+
SelectionType: TableSelectionType.MULTIPLE,
|
|
50887
50894
|
Columns: [],
|
|
50888
50895
|
Actions: []
|
|
50889
50896
|
},
|
|
@@ -51104,7 +51111,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51104
51111
|
SelectedDataIndexes: [],
|
|
51105
51112
|
SelectionIndicator: "id",
|
|
51106
51113
|
SelectedEntirePage: false,
|
|
51107
|
-
SelectionType: TableSelectionType
|
|
51114
|
+
SelectionType: TableSelectionType.MULTIPLE,
|
|
51108
51115
|
Columns: [],
|
|
51109
51116
|
Actions: []
|
|
51110
51117
|
},
|
|
@@ -51622,13 +51629,13 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51622
51629
|
selectedData = state.Table.SelectedData.filter(function (x) {
|
|
51623
51630
|
return x[id] !== dataItem[id];
|
|
51624
51631
|
});
|
|
51625
|
-
} else if (state.Table.SelectionType === TableSelectionType
|
|
51632
|
+
} else if (state.Table.SelectionType === TableSelectionType.SINGLE) {
|
|
51626
51633
|
selectedData = [dataItem];
|
|
51627
|
-
} else if (state.Table.SelectionType === TableSelectionType
|
|
51634
|
+
} else if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51628
51635
|
selectedData.push(dataItem);
|
|
51629
51636
|
}
|
|
51630
51637
|
|
|
51631
|
-
if (state.Table.SelectionType === TableSelectionType
|
|
51638
|
+
if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51632
51639
|
var dataGuids = state.Table.Data.map(function (x) {
|
|
51633
51640
|
return x[id];
|
|
51634
51641
|
});
|
|
@@ -51677,9 +51684,9 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51677
51684
|
if (Form === null && !state.General.IsLookup) return;
|
|
51678
51685
|
var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
|
|
51679
51686
|
|
|
51680
|
-
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
51687
|
+
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.SINGLE) {
|
|
51681
51688
|
OnChange([dataItem]);
|
|
51682
|
-
} else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
51689
|
+
} else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51683
51690
|
onSelect(dataItem);
|
|
51684
51691
|
} else {
|
|
51685
51692
|
setState(function (draft) {
|
|
@@ -52016,7 +52023,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
52016
52023
|
};
|
|
52017
52024
|
|
|
52018
52025
|
var renderLookupTakeValues = function renderLookupTakeValues() {
|
|
52019
|
-
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
52026
|
+
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
52020
52027
|
return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
52021
52028
|
tooltip: Localization.TakeValues || "Take values",
|
|
52022
52029
|
onClick: function onClick() {
|
|
@@ -52178,7 +52185,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
52178
52185
|
var x4 = state.Options.EnableFormViewMovement && Form !== null && state.General.CurrentView === "FormView" && state.Form.Mode !== "ADD" ? true : false;
|
|
52179
52186
|
var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
|
|
52180
52187
|
var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
|
|
52181
|
-
var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType
|
|
52188
|
+
var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
|
|
52182
52189
|
if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
|
|
52183
52190
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
52184
52191
|
};
|