awing-library 2.1.124 → 2.1.125
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.
|
@@ -38,7 +38,6 @@ var NoData_1 = __importDefault(require("../NoData"));
|
|
|
38
38
|
var constants_1 = require("../constants");
|
|
39
39
|
var Helpers_1 = require("../../Utils/Helpers");
|
|
40
40
|
var get_1 = __importDefault(require("../Form/Utils/get"));
|
|
41
|
-
var i18n_1 = __importDefault(require("../../i18n"));
|
|
42
41
|
var lodash_1 = require("lodash");
|
|
43
42
|
var Constant_1 = require("../../ACM-AXN/Common/Constant");
|
|
44
43
|
var StyledTableRow = (0, styles_1.styled)(material_1.TableRow)({
|
|
@@ -76,13 +75,6 @@ var SpanSortIndex = (0, styles_1.styled)('span')({
|
|
|
76
75
|
});
|
|
77
76
|
var DataGrid = function (props) {
|
|
78
77
|
var columns = props.columns, rows = props.rows, _a = props.hideHeader, hideHeader = _a === void 0 ? false : _a, spanningRows = props.spanningRows, _b = props.spanningRowsPosition, spanningRowsPosition = _b === void 0 ? 'bottom' : _b, getRowId = props.getRowId, onRowClick = props.onRowClick, rowActions = props.rowActions, sortModel = props.sortModel, onSortModelChange = props.onSortModelChange, selected = props.selected, onSelectedChange = props.onSelectedChange, selectionActions = props.selectionActions, _c = props.pageIndex, pageIndex = _c === void 0 ? constants_1.PAGE_INDEX_DEFAULT : _c, _d = props.pageSize, pageSize = _d === void 0 ? constants_1.PAGE_SIZE_DEFAULT : _d, _e = props.totalOfRows, totalOfRows = _e === void 0 ? rows.length : _e, _f = props.rowsPerPageOptions, rowsPerPageOptions = _f === void 0 ? [10, 20, 30] : _f, onPageIndexChange = props.onPageIndexChange, onPageSizeChange = props.onPageSizeChange;
|
|
79
|
-
var _g = react_1.default.useState(), forceUpdate = _g[1];
|
|
80
|
-
react_1.default.useEffect(function () {
|
|
81
|
-
var language = localStorage.getItem('i18nextLng');
|
|
82
|
-
i18n_1.default.changeLanguage(language || 'vi');
|
|
83
|
-
forceUpdate({});
|
|
84
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
85
|
-
}, [localStorage.getItem('i18nextLng')]);
|
|
86
78
|
var createSortHandler = function (fieldName) { return function (event) {
|
|
87
79
|
var _a, _b, _c;
|
|
88
80
|
if (onSortModelChange) {
|
|
@@ -279,10 +271,7 @@ var DataGrid = function (props) {
|
|
|
279
271
|
})
|
|
280
272
|
: actionDef.icon }) }, "".concat(id, "-").concat(actIdx)));
|
|
281
273
|
}) }))] }), id));
|
|
282
|
-
}), spanningRowsPosition == 'bottom' && spanningRows] })] }), !rows.length && (0, jsx_runtime_1.jsx)(NoData_1.default, {})] }), onPageIndexChange && onPageSizeChange && ((0, jsx_runtime_1.jsx)(Pagination_1.default, { rowsPerPageOptions: rowsPerPageOptions, colSpan: 3, count: totalOfRows, rowsPerPage: pageSize, page: pageIndex,
|
|
283
|
-
inputProps: { 'aria-label': 'rows per page' },
|
|
284
|
-
native: true,
|
|
285
|
-
}, onPageChange: function (e, page) { return onPageIndexChange(page); }, onRowsPerPageChange: function (e) {
|
|
274
|
+
}), spanningRowsPosition == 'bottom' && spanningRows] })] }), !rows.length && (0, jsx_runtime_1.jsx)(NoData_1.default, {})] }), onPageIndexChange && onPageSizeChange && ((0, jsx_runtime_1.jsx)(Pagination_1.default, { rowsPerPageOptions: rowsPerPageOptions, colSpan: 3, count: totalOfRows, rowsPerPage: pageSize, page: pageIndex, onPageChange: function (e, page) { return onPageIndexChange(page); }, onRowsPerPageChange: function (e) {
|
|
286
275
|
return onPageSizeChange(parseInt(e.target.value, 10));
|
|
287
276
|
} }))] }));
|
|
288
277
|
};
|
|
@@ -23,6 +23,7 @@ var FirstPage_1 = __importDefault(require("@mui/icons-material/FirstPage"));
|
|
|
23
23
|
var KeyboardArrowLeft_1 = __importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
|
|
24
24
|
var KeyboardArrowRight_1 = __importDefault(require("@mui/icons-material/KeyboardArrowRight"));
|
|
25
25
|
var LastPage_1 = __importDefault(require("@mui/icons-material/LastPage"));
|
|
26
|
+
var react_i18next_1 = require("react-i18next");
|
|
26
27
|
function TablePaginationActions(props) {
|
|
27
28
|
var theme = (0, styles_1.useTheme)();
|
|
28
29
|
var count = props.count, page = props.page, rowsPerPage = props.rowsPerPage, onPageChange = props.onPageChange;
|
|
@@ -42,9 +43,15 @@ function TablePaginationActions(props) {
|
|
|
42
43
|
}
|
|
43
44
|
exports.TablePaginationActions = TablePaginationActions;
|
|
44
45
|
var Pagination = function (props) {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
var t = (0, react_i18next_1.useTranslation)().t;
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)("table", { style: { float: "right" }, children: (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(TablePagination_1.default, __assign({ style: { border: 0 }, colSpan: 3, labelDisplayedRows: function (_a) {
|
|
48
|
+
var from = _a.from, to = _a.to, count = _a.count;
|
|
49
|
+
return "".concat(from, "-").concat(to, " ").concat(t('Paging.DisplayedRow'), " ").concat(count);
|
|
50
|
+
}, labelRowsPerPage: t('Paging.RowPerPage'), slotProps: {
|
|
51
|
+
select: {
|
|
52
|
+
inputProps: { 'aria-label': t('Paging.RowPerPage') },
|
|
53
|
+
native: true,
|
|
54
|
+
}
|
|
48
55
|
}, ActionsComponent: TablePaginationActions }, props)) }) }) }));
|
|
49
56
|
};
|
|
50
57
|
exports.Pagination = Pagination;
|