argous 1.2.246 → 1.2.247
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/dist/api/WebSocket.d.ts +4 -0
- package/dist/api/WebSocket.js +17 -13
- package/dist/api/index.js +119 -108
- package/dist/api/ws.js +3 -3
- package/dist/components/Alert/Alert.js +6 -2
- package/dist/components/ArgousAction/ArgousAction.js +8 -4
- package/dist/components/ArgousAvatar/ArgousAvatar.js +14 -10
- package/dist/components/ArgousComplexPagination/ArgousComplexPagination.js +15 -9
- package/dist/components/ArgousComplexTable/ArgousComplexTable.js +79 -52
- package/dist/components/ArgousComplexTableBody/ArgousComplexTableBody.js +16 -12
- package/dist/components/ArgousComplexTableHead/ArgousComplexTableHead.js +13 -9
- package/dist/components/ArgousComplexTableToolbar/ArgousComplexTableToolBar.js +12 -8
- package/dist/components/ArgousInput/ArgousInput.js +8 -4
- package/dist/components/ArgousPagination/ArgousPagination.js +1 -1
- package/dist/components/ArgousProgressBar/ArgousProgressBar.js +18 -18
- package/dist/components/ArgousSimpleTable/ArgousSimpleTable.js +16 -12
- package/dist/components/AutoComplete/AutoComplete.js +16 -12
- package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js +34 -30
- package/dist/components/BarChart/BarChart.js +5 -1
- package/dist/components/BarraFerramentas/BarraFerramentas.d.ts +30 -2
- package/dist/components/BarraFerramentas/BarraFerramentas.js +58 -40
- package/dist/components/Button/Button.js +8 -4
- package/dist/components/Cabecalho/Cabecalho.js +29 -25
- package/dist/components/Calendar/Calendar.js +12 -8
- package/dist/components/Cam/Cam.js +15 -11
- package/dist/components/Carousel/Carousel.js +21 -17
- package/dist/components/CartaoUsuario/CartaoUsuario.js +21 -17
- package/dist/components/Collapse/Collapse.js +18 -14
- package/dist/components/Compartilhar/Compartilhar.js +24 -20
- package/dist/components/ConfirmModal/ModalProvider.js +17 -13
- package/dist/components/ConfirmModal/index.js +5 -1
- package/dist/components/ContactValidationInput/ContactValidationInput.js +34 -31
- package/dist/components/Document/Icons.js +14 -10
- package/dist/components/Document/ModalVisualizacaoDocumentos.js +11 -7
- package/dist/components/Document/Visualizacao.js +15 -11
- package/dist/components/Document/index.js +5 -1
- package/dist/components/DropArea/DropArea.js +16 -12
- package/dist/components/DropArea/Html5FileSelector.js +2 -2
- package/dist/components/Editor/Events.d.ts +2 -2
- package/dist/components/Editor/ScriptLoader2.d.ts +1 -1
- package/dist/components/Editor/ScriptLoader2.js +1 -1
- package/dist/components/Editor/Utils.d.ts +1 -1
- package/dist/components/Editor/Utils.js +1 -1
- package/dist/components/Editor/components/Editor.d.ts +1 -1
- package/dist/components/Editor/components/Editor.js +23 -18
- package/dist/components/Editor/components/EditorPropTypes.d.ts +2 -2
- package/dist/components/Editor/components/EditorPropTypes.js +5 -1
- package/dist/components/FilePreparer/FilePreparer.js +34 -26
- package/dist/components/FileUploader/FileUploader.js +22 -18
- package/dist/components/FormVisualizer/FormVisualizer.js +34 -26
- package/dist/components/HalfGauge/HalfGauge.js +30 -26
- package/dist/components/Highlight/Highlight.js +7 -3
- package/dist/components/ImageResize/ImageResize.js +61 -57
- package/dist/components/ImageResizeButton/ImageResizeButton.js +9 -5
- package/dist/components/Input/Input.js +8 -4
- package/dist/components/InputTags/InputTags.js +16 -8
- package/dist/components/ListSelect/ListSelect.js +11 -7
- package/dist/components/MaterialButton/MaterialButton.js +18 -18
- package/dist/components/MenuBar/MenuBar.js +11 -7
- package/dist/components/MonthPicker/MonthPicker.js +33 -25
- package/dist/components/MultipleSelect/MultipleSelect.js +20 -12
- package/dist/components/OtpInput/OtpInput.js +11 -7
- package/dist/components/OutputText/OutputText.js +8 -4
- package/dist/components/Pagination/Pagination.js +5 -1
- package/dist/components/PercentageDisplay/PercentageDisplay.js +11 -7
- package/dist/components/Programa/PageCodeEasterEgg.d.ts +1 -1
- package/dist/components/Programa/PageCodeEasterEgg.js +11 -7
- package/dist/components/Programa/Programa.d.ts +16 -1
- package/dist/components/Programa/Programa.js +41 -13
- package/dist/components/Programa/Tab.d.ts +7 -0
- package/dist/components/Programa/Tab.js +2 -0
- package/dist/components/Programa/TabNavigationRail.d.ts +12 -0
- package/dist/components/Programa/TabNavigationRail.js +118 -0
- package/dist/components/ProgressBar/ProgressBar.js +8 -4
- package/dist/components/Select/Select.js +11 -7
- package/dist/components/SimpleTable/SimpleTable.js +30 -26
- package/dist/components/Stepper/Stepper.js +18 -14
- package/dist/components/TablePicker/TablePicker.js +40 -32
- package/dist/components/Tabs/Tabs.js +8 -4
- package/dist/components/TextArea/TextArea.js +8 -4
- package/dist/components/TextToHtml/Cursor.js +9 -5
- package/dist/components/TextToHtml/TextStyles.js +10 -6
- package/dist/components/TextToHtml/TextToHtml.js +44 -44
- package/dist/components/ThreadLog/ThreadLog.js +15 -11
- package/dist/components/UserCard/UserCard.js +18 -14
- package/dist/components/UtilAutoComplete/UtilAutoComplete.js +22 -18
- package/dist/components/UtilTextField/UtilTextField.js +10 -6
- package/dist/components/Zoom/Zoom.js +11 -7
- package/dist/components/index.js +5 -1
- package/dist/fieldsRedux/createField.js +22 -18
- package/dist/fieldsRedux/fieldsRedux.js +44 -40
- package/dist/fieldsRedux/passFields.js +16 -12
- package/dist/reducers/index.js +1 -1
- package/dist/utils/api.d.ts +2 -2
- package/dist/utils/api.js +18 -18
- package/dist/utils/date.js +4 -4
- package/dist/utils/index.js +44 -112
- package/dist/utils/xmlToJson.js +1 -1
- package/lib/components/BarraFerramentas/BarraFerramentas.d.ts +30 -2
- package/lib/components/BarraFerramentas/BarraFerramentas.js +63 -19
- package/lib/components/Programa/Programa.d.ts +16 -1
- package/lib/components/Programa/Programa.js +40 -3
- package/lib/components/Programa/Tab.ts +6 -0
- package/lib/components/Programa/TabNavigationRail.js +118 -0
- package/lib/utils/index.ts +0 -88
- package/package.json +2 -2
- package/lib/components/Editor/tinymce/README.md +0 -73
- package/lib/components/Editor/tinymce/langs/README.md +0 -3
package/dist/api/ws.js
CHANGED
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
exports.enviaMensagem = exports.disconnect = exports.getArgousWS = exports.connectArgousWS = void 0;
|
|
15
15
|
var _1 = require("./");
|
|
16
16
|
var config_1 = require("../utils/config");
|
|
17
|
-
var api = function () { return ""
|
|
17
|
+
var api = function () { return "".concat((0, config_1.getConfig)().ssl ? 'wss' : 'ws').concat((0, _1.server)(), "ws"); };
|
|
18
18
|
var argousWS = null;
|
|
19
19
|
var connectArgousWS = function (data) {
|
|
20
20
|
argousWS = new WebSocket(api());
|
|
@@ -30,7 +30,7 @@ var disconnect = function () {
|
|
|
30
30
|
};
|
|
31
31
|
exports.disconnect = disconnect;
|
|
32
32
|
var enviaMensagem = function (data) {
|
|
33
|
-
var argousWS = exports.getArgousWS();
|
|
34
|
-
argousWS.send(JSON.stringify(__assign(__assign({}, _1.headers()), data)));
|
|
33
|
+
var argousWS = (0, exports.getArgousWS)();
|
|
34
|
+
argousWS.send(JSON.stringify(__assign(__assign({}, (0, _1.headers)()), data)));
|
|
35
35
|
};
|
|
36
36
|
exports.enviaMensagem = enviaMensagem;
|
|
@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
16
16
|
})();
|
|
17
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
18
|
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
20
24
|
}) : (function(o, m, k, k2) {
|
|
21
25
|
if (k2 === undefined) k2 = k;
|
|
22
26
|
o[k2] = m[k];
|
|
@@ -49,7 +53,7 @@ var Alert = /** @class */ (function (_super) {
|
|
|
49
53
|
}
|
|
50
54
|
Alert.prototype.render = function () {
|
|
51
55
|
var _a = this.props, titulo = _a.titulo, mensagem = _a.mensagem, _b = _a.type, type = _b === void 0 ? 'info' : _b, small = _a.small, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, style = _a.style;
|
|
52
|
-
return (react_1.default.createElement("div", null, ((mensagem) && (react_1.default.createElement("div", { style: style, className: "pg-alert pg-alert-dismissible reset-margin pg-alert-"
|
|
56
|
+
return (react_1.default.createElement("div", null, ((mensagem) && (react_1.default.createElement("div", { style: style, className: "pg-alert pg-alert-dismissible reset-margin pg-alert-".concat(type, " ").concat((small && 'pg-alert-sm'), " ").concat(className) },
|
|
53
57
|
(onClose && (react_1.default.createElement("button", { onClick: onClose, type: 'button', className: 'close' }, "\u00D7"))),
|
|
54
58
|
(titulo && (react_1.default.createElement("h4", null, titulo))),
|
|
55
59
|
(mensagem && (react_1.default.createElement("p", null, mensagem))))))));
|
|
@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
16
16
|
})();
|
|
17
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
18
|
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
20
24
|
}) : (function(o, m, k, k2) {
|
|
21
25
|
if (k2 === undefined) k2 = k;
|
|
22
26
|
o[k2] = m[k];
|
|
@@ -53,9 +57,9 @@ var ArgousAction = /** @class */ (function (_super) {
|
|
|
53
57
|
return (react_1.default.createElement(Button_1.default, { onClick: function (allFields, event) { return onClick && onClick(item, event); }, sendUpdates: sendUpdates, receiveUpdates: receiveUpdates, onSuccess: onSuccess, onAllUpdated: onAllUpdated, action: action, dados: {
|
|
54
58
|
dados: dados,
|
|
55
59
|
item: item,
|
|
56
|
-
}, className: (glyphicon
|
|
57
|
-
? "btn btn-xs btn-round btn-action-min-size btn-"
|
|
58
|
-
: ''
|
|
60
|
+
}, className: "".concat(glyphicon
|
|
61
|
+
? "btn btn-xs btn-round btn-action-min-size btn-".concat(type)
|
|
62
|
+
: '', " ").concat(className), style: style, title: title },
|
|
59
63
|
glyphicon && react_1.default.createElement("i", { className: glyphicon }),
|
|
60
64
|
children && react_1.default.createElement("span", null, children)));
|
|
61
65
|
};
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -49,7 +53,7 @@ var utils_1 = require("../../utils");
|
|
|
49
53
|
var core_1 = require("@material-ui/core");
|
|
50
54
|
var prop_types_1 = __importDefault(require("prop-types"));
|
|
51
55
|
var react_1 = __importStar(require("react"));
|
|
52
|
-
var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
56
|
+
var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
|
|
53
57
|
orange: {
|
|
54
58
|
color: theme.palette.getContrastText(core_1.colors.deepOrange[500]),
|
|
55
59
|
backgroundColor: core_1.colors.deepOrange[500],
|
|
@@ -98,23 +102,23 @@ var ArgousAvatar = react_1.default.forwardRef(function (_a, ref) {
|
|
|
98
102
|
var nome = _a.nome, src = _a.src, className = _a.className, idUsuario = _a.idUsuario, forwardedBlockSearch = _a.forwardedBlockSearch, props = __rest(_a, ["nome", "src", "className", "idUsuario", "forwardedBlockSearch"]);
|
|
99
103
|
var classes = useStyles();
|
|
100
104
|
var cores = [classes.orange, classes.purple, classes.blue, classes.rosa, classes.cinza, classes.red, classes.amarelo, classes.marrom, classes.preto, classes.green];
|
|
101
|
-
var _b = react_1.useState(undefined), userImage = _b[0], setUserImage = _b[1];
|
|
102
|
-
react_1.useEffect(function () {
|
|
103
|
-
setUserImage(localStorage.getItem("imgUsuario-"
|
|
104
|
-
if (!idUsuario || userImage || localStorage.getItem("imgUsuario-"
|
|
105
|
+
var _b = (0, react_1.useState)(undefined), userImage = _b[0], setUserImage = _b[1];
|
|
106
|
+
(0, react_1.useEffect)(function () {
|
|
107
|
+
setUserImage(localStorage.getItem("imgUsuario-".concat(idUsuario)) || '');
|
|
108
|
+
if (!idUsuario || userImage || localStorage.getItem("imgUsuario-".concat(idUsuario)) || (forwardedBlockSearch === null || forwardedBlockSearch === void 0 ? void 0 : forwardedBlockSearch.return))
|
|
105
109
|
return;
|
|
106
|
-
api_1.fetchToArgous('aguserimage', { idUsuario: idUsuario })
|
|
110
|
+
(0, api_1.fetchToArgous)('aguserimage', { idUsuario: idUsuario })
|
|
107
111
|
.then(function (_a) {
|
|
108
112
|
var userImage = _a.userImage;
|
|
109
113
|
if (userImage) {
|
|
110
114
|
setUserImage(userImage);
|
|
111
|
-
localStorage.setItem("imgUsuario-"
|
|
115
|
+
localStorage.setItem("imgUsuario-".concat(idUsuario), userImage);
|
|
112
116
|
}
|
|
113
117
|
else
|
|
114
|
-
localStorage.setItem("imgUsuario-"
|
|
118
|
+
localStorage.setItem("imgUsuario-".concat(idUsuario), '');
|
|
115
119
|
});
|
|
116
120
|
}, [idUsuario]);
|
|
117
|
-
return react_1.default.createElement(core_1.Avatar, __assign({ ref: ref, className: className
|
|
121
|
+
return react_1.default.createElement(core_1.Avatar, __assign({ ref: ref, className: "".concat(className, " ").concat(src || userImage ? classes.img : cores[(0, utils_1.getNumeroFromInitials)((0, utils_1.getInitials)(nome), cores.length)]) }, props, { src: src || userImage }), (0, utils_1.getInitials)(nome));
|
|
118
122
|
});
|
|
119
123
|
ArgousAvatar.propTypes = {
|
|
120
124
|
nome: prop_types_1.default.string,
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -37,7 +41,7 @@ var core_1 = require("@material-ui/core");
|
|
|
37
41
|
var clsx_1 = __importDefault(require("clsx"));
|
|
38
42
|
var react_1 = __importStar(require("react"));
|
|
39
43
|
var md_1 = require("react-icons/md");
|
|
40
|
-
var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
44
|
+
var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
|
|
41
45
|
pagination: {
|
|
42
46
|
display: 'flex',
|
|
43
47
|
flexDirection: 'row-reverse',
|
|
@@ -93,7 +97,7 @@ var DefaultLabelDisplayedRows = function (_a) {
|
|
|
93
97
|
var pages = _a.pages, page = _a.page, onChangePage = _a.onChangePage, from = _a.from, to = _a.to, count = _a.count, showCount = _a.showCount;
|
|
94
98
|
return react_1.default.createElement(react_1.default.Fragment, null,
|
|
95
99
|
react_1.default.createElement(core_1.Box, { padding: '1px 0px', display: 'inline' },
|
|
96
|
-
react_1.default.createElement(core_1.InputBase, { inputProps: { type: 'number', min: 1, max: pages || 1, value: page + 1 }, onChange: function (e) { return onChangePage(e, handleChangePgAtual(e.target.value, pages)); } }), " / "
|
|
100
|
+
react_1.default.createElement(core_1.InputBase, { inputProps: { type: 'number', min: 1, max: pages || 1, value: page + 1 }, onChange: function (e) { return onChangePage(e, handleChangePgAtual(e.target.value, pages)); } }), " / ".concat(pages || 1)),
|
|
97
101
|
showCount && react_1.default.createElement("div", { style: { display: 'inline', marginLeft: '10px', paddingLeft: '10px' } },
|
|
98
102
|
from,
|
|
99
103
|
" a ",
|
|
@@ -101,10 +105,10 @@ var DefaultLabelDisplayedRows = function (_a) {
|
|
|
101
105
|
" de ",
|
|
102
106
|
count));
|
|
103
107
|
};
|
|
104
|
-
var TablePaginationActions = react_1.memo(function (_a) {
|
|
108
|
+
var TablePaginationActions = (0, react_1.memo)(function (_a) {
|
|
105
109
|
var count = _a.count, page = _a.page, rowsPerPage = _a.rowsPerPage, onChangePage = _a.onChangePage;
|
|
106
110
|
var classes = useStyles();
|
|
107
|
-
var theme = core_1.useTheme();
|
|
111
|
+
var theme = (0, core_1.useTheme)();
|
|
108
112
|
var handleFirstPageButtonClick = function (e) { return onChangePage(e, 0); };
|
|
109
113
|
var handleBackButtonClick = function (e) { return onChangePage(e, page - 1); };
|
|
110
114
|
var handleNextButtonClick = function (e) { return onChangePage(e, page + 1); };
|
|
@@ -115,7 +119,7 @@ var TablePaginationActions = react_1.memo(function (_a) {
|
|
|
115
119
|
react_1.default.createElement(core_1.IconButton, { onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdKeyboardArrowLeft, null) : react_1.default.createElement(md_1.MdKeyboardArrowRight, null)),
|
|
116
120
|
react_1.default.createElement(core_1.IconButton, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdFirstPage, null) : react_1.default.createElement(md_1.MdLastPage, null))));
|
|
117
121
|
});
|
|
118
|
-
var ArgousComplexPagination = react_1.memo(function (_a) {
|
|
122
|
+
var ArgousComplexPagination = (0, react_1.memo)(function (_a) {
|
|
119
123
|
var _b = _a.ActionsComponent, ActionsComponent = _b === void 0 ? TablePaginationActions : _b,
|
|
120
124
|
// backIconButtonProps,
|
|
121
125
|
// backIconButtonText = 'Página Anterior',
|
|
@@ -125,21 +129,23 @@ var ArgousComplexPagination = react_1.memo(function (_a) {
|
|
|
125
129
|
onChangePage = _a.onChangePage, onChangeRowsPerPage = _a.onChangeRowsPerPage, page = _a.page, rowsPerPage = _a.rowsPerPage, _e = _a.rowsPerPageOptions, rowsPerPageOptions = _e === void 0 ? [10, 25, 50, 100] : _e, _f = _a.SelectProps, SelectProps = _f === void 0 ? {} : _f, showCount = _a.showCount;
|
|
126
130
|
var classes = useStyles();
|
|
127
131
|
var MenuItemComponent = SelectProps.native ? 'option' : core_1.MenuItem;
|
|
128
|
-
return (react_1.default.createElement("div", { className: clsx_1.default(classes.pagination, className) },
|
|
132
|
+
return (react_1.default.createElement("div", { className: (0, clsx_1.default)(classes.pagination, className) },
|
|
129
133
|
react_1.default.createElement(core_1.Toolbar, { className: classes.toolbar },
|
|
130
134
|
react_1.default.createElement("div", { className: classes.spacer }),
|
|
131
135
|
rowsPerPageOptions.length > 1 && (react_1.default.createElement(core_1.Typography, { color: 'inherit', variant: 'body2', className: classes.caption }, labelRowsPerPage)),
|
|
132
136
|
rowsPerPageOptions.length > 1 && (react_1.default.createElement(core_1.Select, __assign({ classes: {
|
|
133
137
|
select: classes.select,
|
|
134
138
|
icon: classes.selectIcon,
|
|
135
|
-
}, input: react_1.default.createElement(core_1.InputBase, { className: clsx_1.default(classes.input, classes.selectRoot) }), value: rowsPerPage, onChange: onChangeRowsPerPage }, SelectProps), rowsPerPageOptions.map(function (rowsPerPageOption) { return (react_1.default.createElement(MenuItemComponent, { className: classes.menuItem, key: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption, value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption }, rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption)); }))),
|
|
139
|
+
}, input: react_1.default.createElement(core_1.InputBase, { className: (0, clsx_1.default)(classes.input, classes.selectRoot) }), value: rowsPerPage, onChange: onChangeRowsPerPage }, SelectProps), rowsPerPageOptions.map(function (rowsPerPageOption) { return (react_1.default.createElement(MenuItemComponent, { className: classes.menuItem, key: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption, value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption }, rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption)); }))),
|
|
136
140
|
react_1.default.createElement(core_1.Typography, { color: 'inherit', variant: 'body2', component: 'div', className: classes.caption },
|
|
137
141
|
react_1.default.createElement(LabelDisplayedRows, __assign({}, {
|
|
138
142
|
pages: Math.ceil(count / parseInt(rowsPerPage, 10)),
|
|
139
143
|
from: count === 0 ? 0 : page * rowsPerPage + 1,
|
|
140
144
|
to: count !== -1 ? Math.min(count, (page + 1) * rowsPerPage) : (page + 1) * rowsPerPage,
|
|
141
145
|
count: count === -1 ? -1 : count,
|
|
142
|
-
page: page,
|
|
146
|
+
page: page,
|
|
147
|
+
onChangePage: onChangePage,
|
|
148
|
+
showCount: showCount
|
|
143
149
|
}))),
|
|
144
150
|
react_1.default.createElement(ActionsComponent, { className: classes.actions,
|
|
145
151
|
// backIconButtonProps={{
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -44,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
44
48
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
45
49
|
function step(op) {
|
|
46
50
|
if (f) throw new TypeError("Generator is already executing.");
|
|
47
|
-
while (_) try {
|
|
51
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
48
52
|
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
49
53
|
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
50
54
|
switch (op[0]) {
|
|
@@ -65,10 +69,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
65
69
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
66
70
|
}
|
|
67
71
|
};
|
|
68
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
69
|
-
for (var i = 0,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
73
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
74
|
+
if (ar || !(i in from)) {
|
|
75
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
76
|
+
ar[i] = from[i];
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
72
80
|
};
|
|
73
81
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
74
82
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
@@ -84,7 +92,7 @@ var lodash_1 = require("lodash");
|
|
|
84
92
|
var moment_1 = __importDefault(require("moment"));
|
|
85
93
|
var prop_types_1 = __importDefault(require("prop-types"));
|
|
86
94
|
var react_1 = __importStar(require("react"));
|
|
87
|
-
var useStyles = core_1.makeStyles({
|
|
95
|
+
var useStyles = (0, core_1.makeStyles)({
|
|
88
96
|
root: {
|
|
89
97
|
'& [class*="smooth-dnd-container"]': {
|
|
90
98
|
display: 'table-row-group'
|
|
@@ -94,9 +102,9 @@ var useStyles = core_1.makeStyles({
|
|
|
94
102
|
}
|
|
95
103
|
}
|
|
96
104
|
});
|
|
97
|
-
exports.TableContext = react_1.createContext();
|
|
105
|
+
exports.TableContext = (0, react_1.createContext)();
|
|
98
106
|
var ehData = function (valor) {
|
|
99
|
-
var retorno = function (format) { return moment_1.default(valor, format).format('YYYYMMDDHHmmss'); };
|
|
107
|
+
var retorno = function (format) { return (0, moment_1.default)(valor, format).format('YYYYMMDDHHmmss'); };
|
|
100
108
|
if (/[0-9]{2}\/[0-9]{2}\/[0-9]{4}/.test(valor))
|
|
101
109
|
return retorno('DD/MM/YYYY');
|
|
102
110
|
if (/\d{2}\/\d{2}\/\d{4} \d{2}:\d{2}/.test(valor))
|
|
@@ -169,28 +177,28 @@ var initialState = function (defaultRowsPerPage) { return ({
|
|
|
169
177
|
open: undefined,
|
|
170
178
|
loading: false
|
|
171
179
|
}); };
|
|
172
|
-
var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
|
|
180
|
+
var ArgousComplexTable = (0, react_1.forwardRef)(function (_a, ref) {
|
|
173
181
|
var _b = _a.ToolbarComponent, ToolbarComponent = _b === void 0 ? __1.ArgousComplexTableToolbar : _b, _c = _a.HeadComponent, HeadComponent = _c === void 0 ? __1.ArgousComplexTableHead : _c, _d = _a.BodyComponent, BodyComponent = _d === void 0 ? __1.ArgousComplexTableBody : _d, _e = _a.PaginationComponent, PaginationComponent = _e === void 0 ? __1.ArgousComplexPagination : _e, _f = _a.FooterComponent, FooterComponent = _f === void 0 ? undefined : _f, footerProps = _a.footerProps, dados = _a.dados, _g = _a.head, head = _g === void 0 ? [] : _g, _h = _a.line, line = _h === void 0 ? function (i) { return i; } : _h, actions = _a.actions, title = _a.title, _j = _a.defaultRowsPerPage, defaultRowsPerPage = _j === void 0 ? 10 : _j, _k = _a.rowsPerPageOptions, rowsPerPageOptions = _k === void 0 ? [10, 25, 50] : _k, checkEnabled = _a.enableCheck, disableCheckIf = _a.disableCheckIf, showCount = _a.showCount, lineStyle = _a.lineStyle, _l = _a.lineClass, lineClass = _l === void 0 ? function () { return undefined; } : _l, onClick = _a.onClick, onDoubleClick = _a.onDoubleClick, _m = _a.children, children = _m === void 0 ? undefined : _m, style = _a.style, className = _a.className, columnStyles = _a.columnStyles, headerColumnStyles = _a.headerColumnStyles, columnOptions = _a.columnOptions, disableFilter = _a.disableFilter, _o = _a.filterLabel, filterLabel = _o === void 0 ? 'Filtro' : _o, _p = _a.indexToSelect, indexToSelect = _p === void 0 ? 0 : _p, _q = _a.disableSorting, disableSorting = _q === void 0 ? [] : _q, _r = _a.size, size = _r === void 0 ? 'small' : _r, onOpen = _a.onOpen, lineTitle = _a.lineTitle, onClose = _a.onClose, method = _a.method, methodPrms = _a.methodPrms, _s = _a.methodResultList, methodResultList = _s === void 0 ? 'lista' : _s, onMethodResponse = _a.onMethodResponse, _t = _a.handleMethodError, handleMethodError = _t === void 0 ? true : _t, _u = _a.allowMethodRequest, allowMethodRequest = _u === void 0 ? true : _u, field = _a.field, fixedToolbar = _a.fixedToolbar, onSelect = _a.onSelect, customKey = _a.customKey, _v = _a.columnProps, columnProps = _v === void 0 ? function () { return ''; } : _v, _w = _a.rowProps, rowProps = _w === void 0 ? function () { return ''; } : _w, _x = _a.savedState, savedState = _x === void 0 ? {} : _x, containerProps = _a.containerProps, _y = _a.onClickAway, onClickAway = _y === void 0 ? function () { return undefined; } : _y, enableCheckIfSelected = _a.enableCheckIfSelected, enableDrag = _a.enableDrag, onDrop = _a.onDrop, tableProps = _a.tableProps, toolbarProps = _a.toolbarProps, externalCtrlPgn = _a.externalCtrlPgn, setExternalCtrlPgn = _a.setExternalCtrlPgn, _z = _a.code, code = _z === void 0 ? '' : _z, _0 = _a.token, token = _0 === void 0 ? '' : _0;
|
|
174
182
|
var classes = useStyles();
|
|
175
|
-
var _1 = react_1.useReducer(reducer, initialState(defaultRowsPerPage)), state = _1[0], dispatch = _1[1];
|
|
176
|
-
var memoState = react_1.useMemo(function () { return (__assign(__assign({}, state), { dispatch: dispatch })); }, [state, dispatch]);
|
|
183
|
+
var _1 = (0, react_1.useReducer)(reducer, initialState(defaultRowsPerPage)), state = _1[0], dispatch = _1[1];
|
|
184
|
+
var memoState = (0, react_1.useMemo)(function () { return (__assign(__assign({}, state), { dispatch: dispatch })); }, [state, dispatch]);
|
|
177
185
|
var selected = memoState.selected, page = memoState.page, rowsPerPage = memoState.rowsPerPage, order = memoState.order, orderBy = memoState.orderBy, filter = memoState.filter, open = memoState.open;
|
|
178
|
-
var _2 = react_1.useState(dados /*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []), lista = _2[0], setLista = _2[1];
|
|
179
|
-
var _3 = react_1.useState({ qtRegs: defaultRowsPerPage, pgAtl: 1 }), ctrlPgn = _3[0], setCtrlPgn = _3[1];
|
|
186
|
+
var _2 = (0, react_1.useState)(dados /*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []), lista = _2[0], setLista = _2[1];
|
|
187
|
+
var _3 = (0, react_1.useState)({ qtRegs: defaultRowsPerPage, pgAtl: 1 }), ctrlPgn = _3[0], setCtrlPgn = _3[1];
|
|
180
188
|
var qtRegs = ctrlPgn.qtRegs, pgAtl = ctrlPgn.pgAtl, ordCols = ctrlPgn.ordCols;
|
|
181
189
|
var enableCheck = checkEnabled || (enableCheckIfSelected && !!selected.length);
|
|
182
|
-
var dadosNaoCortados = react_1.useMemo(function () {
|
|
190
|
+
var dadosNaoCortados = (0, react_1.useMemo)(function () {
|
|
183
191
|
if (method)
|
|
184
192
|
return lista || [];
|
|
185
|
-
if (lodash_1.isArray(lista) && lista.length > 0)
|
|
193
|
+
if ((0, lodash_1.isArray)(lista) && lista.length > 0)
|
|
186
194
|
return stableSort(lista, getComparator(order, orderBy), line)
|
|
187
|
-
.filter(function (linha) { return lodash_1.isArray(line(linha)) ? line(linha).filter(function (item) { return filter ? new RegExp(".*"
|
|
195
|
+
.filter(function (linha) { return (0, lodash_1.isArray)(line(linha)) ? line(linha).filter(function (item) { return filter ? new RegExp(".*".concat(filter, ".*"), 'gi').test(item === null || item === void 0 ? void 0 : item.toString()) : true; }).length > 0 : true; }) || [];
|
|
188
196
|
return [];
|
|
189
197
|
}, [lista, filter, order, orderBy, method, line]);
|
|
190
198
|
var usePagination = ((rowsPerPageOptions !== 0) && (Math.ceil(((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length) / parseInt(rowsPerPageOptions[0], 10)) > 1));
|
|
191
|
-
var cortaDados = react_1.useCallback(function (dados) { return dados === null || dados === void 0 ? void 0 : dados.slice(defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage, defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage + rowsPerPage); }, [page, rowsPerPage, defaultRowsPerPage]);
|
|
192
|
-
var fillListToKeepHeight = react_1.useCallback(function (array) {
|
|
193
|
-
var newArray = __spreadArray([], array);
|
|
199
|
+
var cortaDados = (0, react_1.useCallback)(function (dados) { return dados === null || dados === void 0 ? void 0 : dados.slice(defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage, defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage + rowsPerPage); }, [page, rowsPerPage, defaultRowsPerPage]);
|
|
200
|
+
var fillListToKeepHeight = (0, react_1.useCallback)(function (array) {
|
|
201
|
+
var newArray = __spreadArray([], array, true);
|
|
194
202
|
if (newArray.length < rowsPerPage) {
|
|
195
203
|
var gap = (rowsPerPage - newArray.length);
|
|
196
204
|
var arrayToFillGap = Array.from(Array(gap)).fill(Array.from(Array(head.length)).fill(''));
|
|
@@ -198,26 +206,26 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
|
|
|
198
206
|
}
|
|
199
207
|
return newArray;
|
|
200
208
|
}, [head, rowsPerPage]);
|
|
201
|
-
var dadosMostrados = react_1.useMemo(function () {
|
|
209
|
+
var dadosMostrados = (0, react_1.useMemo)(function () {
|
|
202
210
|
if (page > -1) {
|
|
203
211
|
if (method || externalCtrlPgn)
|
|
204
212
|
return (usePagination) ? fillListToKeepHeight(lista || []) : (lista || []);
|
|
205
213
|
return (usePagination) ? fillListToKeepHeight(cortaDados(dadosNaoCortados) || []) : (cortaDados(dadosNaoCortados) || []);
|
|
206
214
|
}
|
|
207
215
|
}, [page, lista, dadosNaoCortados, usePagination, method, externalCtrlPgn, cortaDados, fillListToKeepHeight]);
|
|
208
|
-
react_1.useEffect(function () {
|
|
216
|
+
(0, react_1.useEffect)(function () {
|
|
209
217
|
dispatch({ type: 'mount', value: savedState.current });
|
|
210
218
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
211
219
|
}, []);
|
|
212
|
-
react_1.useEffect(function () {
|
|
220
|
+
(0, react_1.useEffect)(function () {
|
|
213
221
|
return function () { return savedState.current = state; };
|
|
214
222
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
215
223
|
}, [state]);
|
|
216
|
-
react_1.useEffect(function () {
|
|
217
|
-
if (lodash_1.isArray(dados))
|
|
224
|
+
(0, react_1.useEffect)(function () {
|
|
225
|
+
if ((0, lodash_1.isArray)(dados))
|
|
218
226
|
setLista(dados /*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []);
|
|
219
227
|
}, [dados]);
|
|
220
|
-
var retornaAcao = react_1.useCallback(function (pgAtl, page) {
|
|
228
|
+
var retornaAcao = (0, react_1.useCallback)(function (pgAtl, page) {
|
|
221
229
|
if (page === pgAtl)
|
|
222
230
|
return undefined;
|
|
223
231
|
else if (page === pgAtl + 1)
|
|
@@ -228,9 +236,9 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
|
|
|
228
236
|
return 'L';
|
|
229
237
|
else if (page === 0)
|
|
230
238
|
return 'F';
|
|
231
|
-
return "S="
|
|
239
|
+
return "S=".concat(page);
|
|
232
240
|
}, [ctrlPgn.recordCount]);
|
|
233
|
-
var buscaMetodo = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
241
|
+
var buscaMetodo = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
234
242
|
var res;
|
|
235
243
|
var _a, _b, _c;
|
|
236
244
|
return __generator(this, function (_d) {
|
|
@@ -239,8 +247,9 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
|
|
|
239
247
|
if (!method || !allowMethodRequest)
|
|
240
248
|
return [2 /*return*/];
|
|
241
249
|
dispatch({ type: 'setLoading', value: true });
|
|
242
|
-
return [4 /*yield*/, api_1.serverAction(method, __assign({ ctrlPgn: {
|
|
243
|
-
qtRegs: qtRegs,
|
|
250
|
+
return [4 /*yield*/, (0, api_1.serverAction)(method, __assign({ ctrlPgn: {
|
|
251
|
+
qtRegs: qtRegs,
|
|
252
|
+
pgAtl: pgAtl,
|
|
244
253
|
acao: retornaAcao(ctrlPgn.pgAtl, page + 1),
|
|
245
254
|
tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined,
|
|
246
255
|
indOrdem: orderBy >= 0 ? orderBy : undefined
|
|
@@ -259,31 +268,31 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
|
|
|
259
268
|
}
|
|
260
269
|
});
|
|
261
270
|
}); }, [method, allowMethodRequest, qtRegs, pgAtl, retornaAcao, ctrlPgn.pgAtl, page, orderBy, order, methodPrms, handleMethodError, methodResultList, code, token]);
|
|
262
|
-
react_1.useEffect(function () {
|
|
271
|
+
(0, react_1.useEffect)(function () {
|
|
263
272
|
buscaMetodo();
|
|
264
273
|
}, [buscaMetodo]);
|
|
265
|
-
var fielValue = react_1.useMemo(function () { /*isArray(getField(field, 'value')) ? */ return fieldsRedux_1.getField(field, 'value'); } /*?.map(item => isArray(item) ? item : Object.values(item)) : []*/, [field]);
|
|
266
|
-
react_1.useEffect(function () {
|
|
267
|
-
if (field && !lodash_1.isEqual(lista, fielValue))
|
|
274
|
+
var fielValue = (0, react_1.useMemo)(function () { /*isArray(getField(field, 'value')) ? */ return (0, fieldsRedux_1.getField)(field, 'value'); } /*?.map(item => isArray(item) ? item : Object.values(item)) : []*/, [field]);
|
|
275
|
+
(0, react_1.useEffect)(function () {
|
|
276
|
+
if (field && !(0, lodash_1.isEqual)(lista, fielValue))
|
|
268
277
|
setLista(fielValue || []);
|
|
269
278
|
}, [field, lista, fielValue]);
|
|
270
|
-
react_1.useEffect(function () {
|
|
279
|
+
(0, react_1.useEffect)(function () {
|
|
271
280
|
if (method || field || externalCtrlPgn)
|
|
272
281
|
return;
|
|
273
|
-
if (lodash_1.isArray(lista) && (lista.length > 0) && (page === Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10)))))
|
|
282
|
+
if ((0, lodash_1.isArray)(lista) && (lista.length > 0) && (page === Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10)))))
|
|
274
283
|
dispatch({ type: 'decremmentPage' });
|
|
275
|
-
if (lodash_1.isArray(lista) && (lista.length > 0) && ((page + 1) > Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10))))) {
|
|
284
|
+
if ((0, lodash_1.isArray)(lista) && (lista.length > 0) && ((page + 1) > Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10))))) {
|
|
276
285
|
dispatch({ type: 'setPage', value: 0 });
|
|
277
286
|
setCtrlPgn(function (currentState) { return (__assign(__assign({}, currentState), { pgAtl: 1 })); });
|
|
278
287
|
}
|
|
279
288
|
}, [page, lista.length, rowsPerPage, ctrlPgn.recordCount, lista, method, field, externalCtrlPgn, dispatch]);
|
|
280
|
-
react_1.useEffect(function () { return dispatch({ type: 'setSelected', value: [] }); }, [lista]);
|
|
281
|
-
react_1.useEffect(function () {
|
|
289
|
+
(0, react_1.useEffect)(function () { return dispatch({ type: 'setSelected', value: [] }); }, [lista]);
|
|
290
|
+
(0, react_1.useEffect)(function () {
|
|
282
291
|
if (onSelect)
|
|
283
292
|
onSelect(selected);
|
|
284
293
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
285
294
|
}, [selected]);
|
|
286
|
-
var handleOpenClose = react_1.useCallback(function (index) {
|
|
295
|
+
var handleOpenClose = (0, react_1.useCallback)(function (index) {
|
|
287
296
|
if (index === open || (!index && index !== 0)) {
|
|
288
297
|
dispatch({ type: 'setOpen', value: undefined });
|
|
289
298
|
if (onClose && (index || open))
|
|
@@ -295,35 +304,35 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
|
|
|
295
304
|
onOpen({ linhaOriginal: dadosMostrados[index], linhaFormatada: line(dadosMostrados[index]) });
|
|
296
305
|
}
|
|
297
306
|
}, [open, onClose, onOpen, dadosMostrados, dispatch, line]);
|
|
298
|
-
react_1.useImperativeHandle(ref, function () { return ({
|
|
307
|
+
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
299
308
|
setOpen: function (index) { return handleOpenClose(index); },
|
|
300
309
|
getOpen: dadosMostrados[open],
|
|
301
310
|
getSelected: selected,
|
|
302
|
-
setSelected: function (s) { return dispatch({ type: 'setSelected', value: lodash_1.isFunction(s) ? s(selected, dadosMostrados) : s }); },
|
|
311
|
+
setSelected: function (s) { return dispatch({ type: 'setSelected', value: (0, lodash_1.isFunction)(s) ? s(selected, dadosMostrados) : s }); },
|
|
303
312
|
setLoading: function (value) { return dispatch({ type: 'setLoading', value: value }); }
|
|
304
313
|
}); });
|
|
305
|
-
var _4 = react_1.useState(true), bounced = _4[0], setBounced = _4[1];
|
|
314
|
+
var _4 = (0, react_1.useState)(true), bounced = _4[0], setBounced = _4[1];
|
|
306
315
|
var getFullCtrlPgn = function (internal) {
|
|
307
316
|
var ctrl = internal ? ctrlPgn : externalCtrlPgn;
|
|
308
317
|
return __assign({ acao: retornaAcao(ctrl.pgAtl, page + 1), tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined, indOrdem: orderBy >= 0 ? orderBy : undefined }, ctrl);
|
|
309
318
|
};
|
|
310
|
-
react_1.useEffect(function () {
|
|
319
|
+
(0, react_1.useEffect)(function () {
|
|
311
320
|
if (!method && setExternalCtrlPgn) {
|
|
312
321
|
var fullCtrlPgn = __assign(__assign({}, ctrlPgn), { acao: retornaAcao(ctrlPgn.pgAtl, page + 1), tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined, indOrdem: orderBy >= 0 ? orderBy : undefined });
|
|
313
322
|
var fullExternalCtrlPgn = getFullCtrlPgn();
|
|
314
|
-
if (!bounced && !lodash_1.isEqual(fullCtrlPgn, fullExternalCtrlPgn))
|
|
323
|
+
if (!bounced && !(0, lodash_1.isEqual)(fullCtrlPgn, fullExternalCtrlPgn))
|
|
315
324
|
setExternalCtrlPgn(fullCtrlPgn);
|
|
316
325
|
else if (bounced)
|
|
317
326
|
setBounced(false);
|
|
318
327
|
}
|
|
319
328
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
320
329
|
}, [ctrlPgn, order, orderBy, page]);
|
|
321
|
-
react_1.useEffect(function () {
|
|
330
|
+
(0, react_1.useEffect)(function () {
|
|
322
331
|
var _a;
|
|
323
332
|
if (!method && externalCtrlPgn && ((_a = Object.keys(externalCtrlPgn)) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
324
333
|
var fullCtrlPgn = getFullCtrlPgn(true);
|
|
325
334
|
var fullExternalCtrlPgn = getFullCtrlPgn();
|
|
326
|
-
if (!lodash_1.isEqual(fullExternalCtrlPgn, fullCtrlPgn)) {
|
|
335
|
+
if (!(0, lodash_1.isEqual)(fullExternalCtrlPgn, fullCtrlPgn)) {
|
|
327
336
|
if (externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.pgAtl)
|
|
328
337
|
dispatch({ type: 'setPage', value: (externalCtrlPgn.pgAtl - 1) });
|
|
329
338
|
setCtrlPgn(__assign(__assign({}, fullExternalCtrlPgn), { recordCount: ((externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.qtPaginas) * (externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.qtRegs)) }));
|
|
@@ -334,14 +343,32 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
|
|
|
334
343
|
}, [externalCtrlPgn]);
|
|
335
344
|
return (react_1.default.createElement(exports.TableContext.Provider, { value: __assign(__assign({}, memoState), { dadosMostrados: dadosMostrados, lista: lista, indexToSelect: indexToSelect, method: method, externalCtrlPgn: externalCtrlPgn }) },
|
|
336
345
|
react_1.default.createElement(core_1.ClickAwayListener, { onClickAway: onClickAway },
|
|
337
|
-
react_1.default.createElement(core_1.TableContainer, __assign({ component: core_1.Paper, variant: 'outlined', style: style }, containerProps, { className: clsx_1.default(classes.root, className) }),
|
|
346
|
+
react_1.default.createElement(core_1.TableContainer, __assign({ component: core_1.Paper, variant: 'outlined', style: style }, containerProps, { className: (0, clsx_1.default)(classes.root, className) }),
|
|
338
347
|
react_1.default.createElement(ToolbarComponent, __assign({ numSelected: selected.length, disableFilter: disableFilter || !!method || !!externalCtrlPgn }, __assign({ actions: actions, title: title, selected: selected, filter: filter, filterLabel: filterLabel, lista: lista, indexToSelect: indexToSelect, fixedToolbar: fixedToolbar }, toolbarProps))),
|
|
339
348
|
react_1.default.createElement(core_1.Table, __assign({}, __assign(__assign({}, tableProps), { size: size })),
|
|
340
349
|
react_1.default.createElement(HeadComponent, __assign({ size: (method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length, numSelected: selected.length, rowCount: (rowsPerPage > ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length)) ? ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length) : (rowsPerPage || dadosNaoCortados.length) }, { head: head, order: order, orderBy: orderBy, enableCheck: enableCheck, headerColumnStyles: headerColumnStyles, disableSorting: disableSorting, ordCols: ordCols, method: method, cortaDados: cortaDados, disableCheckIf: disableCheckIf, line: line, enableDrag: enableDrag })),
|
|
341
350
|
react_1.default.createElement(BodyComponent, __assign({}, {
|
|
342
|
-
children: children,
|
|
343
|
-
|
|
344
|
-
|
|
351
|
+
children: children,
|
|
352
|
+
line: line,
|
|
353
|
+
lineStyle: lineStyle,
|
|
354
|
+
lineTitle: lineTitle,
|
|
355
|
+
handleOpenClose: handleOpenClose,
|
|
356
|
+
lineClass: lineClass,
|
|
357
|
+
enableDrag: enableDrag,
|
|
358
|
+
enableCheck: enableCheck,
|
|
359
|
+
columnStyles: columnStyles,
|
|
360
|
+
head: head,
|
|
361
|
+
columnOptions: columnOptions,
|
|
362
|
+
columnProps: columnProps,
|
|
363
|
+
rowProps: rowProps,
|
|
364
|
+
onDrop: onDrop,
|
|
365
|
+
onClick: onClick,
|
|
366
|
+
onDoubleClick: onDoubleClick,
|
|
367
|
+
indexToSelect: indexToSelect,
|
|
368
|
+
open: open,
|
|
369
|
+
dadosMostrados: dadosMostrados,
|
|
370
|
+
customKey: customKey,
|
|
371
|
+
disableCheckIf: disableCheckIf
|
|
345
372
|
})),
|
|
346
373
|
FooterComponent && react_1.default.createElement(FooterComponent, __assign({}, footerProps))),
|
|
347
374
|
(usePagination) && (react_1.default.createElement(PaginationComponent, __assign({ count: (method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length, onChangePage: function (_, value) {
|
|
@@ -391,4 +418,4 @@ ArgousComplexTable.propTypes = {
|
|
|
391
418
|
externalCtrlPgn: prop_types_1.default.object,
|
|
392
419
|
setExternalCtrlPgn: prop_types_1.default.func
|
|
393
420
|
};
|
|
394
|
-
exports.default = react_1.memo(ArgousComplexTable, lodash_1.isEqual);
|
|
421
|
+
exports.default = (0, react_1.memo)(ArgousComplexTable, lodash_1.isEqual);
|
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -52,19 +56,19 @@ var lodash_1 = require("lodash");
|
|
|
52
56
|
var react_1 = __importStar(require("react"));
|
|
53
57
|
var md_1 = require("react-icons/md");
|
|
54
58
|
var dist_1 = require("react-trello/dist/");
|
|
55
|
-
var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
59
|
+
var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
|
|
56
60
|
dragHandle: {
|
|
57
61
|
cursor: 'n-resize'
|
|
58
62
|
},
|
|
59
63
|
hover: {
|
|
60
64
|
'&:hover': {
|
|
61
|
-
backgroundColor: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
|
|
65
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
|
|
62
66
|
}
|
|
63
67
|
},
|
|
64
68
|
open: {
|
|
65
|
-
backgroundColor: core_1.alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
|
|
69
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
|
|
66
70
|
'&:hover': {
|
|
67
|
-
backgroundColor: core_1.alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity * 2),
|
|
71
|
+
backgroundColor: (0, core_1.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity * 2),
|
|
68
72
|
}
|
|
69
73
|
},
|
|
70
74
|
semDados: {
|
|
@@ -97,10 +101,10 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
|
|
|
97
101
|
textOverflow: 'ellipsis'
|
|
98
102
|
}
|
|
99
103
|
}); });
|
|
100
|
-
var ArgousComplexTableBody = react_1.memo(function (_a) {
|
|
104
|
+
var ArgousComplexTableBody = (0, react_1.memo)(function (_a) {
|
|
101
105
|
var children = _a.children, line = _a.line, lineStyle = _a.lineStyle, handleOpenClose = _a.handleOpenClose, lineClass = _a.lineClass, enableCheck = _a.enableCheck, disableCheckIf = _a.disableCheckIf, columnStyles = _a.columnStyles, head = _a.head, onClick = _a.onClick, onDoubleClick = _a.onDoubleClick, indexToSelect = _a.indexToSelect, open = _a.open, dadosMostrados = _a.dadosMostrados, columnOptions = _a.columnOptions, lineTitle = _a.lineTitle, customKey = _a.customKey, columnProps = _a.columnProps, rowProps = _a.rowProps, enableDrag = _a.enableDrag, onDrop = _a.onDrop;
|
|
102
106
|
var classes = useStyles();
|
|
103
|
-
var _b = react_1.useContext(ArgousComplexTable_1.TableContext), lista = _b.lista, selected = _b.selected, dispatch = _b.dispatch, loading = _b.loading;
|
|
107
|
+
var _b = (0, react_1.useContext)(ArgousComplexTable_1.TableContext), lista = _b.lista, selected = _b.selected, dispatch = _b.dispatch, loading = _b.loading;
|
|
104
108
|
var handleClick = function (name) {
|
|
105
109
|
var selectedIndex = selected.indexOf(name);
|
|
106
110
|
var newSelected = [];
|
|
@@ -123,14 +127,14 @@ var ArgousComplexTableBody = react_1.memo(function (_a) {
|
|
|
123
127
|
}
|
|
124
128
|
return coluna;
|
|
125
129
|
};
|
|
126
|
-
return (react_1.default.createElement(dist_1.Container, { dragHandleSelector: "."
|
|
130
|
+
return (react_1.default.createElement(dist_1.Container, { dragHandleSelector: ".".concat(classes.dragHandle), onDrop: onDrop, render: function (containerRef) {
|
|
127
131
|
var _a;
|
|
128
132
|
return (react_1.default.createElement(core_1.TableBody, { innerRef: containerRef }, loading ? (react_1.default.createElement(core_1.TableRow, null,
|
|
129
133
|
react_1.default.createElement(core_1.TableCell, { className: classes.loading, colSpan: (dadosMostrados === null || dadosMostrados === void 0 ? void 0 : dadosMostrados.length) && ((_a = line(dadosMostrados[0])) === null || _a === void 0 ? void 0 : _a.length) + (enableCheck ? 1 : 0) + (enableDrag ? 1 : 0) },
|
|
130
134
|
react_1.default.createElement(core_1.CircularProgress, { disableShrink: true })))) : dadosMostrados.length ? dadosMostrados.map(function (linha, i) {
|
|
131
135
|
var isItemSelected = isSelected(linha[indexToSelect]);
|
|
132
136
|
var isItemOpen = i === open;
|
|
133
|
-
var ghostRow = (lodash_1.isArray(linha)) ? !linha.some(function (value) { return !!value; }) : false;
|
|
137
|
+
var ghostRow = ((0, lodash_1.isArray)(linha)) ? !linha.some(function (value) { return !!value; }) : false;
|
|
134
138
|
var _a = rowProps({ index: i, linhaOriginal: linha, linhaFormatada: line(linha), itensSelecionados: selected }) || {}, title = _a.title, rowProperties = __rest(_a, ["title"]);
|
|
135
139
|
return react_1.default.createElement(dist_1.Draggable, { key: customKey ? lista[i][customKey] : i, render: function (draggableRef) {
|
|
136
140
|
var _a, _b;
|
|
@@ -139,7 +143,7 @@ var ArgousComplexTableBody = react_1.memo(function (_a) {
|
|
|
139
143
|
//TODO criar proprio draggable pois esse remove classes do filho
|
|
140
144
|
react_1.default.createElement(react_1.Fragment, null,
|
|
141
145
|
react_1.default.createElement(exports.CustomTooltip, { title: (ghostRow) ? '' : (lineTitle || title) },
|
|
142
|
-
react_1.default.createElement(core_1.TableRow, __assign({ component: dist_1.Draggable }, rowProperties, { className: clsx_1.default((_a = {},
|
|
146
|
+
react_1.default.createElement(core_1.TableRow, __assign({ component: dist_1.Draggable }, rowProperties, { className: (0, clsx_1.default)((_a = {},
|
|
143
147
|
_a[classes.hover] = isItemSelected,
|
|
144
148
|
_a[classes.open] = (isItemOpen && !!children),
|
|
145
149
|
_a[classes.ghost] = ghostRow,
|
|
@@ -148,11 +152,11 @@ var ArgousComplexTableBody = react_1.memo(function (_a) {
|
|
|
148
152
|
react_1.default.createElement(core_1.Tooltip, { title: 'Arrastar' },
|
|
149
153
|
react_1.default.createElement(core_1.IconButton, { size: 'small', className: classes.dragHandle },
|
|
150
154
|
react_1.default.createElement(md_1.MdDragHandle, null)))),
|
|
151
|
-
(enableCheck) && (react_1.default.createElement(core_1.TableCell, { padding: 'checkbox', className: clsx_1.default((_b = {}, _b[classes.ghost] = ghostRow, _b)) }, (!ghostRow) && (react_1.default.createElement(core_1.Checkbox, { checked: isItemSelected, disabled: (disableCheckIf) && disableCheckIf(linha, line(linha), i), onClick: function (event) {
|
|
155
|
+
(enableCheck) && (react_1.default.createElement(core_1.TableCell, { padding: 'checkbox', className: (0, clsx_1.default)((_b = {}, _b[classes.ghost] = ghostRow, _b)) }, (!ghostRow) && (react_1.default.createElement(core_1.Checkbox, { checked: isItemSelected, disabled: (disableCheckIf) && disableCheckIf(linha, line(linha), i), onClick: function (event) {
|
|
152
156
|
event.stopPropagation();
|
|
153
157
|
handleClick(linha[indexToSelect]);
|
|
154
158
|
} })))),
|
|
155
|
-
lodash_1.isArray(line(linha)) && line(linha).map(function (coluna, j) { return ((ghostRow) ? (react_1.default.createElement(core_1.TableCell, { key: j, className: clsx_1.default(classes.tableCell, classes.ghost) }, "\u00A0")) : (react_1.default.createElement(core_1.TableCell, __assign({ key: j }, columnProps(j, coluna, linha, line(linha)), { style: columnStyles ? columnStyles[j] : undefined, className: classes.tableCell }), getCellContent(coluna, dadosMostrados[i], j, i)))); }))),
|
|
159
|
+
(0, lodash_1.isArray)(line(linha)) && line(linha).map(function (coluna, j) { return ((ghostRow) ? (react_1.default.createElement(core_1.TableCell, { key: j, className: (0, clsx_1.default)(classes.tableCell, classes.ghost) }, "\u00A0")) : (react_1.default.createElement(core_1.TableCell, __assign({ key: j }, columnProps(j, coluna, linha, line(linha)), { style: columnStyles ? columnStyles[j] : undefined, className: classes.tableCell }), getCellContent(coluna, dadosMostrados[i], j, i)))); }))),
|
|
156
160
|
children && (react_1.default.createElement(core_1.TableRow, { className: classes.group },
|
|
157
161
|
react_1.default.createElement(core_1.TableCell, { colSpan: (dadosMostrados === null || dadosMostrados === void 0 ? void 0 : dadosMostrados.length) && ((_c = line(dadosMostrados[0])) === null || _c === void 0 ? void 0 : _c.length) + (enableCheck ? 1 : 0) + (enableDrag ? 1 : 0), style: { padding: open === i ? 8 : 0 }, className: 'argous-complex-table-group-cell' },
|
|
158
162
|
react_1.default.createElement(core_1.Collapse, { in: open === i, mountOnEnter: true, unmountOnExit: true }, typeof children === 'function' ? children({ linha: line(linha), linhaOriginal: linha, index: i }) : children))))));
|