@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.esm.js
CHANGED
|
@@ -6513,7 +6513,7 @@ SwitchTransition.defaultProps = {
|
|
|
6513
6513
|
};
|
|
6514
6514
|
var SwitchTransition$1 = SwitchTransition;
|
|
6515
6515
|
|
|
6516
|
-
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$
|
|
6516
|
+
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;
|
|
6517
6517
|
var Container$k = newStyled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
|
|
6518
6518
|
return props.width && props.width !== "" ? props.width : "fit-content";
|
|
6519
6519
|
}, theme.typography.fontFamily);
|
|
@@ -6535,9 +6535,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
|
|
|
6535
6535
|
var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\n padding: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n font-size: calc(\n ", " + 3px\n );\n"])), function (props) {
|
|
6536
6536
|
return props.theme.typography[props.size].fontSize;
|
|
6537
6537
|
});
|
|
6538
|
-
var FooterRow = newStyled.div(_templateObject10$
|
|
6539
|
-
var ButtonContainer$3 = newStyled.div(_templateObject11$
|
|
6540
|
-
var PageNumber = newStyled.div(_templateObject12$
|
|
6538
|
+
var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
|
|
6539
|
+
var ButtonContainer$3 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n margin: 3px;\n"])));
|
|
6540
|
+
var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
6541
6541
|
return props.theme.typography[props.size].fontSize;
|
|
6542
6542
|
}); //=======================================================================
|
|
6543
6543
|
|
|
@@ -6597,7 +6597,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6597
6597
|
return /*#__PURE__*/React__default.createElement(Container$k, _extends({}, themeProps, {
|
|
6598
6598
|
className: className
|
|
6599
6599
|
}), /*#__PURE__*/React__default.createElement(Global, {
|
|
6600
|
-
styles: css(_templateObject13$
|
|
6600
|
+
styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral(["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
|
|
6601
6601
|
}), /*#__PURE__*/React__default.createElement(Table$1, null, /*#__PURE__*/React__default.createElement(HeaderRow, null, /*#__PURE__*/React__default.createElement(HeaderColumnCheck, {
|
|
6602
6602
|
check: style === "regular"
|
|
6603
6603
|
}, style === "regular" ? /*#__PURE__*/React__default.createElement(CheckBox, {
|
|
@@ -22470,7 +22470,7 @@ var DateInput = function DateInput(props) {
|
|
|
22470
22470
|
useEffect(function () {
|
|
22471
22471
|
var timeOutId = setTimeout(function () {
|
|
22472
22472
|
return handleDelayedOnChange();
|
|
22473
|
-
},
|
|
22473
|
+
}, 350);
|
|
22474
22474
|
return function () {
|
|
22475
22475
|
return clearTimeout(timeOutId);
|
|
22476
22476
|
};
|
|
@@ -22674,7 +22674,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22674
22674
|
}), children);
|
|
22675
22675
|
};
|
|
22676
22676
|
|
|
22677
|
-
var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$
|
|
22677
|
+
var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22678
22678
|
|
|
22679
22679
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22680
22680
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22725,7 +22725,7 @@ var Input$3 = newStyled.input(_templateObject8$6 || (_templateObject8$6 = _tagge
|
|
|
22725
22725
|
var Content$5 = newStyled.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteral(["\n display: flex;\n position: absolute;\n background-color: white;\n z-index: 1;\n margin-top: 0.0625rem;\n padding: 0.1875rem;\n width: calc(100% - 0.625rem);\n border-radius: 0.15625rem;\n box-shadow: 0 0 0.375rem #bebebe;\n border: 0.125rem solid ", ";\n flex-direction: column;\n transition: all 250ms ease;\n"])), function (props) {
|
|
22726
22726
|
return props.theme.palette[props.color].main;
|
|
22727
22727
|
});
|
|
22728
|
-
var ContentItem$2 = newStyled.div(_templateObject10$
|
|
22728
|
+
var ContentItem$2 = newStyled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteral(["\n font-family: ", ";\n font-size: ", ";\n padding: 0.375rem;\n cursor: pointer;\n background-color: ", ";\n color: ", ";\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), function (props) {
|
|
22729
22729
|
return props.theme.typography.fontFamily;
|
|
22730
22730
|
}, function (props) {
|
|
22731
22731
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -23442,13 +23442,12 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
23442
23442
|
onChange(id, val);
|
|
23443
23443
|
};
|
|
23444
23444
|
|
|
23445
|
-
return /*#__PURE__*/React__default.createElement(StyledTextInput$1,
|
|
23445
|
+
return /*#__PURE__*/React__default.createElement(StyledTextInput$1, {
|
|
23446
23446
|
theme: theme,
|
|
23447
23447
|
size: size,
|
|
23448
23448
|
color: color,
|
|
23449
23449
|
onChange: handleOnChange,
|
|
23450
23450
|
onPaste: handleOnChange,
|
|
23451
|
-
onBlur: handleOnBlur,
|
|
23452
23451
|
className: className,
|
|
23453
23452
|
disabled: disabled,
|
|
23454
23453
|
value: val,
|
|
@@ -23460,11 +23459,13 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
23460
23459
|
onInput: function onInput(e) {
|
|
23461
23460
|
e.target.style.whiteSpace = "inherit";
|
|
23462
23461
|
e.target.style.height = "".concat(e.target.scrollHeight, "px");
|
|
23462
|
+
},
|
|
23463
|
+
onBlur: function onBlur(e) {
|
|
23464
|
+
e.target.style.height = heightBySize$7(size);
|
|
23465
|
+
e.target.style.whiteSpace = "nowrap";
|
|
23466
|
+
handleOnBlur(e);
|
|
23463
23467
|
}
|
|
23464
|
-
}
|
|
23465
|
-
e.target.style.height = heightBySize$7(size);
|
|
23466
|
-
e.target.style.whiteSpace = "nowrap";
|
|
23467
|
-
}));
|
|
23468
|
+
});
|
|
23468
23469
|
});
|
|
23469
23470
|
TextArea.defaultProps = {
|
|
23470
23471
|
id: "",
|
|
@@ -49260,27 +49261,27 @@ Pagination.propTypes = {
|
|
|
49260
49261
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49261
49262
|
};
|
|
49262
49263
|
|
|
49263
|
-
var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$
|
|
49264
|
-
var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n
|
|
49264
|
+
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;
|
|
49265
|
+
var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49265
49266
|
var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral([""])));
|
|
49266
49267
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49267
|
-
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n
|
|
49268
|
+
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49268
49269
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49269
49270
|
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor: pointer;\n }\n"])), function (props) {
|
|
49270
49271
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
49271
49272
|
}, theme.palette.primary.light);
|
|
49272
|
-
var HeaderInnerCell = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
49273
|
-
var HeaderCellText = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
49274
|
-
var HeaderCellIcon = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
49273
|
+
var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
49274
|
+
var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
49275
|
+
var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
49275
49276
|
return props.sort ? "transparent" : "black";
|
|
49276
49277
|
});
|
|
49277
|
-
var TableBody$1 = newStyled.tbody(_templateObject10$
|
|
49278
|
-
var TableBodyRow$1 = newStyled.tr(_templateObject11$
|
|
49278
|
+
var TableBody$1 = newStyled.tbody(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteral([""])));
|
|
49279
|
+
var TableBodyRow$1 = newStyled.tr(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteral(["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n\n ", "\n\n ", "\n"])), function (props) {
|
|
49279
49280
|
if (props.selectedRow !== true) return "\n &:hover {\n & > td {\n // border-bottom: 1px solid ".concat(theme.palette.primary.light, ";\n // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n background-color: whitesmoke;\n }\n \n cursor: pointer;\n }");else return "";
|
|
49280
49281
|
}, function (props) {
|
|
49281
49282
|
if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n \n & > td {\n // border-bottom: 1px solid ").concat(theme.palette.primary.light, ";\n // border-top: 1px solid ").concat(theme.palette.primary.light, ";\n }\n ");else return "";
|
|
49282
49283
|
});
|
|
49283
|
-
var TableBodyCell$1 = newStyled.td(_templateObject12$
|
|
49284
|
+
var TableBodyCell$1 = newStyled.td(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
49284
49285
|
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
49285
49286
|
});
|
|
49286
49287
|
|
|
@@ -49450,7 +49451,9 @@ var TableView = function TableView(props) {
|
|
|
49450
49451
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableBodyRow$1, {
|
|
49451
49452
|
selectedRow: rowSelected,
|
|
49452
49453
|
key: i
|
|
49453
|
-
}, renderSelectionCell(dataItem, rowSelected, i), Columns.
|
|
49454
|
+
}, renderSelectionCell(dataItem, rowSelected, i), Columns.filter(function (x) {
|
|
49455
|
+
return x.hide !== true;
|
|
49456
|
+
}).map(function (col, j) {
|
|
49454
49457
|
return renderBodyCell(dataItem, col, i, j);
|
|
49455
49458
|
})));
|
|
49456
49459
|
}; // const renderCell = (rowData, def, key) => {
|
|
@@ -49595,7 +49598,7 @@ var TableView = function TableView(props) {
|
|
|
49595
49598
|
return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
|
|
49596
49599
|
key: i,
|
|
49597
49600
|
onClick: IsLoading || hideOrdering ? function () {} : headerClick
|
|
49598
|
-
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell, null, /*#__PURE__*/React__default.createElement(HeaderCellText, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon, {
|
|
49601
|
+
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default.createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon$1, {
|
|
49599
49602
|
sort: orderingIconClass === "sort"
|
|
49600
49603
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
49601
49604
|
color: "white",
|
|
@@ -49621,7 +49624,9 @@ var TableView = function TableView(props) {
|
|
|
49621
49624
|
|
|
49622
49625
|
return /*#__PURE__*/React__default.createElement(Container$d, null, /*#__PURE__*/React__default.createElement(Wrapper$1, null, /*#__PURE__*/React__default.createElement(TableTable$1, {
|
|
49623
49626
|
cellSpacing: 0
|
|
49624
|
-
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.
|
|
49627
|
+
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49628
|
+
return x.hide !== true;
|
|
49629
|
+
}).map(function (col, i) {
|
|
49625
49630
|
return renderHeaderCell(col, i);
|
|
49626
49631
|
}))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody())))); // return (
|
|
49627
49632
|
// <div>
|
|
@@ -49684,7 +49689,7 @@ Spinner.propTypes = {
|
|
|
49684
49689
|
var css_248z$4 = ".fade1-enter {\n opacity: 0;\n}\n.fade1-exit {\n opacity: 1;\n}\n.fade1-enter-active {\n opacity: 1;\n}\n.fade1-exit-active {\n opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n transition: opacity 330ms;\n}\n\n.fade2-enter {\n opacity: 0;\n}\n.fade2-exit {\n opacity: 1;\n}\n.fade2-enter-active {\n opacity: 1;\n}\n.fade2-exit-active {\n opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n transition: opacity 330ms;\n}\n";
|
|
49685
49690
|
styleInject(css_248z$4);
|
|
49686
49691
|
|
|
49687
|
-
var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$
|
|
49692
|
+
var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
49688
49693
|
|
|
49689
49694
|
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
49690
49695
|
|
|
@@ -49725,9 +49730,10 @@ var FlexItem$1 = newStyled.div(_templateObject6$5 || (_templateObject6$5 = _tagg
|
|
|
49725
49730
|
newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
|
|
49726
49731
|
newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
|
|
49727
49732
|
var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: #eceaea;\n z-index: 10000000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n"])));
|
|
49728
|
-
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$
|
|
49729
|
-
var Loader$1 = newStyled.div(_templateObject11$
|
|
49730
|
-
var DivRelative$1 = newStyled.div(_templateObject12$
|
|
49733
|
+
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
|
|
49734
|
+
var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
|
|
49735
|
+
var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
49736
|
+
var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
49731
49737
|
|
|
49732
49738
|
var DataView = function DataView(props) {
|
|
49733
49739
|
var emptyFunc = function emptyFunc() {};
|
|
@@ -49761,9 +49767,12 @@ var DataView = function DataView(props) {
|
|
|
49761
49767
|
_props$OnSelectAll = props.OnSelectAll,
|
|
49762
49768
|
OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
|
|
49763
49769
|
_props$FormView = props.FormView,
|
|
49764
|
-
FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView
|
|
49765
|
-
props.FilteringView
|
|
49766
|
-
|
|
49770
|
+
FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
|
|
49771
|
+
_props$FilteringView = props.FilteringView,
|
|
49772
|
+
FilteringView = _props$FilteringView === void 0 ? function () {
|
|
49773
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
49774
|
+
} : _props$FilteringView,
|
|
49775
|
+
_props$OnHeaderClick = props.OnHeaderClick,
|
|
49767
49776
|
OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
|
|
49768
49777
|
_props$OnRefresh = props.OnRefresh,
|
|
49769
49778
|
OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
|
|
@@ -50031,6 +50040,11 @@ var DataView = function DataView(props) {
|
|
|
50031
50040
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LoaderContainer$1, null), /*#__PURE__*/React__default.createElement(LoaderContainerTransparent$1, null, /*#__PURE__*/React__default.createElement(Loader$1, null, Table.Data.length > 2 ? /*#__PURE__*/React__default.createElement(Spinner, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))));
|
|
50032
50041
|
};
|
|
50033
50042
|
|
|
50043
|
+
var renderFiltering = function renderFiltering() {
|
|
50044
|
+
if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50045
|
+
return /*#__PURE__*/React__default.createElement(FilteringContainer, null, FilteringView());
|
|
50046
|
+
};
|
|
50047
|
+
|
|
50034
50048
|
var renderFormViewMovement = function renderFormViewMovement() {
|
|
50035
50049
|
if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
|
|
50036
50050
|
return /*#__PURE__*/React__default.createElement(FormViewMovement, {
|
|
@@ -50100,7 +50114,7 @@ var DataView = function DataView(props) {
|
|
|
50100
50114
|
|
|
50101
50115
|
var renderComponent = function renderComponent() {
|
|
50102
50116
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
50103
|
-
return /*#__PURE__*/React__default.createElement(Container$c, themeProps, renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
|
|
50117
|
+
return /*#__PURE__*/React__default.createElement(Container$c, themeProps, renderFiltering(), renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
|
|
50104
50118
|
mode: "out-in"
|
|
50105
50119
|
}, /*#__PURE__*/React__default.createElement(CSSTransition$1, {
|
|
50106
50120
|
key: key,
|
|
@@ -50263,23 +50277,31 @@ FormMovement.propTypes = {
|
|
|
50263
50277
|
var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n /* BASE COLORS */\n --color-base-blue: #00537a;\n --color-base-blue-darker: #003b57;\n --color-base-blue-lighter: #006999;\n --color-base-gray: #a2a5ab;\n --color-base-gray-darker: #777a80;\n --color-base-gray-lighter: #dee1e6;\n --color-base-gray-lightest: #f0f2f7;\n --color-base-green: #2a963c;\n --color-base-green-darker: #21732f;\n --color-base-green-ligher: #3eb051;\n --color-base-red: #e0223e;\n --color-base-red-darker: #e3566b;\n --color-base-red-ligher: #9c1f32;\n --color-base-dirty-white: #fcfcfc;\n --color-base-white: white;\n --color-base-backgroud: #dceff5;\n\n /* BASE FONTS */\n --font-base-ubuntu: \"Ubuntu\", sans-serif;\n --font-size-base: 14px;\n\n /* DISABLED */\n --disabled-bg-color: #dedede;\n --disabled-text-color: #666666;\n\n /* TRANSITIONS */\n --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n width: min-content;\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-gray-darker);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-end;\n height: 1em;\n min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n border: 0px;\n height: 2em;\n min-height: 2em;\n width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-red);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-start;\n height: 1em;\n min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n font-family: \"lnclines\";\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n content: \"\\e0b9\";\n}\n";
|
|
50264
50278
|
styleInject(css_248z$3);
|
|
50265
50279
|
|
|
50266
|
-
var _templateObject$b, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3;
|
|
50267
|
-
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n border
|
|
50280
|
+
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;
|
|
50281
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50268
50282
|
var Wrapper = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral([""])));
|
|
50269
50283
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50270
|
-
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n
|
|
50271
|
-
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral([""])));
|
|
50272
|
-
var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
50284
|
+
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50285
|
+
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
50286
|
+
var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: #f0f0f0;\n cursor: pointer;\n }\n"])), function (props) {
|
|
50273
50287
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
50274
50288
|
}, theme.palette.primary.light);
|
|
50275
|
-
var
|
|
50276
|
-
var
|
|
50277
|
-
|
|
50289
|
+
var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
50290
|
+
var HeaderCellText = newStyled.span(_templateObject8$3 || (_templateObject8$3 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
50291
|
+
var HeaderCellIcon = newStyled.span(_templateObject9$3 || (_templateObject9$3 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
50292
|
+
return props.sort ? "transparent" : "black";
|
|
50293
|
+
});
|
|
50294
|
+
var TableBody = newStyled.tbody(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteral([""])));
|
|
50295
|
+
var TableBodyRowNested = newStyled.tr(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n background-color: #f7f7f7;\n cursor: normal;\n"])));
|
|
50296
|
+
var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n border-bottom: 1px solid transparent;\n border-top: 1px solid transparent;\n background-color: ", ";\n\n ", "\n ", ";\n"])), function (props) {
|
|
50297
|
+
return props.nested ? "#f7f7f7" : "inherit";
|
|
50298
|
+
}, function (props) {
|
|
50299
|
+
if (props.selectedRow !== true) return "\n &:hover {\n & > td {\n background-color: #f0f0f0;\n }\n \n cursor: pointer;\n }";else return "";
|
|
50278
50300
|
}, function (props) {
|
|
50279
|
-
if (props.selectedRow === true) return "\n
|
|
50301
|
+
if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n ");else return "";
|
|
50280
50302
|
});
|
|
50281
|
-
var TableBodyCell = newStyled.td(
|
|
50282
|
-
return props.selectionCell === true ? "
|
|
50303
|
+
var TableBodyCell = newStyled.td(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
50304
|
+
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
50283
50305
|
});
|
|
50284
50306
|
|
|
50285
50307
|
var Table = function Table(props) {
|
|
@@ -50328,7 +50350,12 @@ var Table = function Table(props) {
|
|
|
50328
50350
|
EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
|
|
50329
50351
|
_ref3$SelectionType = _ref3.SelectionType,
|
|
50330
50352
|
SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType$1.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
|
|
50331
|
-
|
|
50353
|
+
|
|
50354
|
+
|
|
50355
|
+
var _useState = useState([]),
|
|
50356
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
50357
|
+
expandedColumns = _useState2[0],
|
|
50358
|
+
setExpandedColumns = _useState2[1]; //======================== METHODS ==========================================
|
|
50332
50359
|
|
|
50333
50360
|
|
|
50334
50361
|
var handleSelectAll = function handleSelectAll() {
|
|
@@ -50348,58 +50375,55 @@ var Table = function Table(props) {
|
|
|
50348
50375
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Data.map(function (dataItem, i) {
|
|
50349
50376
|
return renderBodyRow(dataItem, i);
|
|
50350
50377
|
}));
|
|
50351
|
-
};
|
|
50352
|
-
|
|
50353
|
-
|
|
50354
|
-
|
|
50355
|
-
|
|
50356
|
-
|
|
50357
|
-
|
|
50358
|
-
|
|
50359
|
-
|
|
50360
|
-
|
|
50361
|
-
// style["table-cell"],
|
|
50362
|
-
// style["special-cell-render"],
|
|
50363
|
-
// style["select-checkbox"],
|
|
50364
|
-
// ].join(" ")}
|
|
50365
|
-
// ></td>
|
|
50366
|
-
// );
|
|
50367
|
-
// };
|
|
50368
|
-
// const renderGroupBodyRows = (col, dataItem) => {
|
|
50369
|
-
// if (col) var nestedArray = dataItem[col.accessor];
|
|
50370
|
-
// if (nestedArray) {
|
|
50371
|
-
// return dataItem[col.accessor].map((x, i) => {
|
|
50372
|
-
// return (
|
|
50373
|
-
// <tr
|
|
50374
|
-
// key={i + 100}
|
|
50375
|
-
// className={[
|
|
50376
|
-
// style["table-row-group-by-nested"],
|
|
50377
|
-
// style["table-row-odd"],
|
|
50378
|
-
// ].join(" ")}
|
|
50379
|
-
// >
|
|
50380
|
-
// {renderEmptySelectionCell()}
|
|
50381
|
-
// {Columns.map((col, j) => {
|
|
50382
|
-
// return renderBodyCell(x, col, i + 100, j + 100);
|
|
50383
|
-
// })}
|
|
50384
|
-
// </tr>
|
|
50385
|
-
// );
|
|
50386
|
-
// });
|
|
50387
|
-
// }
|
|
50388
|
-
// return <></>;
|
|
50389
|
-
// };
|
|
50378
|
+
};
|
|
50379
|
+
|
|
50380
|
+
var renderEmptySelectionCell = function renderEmptySelectionCell() {
|
|
50381
|
+
if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50382
|
+
return /*#__PURE__*/React__default.createElement("td", null);
|
|
50383
|
+
};
|
|
50384
|
+
|
|
50385
|
+
var renderGroupBodyRows = function renderGroupBodyRows(col, dataItem) {
|
|
50386
|
+
var nestedArray;
|
|
50387
|
+
if (col) nestedArray = dataItem[col.accessor];
|
|
50390
50388
|
|
|
50389
|
+
if (nestedArray) {
|
|
50390
|
+
return dataItem[col.accessor].map(function (x, i) {
|
|
50391
|
+
return /*#__PURE__*/React__default.createElement(TableBodyRowNested, {
|
|
50392
|
+
key: i + 100
|
|
50393
|
+
}, renderEmptySelectionCell(), /*#__PURE__*/React__default.createElement("td", null), Columns.map(function (col, j) {
|
|
50394
|
+
return renderBodyCell(x, col, i + 100, j + 100);
|
|
50395
|
+
}));
|
|
50396
|
+
});
|
|
50397
|
+
}
|
|
50398
|
+
|
|
50399
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
50400
|
+
};
|
|
50391
50401
|
|
|
50392
50402
|
var renderBodyRow = function renderBodyRow(dataItem, i) {
|
|
50393
|
-
Columns.find(function (x) {
|
|
50394
|
-
return x.nested;
|
|
50403
|
+
var nested = Columns.find(function (x) {
|
|
50404
|
+
return x.nested === true;
|
|
50395
50405
|
});
|
|
50396
50406
|
var rowSelected = isRowSelected(dataItem);
|
|
50407
|
+
var nestedArray;
|
|
50408
|
+
if (nested) nestedArray = dataItem[nested.accessor];
|
|
50397
50409
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableBodyRow, {
|
|
50398
50410
|
selectedRow: rowSelected,
|
|
50399
|
-
key: i
|
|
50400
|
-
|
|
50411
|
+
key: i,
|
|
50412
|
+
onClick: function onClick() {
|
|
50413
|
+
if (expandedColumns.includes(dataItem[SelectionIndicator])) {
|
|
50414
|
+
setExpandedColumns(expandedColumns.filter(function (x) {
|
|
50415
|
+
return x != dataItem[SelectionIndicator];
|
|
50416
|
+
}));
|
|
50417
|
+
} else {
|
|
50418
|
+
setExpandedColumns([].concat(_toConsumableArray(expandedColumns), [dataItem[SelectionIndicator]]));
|
|
50419
|
+
}
|
|
50420
|
+
}
|
|
50421
|
+
}, renderSelectionCell(dataItem, rowSelected), nested && nestedArray && nestedArray.length > 0 ? /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
50422
|
+
color: "primary",
|
|
50423
|
+
icon: expandedColumns.includes(dataItem[SelectionIndicator]) ? "caret-square-down" : "caret-square-right"
|
|
50424
|
+
})) : /*#__PURE__*/React__default.createElement("td", null), Columns.map(function (col, j) {
|
|
50401
50425
|
return renderBodyCell(dataItem, col, i, j);
|
|
50402
|
-
})));
|
|
50426
|
+
})), expandedColumns.includes(dataItem[SelectionIndicator]) && renderGroupBodyRows(nested, dataItem));
|
|
50403
50427
|
};
|
|
50404
50428
|
|
|
50405
50429
|
var renderHeaderCell = function renderHeaderCell(col, i) {
|
|
@@ -50409,17 +50433,19 @@ var Table = function Table(props) {
|
|
|
50409
50433
|
return OnOrder(col.accessor);
|
|
50410
50434
|
};
|
|
50411
50435
|
var orderingIconClass = "sort";
|
|
50412
|
-
if (isOrderByColumn && Ascending) orderingIconClass = "
|
|
50413
|
-
if (isOrderByColumn && Descending) orderingIconClass = "
|
|
50436
|
+
if (isOrderByColumn && Ascending) orderingIconClass = "long-arrow-alt-up";
|
|
50437
|
+
if (isOrderByColumn && Descending) orderingIconClass = "long-arrow-alt-down";
|
|
50414
50438
|
if (isOrderByColumn && !Ascending && !Descending) orderingIconClass = "sort";
|
|
50415
50439
|
if (!isOrderByColumn || Accessor === "") orderingIconClass = "sort";
|
|
50416
50440
|
return /*#__PURE__*/React__default.createElement(TableHeadCell, {
|
|
50417
50441
|
key: i,
|
|
50418
50442
|
onClick: onClick
|
|
50419
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
50443
|
+
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell, null, /*#__PURE__*/React__default.createElement(HeaderCellText, null, " ", col.name), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon, {
|
|
50444
|
+
sort: orderingIconClass === "sort"
|
|
50445
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
50420
50446
|
color: "white",
|
|
50421
50447
|
icon: orderingIconClass
|
|
50422
|
-
})));
|
|
50448
|
+
}))));
|
|
50423
50449
|
};
|
|
50424
50450
|
|
|
50425
50451
|
var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
|
|
@@ -50462,7 +50488,11 @@ var Table = function Table(props) {
|
|
|
50462
50488
|
|
|
50463
50489
|
return /*#__PURE__*/React__default.createElement(Container$b, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(TableTable, {
|
|
50464
50490
|
cellSpacing: 0
|
|
50465
|
-
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(),
|
|
50491
|
+
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default.createElement("th", {
|
|
50492
|
+
style: {
|
|
50493
|
+
width: "13px"
|
|
50494
|
+
}
|
|
50495
|
+
}), Columns.map(function (col, i) {
|
|
50466
50496
|
return renderHeaderCell(col, i);
|
|
50467
50497
|
}))), /*#__PURE__*/React__default.createElement(TableBody, null, renderBody()))));
|
|
50468
50498
|
};
|
|
@@ -50856,11 +50886,11 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50856
50886
|
|
|
50857
50887
|
var Container$a = newStyled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50858
50888
|
var TableContainer = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50859
|
-
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n"])));
|
|
50889
|
+
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50860
50890
|
var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50861
50891
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
50862
50892
|
});
|
|
50863
|
-
var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n\n border
|
|
50893
|
+
var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n\n border-radius: 3px;\n padding: 0px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
|
|
50864
50894
|
var FlexItem = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
|
|
50865
50895
|
var DeveloperMessageContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
|
|
50866
50896
|
var DeveloperMessage = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
|
|
@@ -51906,7 +51936,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51906
51936
|
tooltip: state.Form.Mode === FormMode.READ ? Localization.FormEditMode || "Edit mode" : Localization.FormReadMode || "View mode",
|
|
51907
51937
|
onClick: changeToEditMode,
|
|
51908
51938
|
disabled: freezeLoading(),
|
|
51909
|
-
icon: state.Form.Mode === FormMode.READ ? "edit" : "eye"
|
|
51939
|
+
icon: state.Form.Mode === FormMode.READ ? "edit" : "eye",
|
|
51940
|
+
inverted: true
|
|
51910
51941
|
}));
|
|
51911
51942
|
};
|
|
51912
51943
|
|
|
@@ -51920,7 +51951,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51920
51951
|
tooltip: Localization.Add || "Add",
|
|
51921
51952
|
onClick: goToAdd,
|
|
51922
51953
|
disabled: freezeLoading(),
|
|
51923
|
-
icon: "plus"
|
|
51954
|
+
icon: "plus",
|
|
51955
|
+
inverted: true
|
|
51924
51956
|
}));
|
|
51925
51957
|
}
|
|
51926
51958
|
|
|
@@ -51937,7 +51969,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51937
51969
|
onClick: onRefresh,
|
|
51938
51970
|
disabled: freezeLoading(),
|
|
51939
51971
|
icon: "sync-alt",
|
|
51940
|
-
size: "small"
|
|
51972
|
+
size: "small",
|
|
51973
|
+
inverted: true
|
|
51941
51974
|
}));
|
|
51942
51975
|
};
|
|
51943
51976
|
|
|
@@ -51949,7 +51982,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51949
51982
|
if (OnChange) OnChange(state.Table.SelectedData);
|
|
51950
51983
|
},
|
|
51951
51984
|
disabled: freezeLoading([state.Table.SelectedData.length === 0]),
|
|
51952
|
-
icon: "check-circle"
|
|
51985
|
+
icon: "check-circle",
|
|
51986
|
+
inverted: true
|
|
51953
51987
|
}));
|
|
51954
51988
|
}
|
|
51955
51989
|
|
|
@@ -51980,7 +52014,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51980
52014
|
onClick: toggleDeleteConfirmationBox,
|
|
51981
52015
|
disabled: freezeLoading([state.Table.SelectedData.length === 0]),
|
|
51982
52016
|
tooltip: Localization.DeleteSelected || "Delete selected",
|
|
51983
|
-
icon: "trash"
|
|
52017
|
+
icon: "trash",
|
|
52018
|
+
inverted: true
|
|
51984
52019
|
}));
|
|
51985
52020
|
};
|
|
51986
52021
|
|
|
@@ -51993,7 +52028,8 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51993
52028
|
tooltip: Localization.ToTableView || "Table view",
|
|
51994
52029
|
onClick: onSwitchToTableView,
|
|
51995
52030
|
disabled: freezeLoading(),
|
|
51996
|
-
icon: "table"
|
|
52031
|
+
icon: "table",
|
|
52032
|
+
inverted: true
|
|
51997
52033
|
}));
|
|
51998
52034
|
};
|
|
51999
52035
|
|
|
@@ -52022,6 +52058,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
52022
52058
|
});
|
|
52023
52059
|
|
|
52024
52060
|
return /*#__PURE__*/React__default.createElement(PaginationContainer, null, /*#__PURE__*/React__default.createElement(Pagination, _extends({}, cfg, {
|
|
52061
|
+
inverted: true,
|
|
52025
52062
|
Localization: Localization.Pagination || {}
|
|
52026
52063
|
})));
|
|
52027
52064
|
};
|
|
@@ -53346,7 +53383,7 @@ var iconPaddingBySize = function iconPaddingBySize(size) {
|
|
|
53346
53383
|
};
|
|
53347
53384
|
|
|
53348
53385
|
var containerColor = function containerColor(props) {
|
|
53349
|
-
if (props.
|
|
53386
|
+
if (props.disabled) return props.theme.palette.gray[200];
|
|
53350
53387
|
if (props.focus) return "white";
|
|
53351
53388
|
return props.theme.palette[props.color].lighter;
|
|
53352
53389
|
};
|
|
@@ -53458,18 +53495,33 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53458
53495
|
};
|
|
53459
53496
|
|
|
53460
53497
|
var onKeyDown = function onKeyDown(e) {
|
|
53461
|
-
|
|
53462
|
-
if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault();
|
|
53463
|
-
|
|
53464
|
-
if (e.keyCode ===
|
|
53498
|
+
//ArrowUp & ArrowDown
|
|
53499
|
+
if (e.keyCode === 38 || e.keyCode === 40) e.preventDefault(); //Esc
|
|
53500
|
+
|
|
53501
|
+
if (e.keyCode === 27) InputRef.current.blur(); //ArrowUp & ArrowDown
|
|
53502
|
+
|
|
53503
|
+
if (options !== null && options.length !== 0 && inFocus) {
|
|
53504
|
+
if (e.keyCode === 38 && cursor > 0) setCursor(cursor - 1);
|
|
53505
|
+
if (e.keyCode === 40 && cursor < options.length - 1) setCursor(cursor + 1);
|
|
53506
|
+
if (e.keyCode === 13) optionSelected([].concat(_toConsumableArray(items), [options[cursor]]));
|
|
53507
|
+
|
|
53508
|
+
if (e.key === "Backspace" && items.length > 0 && value === "") {
|
|
53509
|
+
handleRemoveItem(items.length - 1);
|
|
53510
|
+
}
|
|
53465
53511
|
|
|
53466
|
-
|
|
53467
|
-
|
|
53512
|
+
console.log("ARR DOWN");
|
|
53513
|
+
return;
|
|
53514
|
+
}
|
|
53515
|
+
|
|
53516
|
+
if (e.keyCode === 40) {
|
|
53517
|
+
setInFocus(true);
|
|
53518
|
+
setCursor(0);
|
|
53519
|
+
load(e.target.value);
|
|
53468
53520
|
}
|
|
53469
53521
|
|
|
53470
53522
|
var empty = options === null || options !== null && options.length === 0;
|
|
53471
53523
|
|
|
53472
|
-
if (e.key === "Enter" && inFocus && empty && loading === false
|
|
53524
|
+
if (e.key === "Enter" && inFocus && empty && loading === false) {
|
|
53473
53525
|
onInputBlur();
|
|
53474
53526
|
}
|
|
53475
53527
|
|
|
@@ -53528,7 +53580,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53528
53580
|
|
|
53529
53581
|
var empty = options === null || options !== null && options.length === 0;
|
|
53530
53582
|
|
|
53531
|
-
if (inFocus && empty && loading === false
|
|
53583
|
+
if (inFocus && empty && loading === false) {
|
|
53532
53584
|
return /*#__PURE__*/React__default.createElement(FadeIn, null, /*#__PURE__*/React__default.createElement(Content, _extends({}, themeProps, {
|
|
53533
53585
|
key: 0
|
|
53534
53586
|
}), /*#__PURE__*/React__default.createElement(ContentItem, _extends({}, themeProps, {
|