@widergy/energy-ui 3.1.6 → 3.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/CHANGELOG.md +7 -0
- package/dist/components/UTTable/index.js +13 -13
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [3.1.7](https://github.com/widergy/energy-ui/compare/v3.1.6...v3.1.7) (2024-02-07)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* fixes undefined utils ([#410](https://github.com/widergy/energy-ui/issues/410)) ([0669d9f](https://github.com/widergy/energy-ui/commit/0669d9fc10be03883342cc9669b8d96729e36069))
|
|
7
|
+
|
|
1
8
|
## [3.1.6](https://github.com/widergy/energy-ui/compare/v3.1.5...v3.1.6) (2024-02-05)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -23,7 +23,7 @@ var _ResponsiveCell = _interopRequireDefault(require("./components/ResponsiveCel
|
|
|
23
23
|
var _TableRow = _interopRequireDefault(require("./components/TableRow"));
|
|
24
24
|
var _theme = require("./theme");
|
|
25
25
|
var _constants = require("./constants");
|
|
26
|
-
var
|
|
26
|
+
var _utils = require("./utils");
|
|
27
27
|
var _types = require("./types");
|
|
28
28
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
29
29
|
var _hook = require("./hook");
|
|
@@ -79,8 +79,8 @@ const UTTable = _ref => {
|
|
|
79
79
|
totalRows,
|
|
80
80
|
totalRowsLabel
|
|
81
81
|
} = _ref;
|
|
82
|
-
const initialValidRowsPerPageOption = (0,
|
|
83
|
-
const initialValidPage = (0,
|
|
82
|
+
const initialValidRowsPerPageOption = (0, _utils.getInitialValidRowsPerPage)(externalRowsPerPage, rowsPerPageOptions, data);
|
|
83
|
+
const initialValidPage = (0, _utils.getInitialValidPage)(externalPage, initialValidRowsPerPageOption, data, integrationType);
|
|
84
84
|
const [order, setOrder] = (0, _react.useState)(initialOrder || {});
|
|
85
85
|
const [rows, setRows] = (0, _react.useState)([]);
|
|
86
86
|
const [selectedAll, setSelectedAll] = (0, _react.useState)(false);
|
|
@@ -102,15 +102,15 @@ const UTTable = _ref => {
|
|
|
102
102
|
(0, _react.useEffect)(() => {
|
|
103
103
|
if (!selectAllInCurrentPageOnly) setSelectedAll(!(0, _array.isEmpty)(data) && initialSelectedRows.length === data.length);
|
|
104
104
|
setSelectedRows(selectable ? initialSelectedRows : []);
|
|
105
|
-
setRows((0,
|
|
105
|
+
setRows((0, _utils.orderRows)(data, order, data, columns));
|
|
106
106
|
if (externalRowsPerPage) setRowsPerPage(initialValidRowsPerPageOption);
|
|
107
107
|
const validPage = data.length / rowsPerPage > page || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL;
|
|
108
108
|
if (!validPage) setPage(initialValidPage);
|
|
109
109
|
}, [data]);
|
|
110
|
-
const currentRows = (0, _react.useMemo)(() => disablePagination || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? rows : (0,
|
|
110
|
+
const currentRows = (0, _react.useMemo)(() => disablePagination || integrationType === _UTTable.INTEGRATION_TYPES.EXTERNAL ? rows : (0, _utils.getCurrentRows)(rows, page, rowsPerPage), [page, rowsPerPage, rows]);
|
|
111
111
|
const handleOrder = newOrder => {
|
|
112
112
|
setOrder(newOrder);
|
|
113
|
-
if (!disableAutoOrder && !(0, _array.isEmpty)(rows)) setRows((0,
|
|
113
|
+
if (!disableAutoOrder && !(0, _array.isEmpty)(rows)) setRows((0, _utils.orderRows)(rows, newOrder, data, columns));
|
|
114
114
|
if (onOrderChange) onOrderChange(newOrder);
|
|
115
115
|
};
|
|
116
116
|
const handlePageChange = newPage => {
|
|
@@ -123,7 +123,7 @@ const UTTable = _ref => {
|
|
|
123
123
|
};
|
|
124
124
|
const selectRow = row => {
|
|
125
125
|
if (!row[rowKey]) return null;
|
|
126
|
-
const pageRowsIds = (0,
|
|
126
|
+
const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
|
|
127
127
|
let newSelectedRows = [];
|
|
128
128
|
if (exclusiveSelection) {
|
|
129
129
|
newSelectedRows = [row[rowKey]];
|
|
@@ -140,19 +140,19 @@ const UTTable = _ref => {
|
|
|
140
140
|
};
|
|
141
141
|
const selectAllRows = () => {
|
|
142
142
|
const newSelectedAll = !selectedAll;
|
|
143
|
-
const pageRowsIds = (0,
|
|
144
|
-
const newSelectedRows = selectAllInCurrentPageOnly ? newSelectedAll ? [...pageRowsIds, ...selectedRows.filter(row => !pageRowsIds.includes(row))] : selectedRows.filter(row => !pageRowsIds.includes(row)) : newSelectedAll ? (0,
|
|
143
|
+
const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
|
|
144
|
+
const newSelectedRows = selectAllInCurrentPageOnly ? newSelectedAll ? [...pageRowsIds, ...selectedRows.filter(row => !pageRowsIds.includes(row))] : selectedRows.filter(row => !pageRowsIds.includes(row)) : newSelectedAll ? (0, _utils.getSelectableRowIds)(rows, rowKey, disableRowSelection) : [];
|
|
145
145
|
setSelectedRows(newSelectedRows);
|
|
146
146
|
setSelectedAll(newSelectedAll);
|
|
147
147
|
if (onSelectAllRows) onSelectAllRows(selectAllInCurrentPageOnly ? newSelectedRows : newSelectedAll);
|
|
148
148
|
};
|
|
149
149
|
(0, _react.useEffect)(() => {
|
|
150
150
|
if (selectAllInCurrentPageOnly) {
|
|
151
|
-
const pageRowsIds = (0,
|
|
151
|
+
const pageRowsIds = (0, _utils.getSelectableRowIds)(currentRows, rowKey, disableRowSelection);
|
|
152
152
|
setSelectedAll(!(0, _array.isEmpty)(pageRowsIds) && pageRowsIds.every(row => selectedRows.includes(row)));
|
|
153
153
|
}
|
|
154
154
|
}, [page, rowsPerPage, rows, order, disableSelectAll]);
|
|
155
|
-
const columnsDefinition = (0, _react.useMemo)(() => (0,
|
|
155
|
+
const columnsDefinition = (0, _react.useMemo)(() => (0, _utils.getColumnDefinition)(columns, isResponsive), [columns, isResponsive]);
|
|
156
156
|
const isFirstRow = (0, _react.useCallback)(index => !index, []);
|
|
157
157
|
const isLastRow = (0, _react.useCallback)(index => index === currentRows.length - 1, [currentRows]);
|
|
158
158
|
const onChangeRowPerPage = newRowsPerPage => {
|
|
@@ -161,7 +161,7 @@ const UTTable = _ref => {
|
|
|
161
161
|
if (onRowsPerPageChange) onRowsPerPageChange(newRowsPerPage || rowsPerPageOptions[0]);
|
|
162
162
|
};
|
|
163
163
|
const showPagination = !disablePagination && !loading && !(0, _array.isEmpty)(currentRows);
|
|
164
|
-
const rowStyles = (0, _react.useMemo)(() => (0,
|
|
164
|
+
const rowStyles = (0, _react.useMemo)(() => (0, _utils.createRowStyles)(rowPadding, rowSpacing, headerPadding, isResponsive), [rowPadding, rowSpacing, headerPadding, isResponsive]);
|
|
165
165
|
const tableWidth = (0, _react.useMemo)(() => {
|
|
166
166
|
var _entry$target;
|
|
167
167
|
return (entry === null || entry === void 0 || (_entry$target = entry.target) === null || _entry$target === void 0 ? void 0 : _entry$target.clientWidth) || '100%';
|
|
@@ -178,7 +178,7 @@ const UTTable = _ref => {
|
|
|
178
178
|
var _event$target;
|
|
179
179
|
if (contentRef.current && stickyHeader) contentRef.current.scrollTo(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.scrollLeft, 0);
|
|
180
180
|
};
|
|
181
|
-
const columnSizes = (0, _react.useMemo)(() => (0,
|
|
181
|
+
const columnSizes = (0, _react.useMemo)(() => (0, _utils.getColumnsSizes)({
|
|
182
182
|
columns,
|
|
183
183
|
fitColumnsWidth,
|
|
184
184
|
selectable
|