@lanaco/lnc-react-ui 2.1.3 → 2.1.7
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 +164 -112
- package/lib/index.js +164 -112
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -6554,7 +6554,7 @@ SwitchTransition.defaultProps = {
|
|
|
6554
6554
|
};
|
|
6555
6555
|
var SwitchTransition$1 = SwitchTransition;
|
|
6556
6556
|
|
|
6557
|
-
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$
|
|
6557
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
|
|
6558
6558
|
var Container$k = newStyled.div(_templateObject$m || (_templateObject$m = _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);
|
|
@@ -6576,9 +6576,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
|
|
|
6576
6576
|
var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
6577
6577
|
return props.theme.typography[props.size].fontSize;
|
|
6578
6578
|
});
|
|
6579
|
-
var FooterRow = newStyled.div(_templateObject10$
|
|
6580
|
-
var ButtonContainer$3 = newStyled.div(_templateObject11$
|
|
6581
|
-
var PageNumber = newStyled.div(_templateObject12$
|
|
6579
|
+
var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
6580
|
+
var ButtonContainer$3 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral__default['default'](["\n margin: 3px;\n"])));
|
|
6581
|
+
var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral__default['default'](["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
6582
6582
|
return props.theme.typography[props.size].fontSize;
|
|
6583
6583
|
}); //=======================================================================
|
|
6584
6584
|
|
|
@@ -6638,7 +6638,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6638
6638
|
return /*#__PURE__*/React__default['default'].createElement(Container$k, _extends__default['default']({}, themeProps, {
|
|
6639
6639
|
className: className
|
|
6640
6640
|
}), /*#__PURE__*/React__default['default'].createElement(Global, {
|
|
6641
|
-
styles: css(_templateObject13$
|
|
6641
|
+
styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral__default['default'](["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
|
|
6642
6642
|
}), /*#__PURE__*/React__default['default'].createElement(Table$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderRow, null, /*#__PURE__*/React__default['default'].createElement(HeaderColumnCheck, {
|
|
6643
6643
|
check: style === "regular"
|
|
6644
6644
|
}, style === "regular" ? /*#__PURE__*/React__default['default'].createElement(CheckBox, {
|
|
@@ -22511,7 +22511,7 @@ var DateInput = function DateInput(props) {
|
|
|
22511
22511
|
React.useEffect(function () {
|
|
22512
22512
|
var timeOutId = setTimeout(function () {
|
|
22513
22513
|
return handleDelayedOnChange();
|
|
22514
|
-
},
|
|
22514
|
+
}, 350);
|
|
22515
22515
|
return function () {
|
|
22516
22516
|
return clearTimeout(timeOutId);
|
|
22517
22517
|
};
|
|
@@ -22715,7 +22715,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22715
22715
|
}), children);
|
|
22716
22716
|
};
|
|
22717
22717
|
|
|
22718
|
-
var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$
|
|
22718
|
+
var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22719
22719
|
|
|
22720
22720
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22721
22721
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22766,7 +22766,7 @@ var Input$3 = newStyled.input(_templateObject8$6 || (_templateObject8$6 = _tagge
|
|
|
22766
22766
|
var Content$5 = newStyled.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
22767
22767
|
return props.theme.palette[props.color].main;
|
|
22768
22768
|
});
|
|
22769
|
-
var ContentItem$2 = newStyled.div(_templateObject10$
|
|
22769
|
+
var ContentItem$2 = newStyled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
22770
22770
|
return props.theme.typography.fontFamily;
|
|
22771
22771
|
}, function (props) {
|
|
22772
22772
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -23483,13 +23483,12 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
|
|
|
23483
23483
|
onChange(id, val);
|
|
23484
23484
|
};
|
|
23485
23485
|
|
|
23486
|
-
return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1,
|
|
23486
|
+
return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, {
|
|
23487
23487
|
theme: theme,
|
|
23488
23488
|
size: size,
|
|
23489
23489
|
color: color,
|
|
23490
23490
|
onChange: handleOnChange,
|
|
23491
23491
|
onPaste: handleOnChange,
|
|
23492
|
-
onBlur: handleOnBlur,
|
|
23493
23492
|
className: className,
|
|
23494
23493
|
disabled: disabled,
|
|
23495
23494
|
value: val,
|
|
@@ -23501,11 +23500,13 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
|
|
|
23501
23500
|
onInput: function onInput(e) {
|
|
23502
23501
|
e.target.style.whiteSpace = "inherit";
|
|
23503
23502
|
e.target.style.height = "".concat(e.target.scrollHeight, "px");
|
|
23503
|
+
},
|
|
23504
|
+
onBlur: function onBlur(e) {
|
|
23505
|
+
e.target.style.height = heightBySize$7(size);
|
|
23506
|
+
e.target.style.whiteSpace = "nowrap";
|
|
23507
|
+
handleOnBlur(e);
|
|
23504
23508
|
}
|
|
23505
|
-
}
|
|
23506
|
-
e.target.style.height = heightBySize$7(size);
|
|
23507
|
-
e.target.style.whiteSpace = "nowrap";
|
|
23508
|
-
}));
|
|
23509
|
+
});
|
|
23509
23510
|
});
|
|
23510
23511
|
TextArea.defaultProps = {
|
|
23511
23512
|
id: "",
|
|
@@ -49301,27 +49302,27 @@ Pagination.propTypes = {
|
|
|
49301
49302
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49302
49303
|
};
|
|
49303
49304
|
|
|
49304
|
-
var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$
|
|
49305
|
-
var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n
|
|
49305
|
+
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
|
+
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);
|
|
49306
49307
|
var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default']([""])));
|
|
49307
49308
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49308
|
-
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n
|
|
49309
|
+
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);
|
|
49309
49310
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49310
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) {
|
|
49311
49312
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
49312
49313
|
}, theme.palette.primary.light);
|
|
49313
|
-
var HeaderInnerCell = 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"])));
|
|
49314
|
-
var HeaderCellText = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral__default['default'](["\n color: black;\n"])));
|
|
49315
|
-
var HeaderCellIcon = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral__default['default'](["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
49314
|
+
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"])));
|
|
49315
|
+
var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral__default['default'](["\n color: black;\n"])));
|
|
49316
|
+
var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral__default['default'](["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
49316
49317
|
return props.sort ? "transparent" : "black";
|
|
49317
49318
|
});
|
|
49318
|
-
var TableBody$1 = newStyled.tbody(_templateObject10$
|
|
49319
|
-
var TableBodyRow$1 = newStyled.tr(_templateObject11$
|
|
49319
|
+
var TableBody$1 = newStyled.tbody(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral__default['default']([""])));
|
|
49320
|
+
var TableBodyRow$1 = newStyled.tr(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n\n ", "\n\n ", "\n"])), function (props) {
|
|
49320
49321
|
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 "";
|
|
49321
49322
|
}, function (props) {
|
|
49322
49323
|
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 "";
|
|
49323
49324
|
});
|
|
49324
|
-
var TableBodyCell$1 = newStyled.td(_templateObject12$
|
|
49325
|
+
var TableBodyCell$1 = newStyled.td(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n"])), function (props) {
|
|
49325
49326
|
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
49326
49327
|
});
|
|
49327
49328
|
|
|
@@ -49491,7 +49492,9 @@ var TableView = function TableView(props) {
|
|
|
49491
49492
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TableBodyRow$1, {
|
|
49492
49493
|
selectedRow: rowSelected,
|
|
49493
49494
|
key: i
|
|
49494
|
-
}, renderSelectionCell(dataItem, rowSelected, i), Columns.
|
|
49495
|
+
}, renderSelectionCell(dataItem, rowSelected, i), Columns.filter(function (x) {
|
|
49496
|
+
return x.hide !== true;
|
|
49497
|
+
}).map(function (col, j) {
|
|
49495
49498
|
return renderBodyCell(dataItem, col, i, j);
|
|
49496
49499
|
})));
|
|
49497
49500
|
}; // const renderCell = (rowData, def, key) => {
|
|
@@ -49636,7 +49639,7 @@ var TableView = function TableView(props) {
|
|
|
49636
49639
|
return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
|
|
49637
49640
|
key: i,
|
|
49638
49641
|
onClick: IsLoading || hideOrdering ? function () {} : headerClick
|
|
49639
|
-
}, /*#__PURE__*/React__default['default'].createElement(HeaderInnerCell, null, /*#__PURE__*/React__default['default'].createElement(HeaderCellText, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default['default'].createElement(HeaderCellIcon, {
|
|
49642
|
+
}, /*#__PURE__*/React__default['default'].createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default['default'].createElement(HeaderCellIcon$1, {
|
|
49640
49643
|
sort: orderingIconClass === "sort"
|
|
49641
49644
|
}, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
|
|
49642
49645
|
color: "white",
|
|
@@ -49662,7 +49665,9 @@ var TableView = function TableView(props) {
|
|
|
49662
49665
|
|
|
49663
49666
|
return /*#__PURE__*/React__default['default'].createElement(Container$d, null, /*#__PURE__*/React__default['default'].createElement(Wrapper$1, null, /*#__PURE__*/React__default['default'].createElement(TableTable$1, {
|
|
49664
49667
|
cellSpacing: 0
|
|
49665
|
-
}, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.
|
|
49668
|
+
}, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49669
|
+
return x.hide !== true;
|
|
49670
|
+
}).map(function (col, i) {
|
|
49666
49671
|
return renderHeaderCell(col, i);
|
|
49667
49672
|
}))), /*#__PURE__*/React__default['default'].createElement(TableBody$1, null, renderBody())))); // return (
|
|
49668
49673
|
// <div>
|
|
@@ -49725,7 +49730,7 @@ Spinner.propTypes = {
|
|
|
49725
49730
|
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";
|
|
49726
49731
|
styleInject(css_248z$4);
|
|
49727
49732
|
|
|
49728
|
-
var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$
|
|
49733
|
+
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;
|
|
49729
49734
|
|
|
49730
49735
|
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; }
|
|
49731
49736
|
|
|
@@ -49766,9 +49771,10 @@ var FlexItem$1 = newStyled.div(_templateObject6$5 || (_templateObject6$5 = _tagg
|
|
|
49766
49771
|
newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
49767
49772
|
newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral__default['default'](["\n color: rgb(180, 3, 3);\n"])));
|
|
49768
49773
|
var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
49769
|
-
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$
|
|
49770
|
-
var Loader$1 = newStyled.div(_templateObject11$
|
|
49771
|
-
var DivRelative$1 = newStyled.div(_templateObject12$
|
|
49774
|
+
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
|
|
49775
|
+
var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
|
|
49776
|
+
var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
|
|
49777
|
+
var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n"])));
|
|
49772
49778
|
|
|
49773
49779
|
var DataView = function DataView(props) {
|
|
49774
49780
|
var emptyFunc = function emptyFunc() {};
|
|
@@ -49802,9 +49808,12 @@ var DataView = function DataView(props) {
|
|
|
49802
49808
|
_props$OnSelectAll = props.OnSelectAll,
|
|
49803
49809
|
OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
|
|
49804
49810
|
_props$FormView = props.FormView,
|
|
49805
|
-
FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView
|
|
49806
|
-
props.FilteringView
|
|
49807
|
-
|
|
49811
|
+
FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
|
|
49812
|
+
_props$FilteringView = props.FilteringView,
|
|
49813
|
+
FilteringView = _props$FilteringView === void 0 ? function () {
|
|
49814
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
49815
|
+
} : _props$FilteringView,
|
|
49816
|
+
_props$OnHeaderClick = props.OnHeaderClick,
|
|
49808
49817
|
OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
|
|
49809
49818
|
_props$OnRefresh = props.OnRefresh,
|
|
49810
49819
|
OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
|
|
@@ -50072,6 +50081,11 @@ var DataView = function DataView(props) {
|
|
|
50072
50081
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderContainer$1, null), /*#__PURE__*/React__default['default'].createElement(LoaderContainerTransparent$1, null, /*#__PURE__*/React__default['default'].createElement(Loader$1, null, Table.Data.length > 2 ? /*#__PURE__*/React__default['default'].createElement(Spinner, null) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
|
|
50073
50082
|
};
|
|
50074
50083
|
|
|
50084
|
+
var renderFiltering = function renderFiltering() {
|
|
50085
|
+
if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
50086
|
+
return /*#__PURE__*/React__default['default'].createElement(FilteringContainer, null, FilteringView());
|
|
50087
|
+
};
|
|
50088
|
+
|
|
50075
50089
|
var renderFormViewMovement = function renderFormViewMovement() {
|
|
50076
50090
|
if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
|
|
50077
50091
|
return /*#__PURE__*/React__default['default'].createElement(FormViewMovement, {
|
|
@@ -50141,7 +50155,7 @@ var DataView = function DataView(props) {
|
|
|
50141
50155
|
|
|
50142
50156
|
var renderComponent = function renderComponent() {
|
|
50143
50157
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
50144
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$c, themeProps, renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
|
|
50158
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$c, themeProps, renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
|
|
50145
50159
|
mode: "out-in"
|
|
50146
50160
|
}, /*#__PURE__*/React__default['default'].createElement(CSSTransition$1, {
|
|
50147
50161
|
key: key,
|
|
@@ -50304,23 +50318,31 @@ FormMovement.propTypes = {
|
|
|
50304
50318
|
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";
|
|
50305
50319
|
styleInject(css_248z$3);
|
|
50306
50320
|
|
|
50307
|
-
var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
|
|
50308
|
-
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n border
|
|
50321
|
+
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;
|
|
50322
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50309
50323
|
var Wrapper = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral__default['default']([""])));
|
|
50310
50324
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50311
|
-
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n
|
|
50312
|
-
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default']([""])));
|
|
50313
|
-
var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
50325
|
+
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50326
|
+
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
50327
|
+
var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _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: #f0f0f0;\n cursor: pointer;\n }\n"])), function (props) {
|
|
50314
50328
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
50315
50329
|
}, theme.palette.primary.light);
|
|
50316
|
-
var
|
|
50317
|
-
var
|
|
50318
|
-
|
|
50330
|
+
var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _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"])));
|
|
50331
|
+
var HeaderCellText = newStyled.span(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral__default['default'](["\n color: black;\n"])));
|
|
50332
|
+
var HeaderCellIcon = newStyled.span(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral__default['default'](["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
50333
|
+
return props.sort ? "transparent" : "black";
|
|
50334
|
+
});
|
|
50335
|
+
var TableBody = newStyled.tbody(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral__default['default']([""])));
|
|
50336
|
+
var TableBodyRowNested = newStyled.tr(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n background-color: #f7f7f7;\n cursor: normal;\n"])));
|
|
50337
|
+
var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n background-color: ", ";\n\n ", "\n ", ";\n"])), function (props) {
|
|
50338
|
+
return props.nested ? "#f7f7f7" : "inherit";
|
|
50339
|
+
}, function (props) {
|
|
50340
|
+
if (props.selectedRow !== true) return "\n &:hover {\n & > td {\n background-color: #f0f0f0;\n }\n \n cursor: pointer;\n }";else return "";
|
|
50319
50341
|
}, function (props) {
|
|
50320
|
-
if (props.selectedRow === true) return "\n
|
|
50342
|
+
if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n ");else return "";
|
|
50321
50343
|
});
|
|
50322
|
-
var TableBodyCell = newStyled.td(
|
|
50323
|
-
return props.selectionCell === true ? "
|
|
50344
|
+
var TableBodyCell = newStyled.td(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n"])), function (props) {
|
|
50345
|
+
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
50324
50346
|
});
|
|
50325
50347
|
|
|
50326
50348
|
var Table = function Table(props) {
|
|
@@ -50369,7 +50391,12 @@ var Table = function Table(props) {
|
|
|
50369
50391
|
EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
|
|
50370
50392
|
_ref3$SelectionType = _ref3.SelectionType,
|
|
50371
50393
|
SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType$1.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
|
|
50372
|
-
|
|
50394
|
+
|
|
50395
|
+
|
|
50396
|
+
var _useState = React.useState([]),
|
|
50397
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
50398
|
+
expandedColumns = _useState2[0],
|
|
50399
|
+
setExpandedColumns = _useState2[1]; //======================== METHODS ==========================================
|
|
50373
50400
|
|
|
50374
50401
|
|
|
50375
50402
|
var handleSelectAll = function handleSelectAll() {
|
|
@@ -50389,58 +50416,55 @@ var Table = function Table(props) {
|
|
|
50389
50416
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, Data.map(function (dataItem, i) {
|
|
50390
50417
|
return renderBodyRow(dataItem, i);
|
|
50391
50418
|
}));
|
|
50392
|
-
};
|
|
50393
|
-
|
|
50394
|
-
|
|
50395
|
-
|
|
50396
|
-
|
|
50397
|
-
|
|
50398
|
-
|
|
50399
|
-
|
|
50400
|
-
|
|
50401
|
-
|
|
50402
|
-
// style["table-cell"],
|
|
50403
|
-
// style["special-cell-render"],
|
|
50404
|
-
// style["select-checkbox"],
|
|
50405
|
-
// ].join(" ")}
|
|
50406
|
-
// ></td>
|
|
50407
|
-
// );
|
|
50408
|
-
// };
|
|
50409
|
-
// const renderGroupBodyRows = (col, dataItem) => {
|
|
50410
|
-
// if (col) var nestedArray = dataItem[col.accessor];
|
|
50411
|
-
// if (nestedArray) {
|
|
50412
|
-
// return dataItem[col.accessor].map((x, i) => {
|
|
50413
|
-
// return (
|
|
50414
|
-
// <tr
|
|
50415
|
-
// key={i + 100}
|
|
50416
|
-
// className={[
|
|
50417
|
-
// style["table-row-group-by-nested"],
|
|
50418
|
-
// style["table-row-odd"],
|
|
50419
|
-
// ].join(" ")}
|
|
50420
|
-
// >
|
|
50421
|
-
// {renderEmptySelectionCell()}
|
|
50422
|
-
// {Columns.map((col, j) => {
|
|
50423
|
-
// return renderBodyCell(x, col, i + 100, j + 100);
|
|
50424
|
-
// })}
|
|
50425
|
-
// </tr>
|
|
50426
|
-
// );
|
|
50427
|
-
// });
|
|
50428
|
-
// }
|
|
50429
|
-
// return <></>;
|
|
50430
|
-
// };
|
|
50419
|
+
};
|
|
50420
|
+
|
|
50421
|
+
var renderEmptySelectionCell = function renderEmptySelectionCell() {
|
|
50422
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
50423
|
+
return /*#__PURE__*/React__default['default'].createElement("td", null);
|
|
50424
|
+
};
|
|
50425
|
+
|
|
50426
|
+
var renderGroupBodyRows = function renderGroupBodyRows(col, dataItem) {
|
|
50427
|
+
var nestedArray;
|
|
50428
|
+
if (col) nestedArray = dataItem[col.accessor];
|
|
50431
50429
|
|
|
50430
|
+
if (nestedArray) {
|
|
50431
|
+
return dataItem[col.accessor].map(function (x, i) {
|
|
50432
|
+
return /*#__PURE__*/React__default['default'].createElement(TableBodyRowNested, {
|
|
50433
|
+
key: i + 100
|
|
50434
|
+
}, renderEmptySelectionCell(), /*#__PURE__*/React__default['default'].createElement("td", null), Columns.map(function (col, j) {
|
|
50435
|
+
return renderBodyCell(x, col, i + 100, j + 100);
|
|
50436
|
+
}));
|
|
50437
|
+
});
|
|
50438
|
+
}
|
|
50439
|
+
|
|
50440
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
50441
|
+
};
|
|
50432
50442
|
|
|
50433
50443
|
var renderBodyRow = function renderBodyRow(dataItem, i) {
|
|
50434
|
-
Columns.find(function (x) {
|
|
50435
|
-
return x.nested;
|
|
50444
|
+
var nested = Columns.find(function (x) {
|
|
50445
|
+
return x.nested === true;
|
|
50436
50446
|
});
|
|
50437
50447
|
var rowSelected = isRowSelected(dataItem);
|
|
50448
|
+
var nestedArray;
|
|
50449
|
+
if (nested) nestedArray = dataItem[nested.accessor];
|
|
50438
50450
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TableBodyRow, {
|
|
50439
50451
|
selectedRow: rowSelected,
|
|
50440
|
-
key: i
|
|
50441
|
-
|
|
50452
|
+
key: i,
|
|
50453
|
+
onClick: function onClick() {
|
|
50454
|
+
if (expandedColumns.includes(dataItem[SelectionIndicator])) {
|
|
50455
|
+
setExpandedColumns(expandedColumns.filter(function (x) {
|
|
50456
|
+
return x != dataItem[SelectionIndicator];
|
|
50457
|
+
}));
|
|
50458
|
+
} else {
|
|
50459
|
+
setExpandedColumns([].concat(_toConsumableArray__default['default'](expandedColumns), [dataItem[SelectionIndicator]]));
|
|
50460
|
+
}
|
|
50461
|
+
}
|
|
50462
|
+
}, renderSelectionCell(dataItem, rowSelected), nested && nestedArray && nestedArray.length > 0 ? /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
|
|
50463
|
+
color: "primary",
|
|
50464
|
+
icon: expandedColumns.includes(dataItem[SelectionIndicator]) ? "caret-square-down" : "caret-square-right"
|
|
50465
|
+
})) : /*#__PURE__*/React__default['default'].createElement("td", null), Columns.map(function (col, j) {
|
|
50442
50466
|
return renderBodyCell(dataItem, col, i, j);
|
|
50443
|
-
})));
|
|
50467
|
+
})), expandedColumns.includes(dataItem[SelectionIndicator]) && renderGroupBodyRows(nested, dataItem));
|
|
50444
50468
|
};
|
|
50445
50469
|
|
|
50446
50470
|
var renderHeaderCell = function renderHeaderCell(col, i) {
|
|
@@ -50450,17 +50474,19 @@ var Table = function Table(props) {
|
|
|
50450
50474
|
return OnOrder(col.accessor);
|
|
50451
50475
|
};
|
|
50452
50476
|
var orderingIconClass = "sort";
|
|
50453
|
-
if (isOrderByColumn && Ascending) orderingIconClass = "
|
|
50454
|
-
if (isOrderByColumn && Descending) orderingIconClass = "
|
|
50477
|
+
if (isOrderByColumn && Ascending) orderingIconClass = "long-arrow-alt-up";
|
|
50478
|
+
if (isOrderByColumn && Descending) orderingIconClass = "long-arrow-alt-down";
|
|
50455
50479
|
if (isOrderByColumn && !Ascending && !Descending) orderingIconClass = "sort";
|
|
50456
50480
|
if (!isOrderByColumn || Accessor === "") orderingIconClass = "sort";
|
|
50457
50481
|
return /*#__PURE__*/React__default['default'].createElement(TableHeadCell, {
|
|
50458
50482
|
key: i,
|
|
50459
50483
|
onClick: onClick
|
|
50460
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
50484
|
+
}, /*#__PURE__*/React__default['default'].createElement(HeaderInnerCell, null, /*#__PURE__*/React__default['default'].createElement(HeaderCellText, null, " ", col.name), !hideOrdering && /*#__PURE__*/React__default['default'].createElement(HeaderCellIcon, {
|
|
50485
|
+
sort: orderingIconClass === "sort"
|
|
50486
|
+
}, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
|
|
50461
50487
|
color: "white",
|
|
50462
50488
|
icon: orderingIconClass
|
|
50463
|
-
})));
|
|
50489
|
+
}))));
|
|
50464
50490
|
};
|
|
50465
50491
|
|
|
50466
50492
|
var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
|
|
@@ -50503,7 +50529,11 @@ var Table = function Table(props) {
|
|
|
50503
50529
|
|
|
50504
50530
|
return /*#__PURE__*/React__default['default'].createElement(Container$b, null, /*#__PURE__*/React__default['default'].createElement(Wrapper, null, /*#__PURE__*/React__default['default'].createElement(TableTable, {
|
|
50505
50531
|
cellSpacing: 0
|
|
50506
|
-
}, /*#__PURE__*/React__default['default'].createElement(TableHead, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow, null, renderSelectAllHeaderCell(),
|
|
50532
|
+
}, /*#__PURE__*/React__default['default'].createElement(TableHead, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
50533
|
+
style: {
|
|
50534
|
+
width: "13px"
|
|
50535
|
+
}
|
|
50536
|
+
}), Columns.map(function (col, i) {
|
|
50507
50537
|
return renderHeaderCell(col, i);
|
|
50508
50538
|
}))), /*#__PURE__*/React__default['default'].createElement(TableBody, null, renderBody()))));
|
|
50509
50539
|
};
|
|
@@ -50897,11 +50927,11 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50897
50927
|
|
|
50898
50928
|
var Container$a = newStyled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral__default['default'](["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50899
50929
|
var TableContainer = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50900
|
-
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n margin-top: 6px;\n"])));
|
|
50930
|
+
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50901
50931
|
var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50902
50932
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
50903
50933
|
});
|
|
50904
|
-
var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n\n border
|
|
50934
|
+
var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
50905
50935
|
var FlexItem = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral__default['default'](["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
|
|
50906
50936
|
var DeveloperMessageContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
50907
50937
|
var DeveloperMessage = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral__default['default'](["\n color: rgb(180, 3, 3);\n"])));
|
|
@@ -51947,7 +51977,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51947
51977
|
tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
|
|
51948
51978
|
onClick: changeToEditMode,
|
|
51949
51979
|
disabled: freezeLoading(),
|
|
51950
|
-
icon: state.Form.Mode === FormMode.READ ? "edit" : "eye"
|
|
51980
|
+
icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
|
|
51981
|
+
inverted: true
|
|
51951
51982
|
}));
|
|
51952
51983
|
};
|
|
51953
51984
|
|
|
@@ -51961,7 +51992,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51961
51992
|
tooltip: Localization.Add || "Add",
|
|
51962
51993
|
onClick: goToAdd,
|
|
51963
51994
|
disabled: freezeLoading(),
|
|
51964
|
-
icon: "plus"
|
|
51995
|
+
icon: "plus",
|
|
51996
|
+
inverted: true
|
|
51965
51997
|
}));
|
|
51966
51998
|
}
|
|
51967
51999
|
|
|
@@ -51978,7 +52010,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51978
52010
|
onClick: onRefresh,
|
|
51979
52011
|
disabled: freezeLoading(),
|
|
51980
52012
|
icon: "sync-alt",
|
|
51981
|
-
size: "small"
|
|
52013
|
+
size: "small",
|
|
52014
|
+
inverted: true
|
|
51982
52015
|
}));
|
|
51983
52016
|
};
|
|
51984
52017
|
|
|
@@ -51990,7 +52023,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51990
52023
|
if (OnChange) OnChange(state.Table.SelectedData);
|
|
51991
52024
|
},
|
|
51992
52025
|
disabled: freezeLoading([state.Table.SelectedData.length === 0]),
|
|
51993
|
-
icon: "check-circle"
|
|
52026
|
+
icon: "check-circle",
|
|
52027
|
+
inverted: true
|
|
51994
52028
|
}));
|
|
51995
52029
|
}
|
|
51996
52030
|
|
|
@@ -52021,7 +52055,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
52021
52055
|
onClick: toggleDeleteConfirmationBox,
|
|
52022
52056
|
disabled: freezeLoading([state.Table.SelectedData.length === 0]),
|
|
52023
52057
|
tooltip: Localization.DeleteSelected || "Delete selected",
|
|
52024
|
-
icon: "trash"
|
|
52058
|
+
icon: "trash",
|
|
52059
|
+
inverted: true
|
|
52025
52060
|
}));
|
|
52026
52061
|
};
|
|
52027
52062
|
|
|
@@ -52034,7 +52069,8 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
52034
52069
|
tooltip: Localization.ToTableView || "Table view",
|
|
52035
52070
|
onClick: onSwitchToTableView,
|
|
52036
52071
|
disabled: freezeLoading(),
|
|
52037
|
-
icon: "table"
|
|
52072
|
+
icon: "table",
|
|
52073
|
+
inverted: true
|
|
52038
52074
|
}));
|
|
52039
52075
|
};
|
|
52040
52076
|
|
|
@@ -52063,6 +52099,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
52063
52099
|
});
|
|
52064
52100
|
|
|
52065
52101
|
return /*#__PURE__*/React__default['default'].createElement(PaginationContainer, null, /*#__PURE__*/React__default['default'].createElement(Pagination, _extends__default['default']({}, cfg, {
|
|
52102
|
+
inverted: true,
|
|
52066
52103
|
Localization: Localization.Pagination || {}
|
|
52067
52104
|
})));
|
|
52068
52105
|
};
|
|
@@ -53387,7 +53424,7 @@ var iconPaddingBySize = function iconPaddingBySize(size) {
|
|
|
53387
53424
|
};
|
|
53388
53425
|
|
|
53389
53426
|
var containerColor = function containerColor(props) {
|
|
53390
|
-
if (props.
|
|
53427
|
+
if (props.disabled) return props.theme.palette.gray[200];
|
|
53391
53428
|
if (props.focus) return "white";
|
|
53392
53429
|
return props.theme.palette[props.color].lighter;
|
|
53393
53430
|
};
|
|
@@ -53499,18 +53536,33 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53499
53536
|
};
|
|
53500
53537
|
|
|
53501
53538
|
var onKeyDown = function onKeyDown(e) {
|
|
53502
|
-
|
|
53503
|
-
if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault();
|
|
53504
|
-
|
|
53505
|
-
if (e.keyCode ===
|
|
53539
|
+
//ArrowUp & ArrowDown
|
|
53540
|
+
if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault(); //Esc
|
|
53541
|
+
|
|
53542
|
+
if (e.keyCode === 27) InputRef.current.blur(); //ArrowUp & ArrowDown
|
|
53543
|
+
|
|
53544
|
+
if (options !== null && options.length !== 0 && inFocus) {
|
|
53545
|
+
if (e.keyCode === 38 && cursor > 0) setCursor(cursor - 1);
|
|
53546
|
+
if (e.keyCode === 40 && cursor < options.length - 1) setCursor(cursor + 1);
|
|
53547
|
+
if (e.keyCode === 13) optionSelected([].concat(_toConsumableArray__default['default'](items), [options[cursor]]));
|
|
53548
|
+
|
|
53549
|
+
if (e.key === "Backspace" && items.length > 0 && value === "") {
|
|
53550
|
+
handleRemoveItem(items.length - 1);
|
|
53551
|
+
}
|
|
53506
53552
|
|
|
53507
|
-
|
|
53508
|
-
|
|
53553
|
+
console.log("ARR DOWN");
|
|
53554
|
+
return;
|
|
53555
|
+
}
|
|
53556
|
+
|
|
53557
|
+
if (e.keyCode === 40) {
|
|
53558
|
+
setInFocus(true);
|
|
53559
|
+
setCursor(0);
|
|
53560
|
+
load(e.target.value);
|
|
53509
53561
|
}
|
|
53510
53562
|
|
|
53511
53563
|
var empty = options === null || options !== null && options.length === 0;
|
|
53512
53564
|
|
|
53513
|
-
if (e.key === "Enter" && inFocus && empty && loading === false
|
|
53565
|
+
if (e.key === "Enter" && inFocus && empty && loading === false) {
|
|
53514
53566
|
onInputBlur();
|
|
53515
53567
|
}
|
|
53516
53568
|
|
|
@@ -53569,7 +53621,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53569
53621
|
|
|
53570
53622
|
var empty = options === null || options !== null && options.length === 0;
|
|
53571
53623
|
|
|
53572
|
-
if (inFocus && empty && loading === false
|
|
53624
|
+
if (inFocus && empty && loading === false) {
|
|
53573
53625
|
return /*#__PURE__*/React__default['default'].createElement(FadeIn, null, /*#__PURE__*/React__default['default'].createElement(Content, _extends__default['default']({}, themeProps, {
|
|
53574
53626
|
key: 0
|
|
53575
53627
|
}), /*#__PURE__*/React__default['default'].createElement(ContentItem, _extends__default['default']({}, themeProps, {
|