@azrico/reactgrid 1.3.10 → 1.3.11
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 +15 -0
- package/dist/src/views/DataGrid.js +5 -2
- package/package.json +1 -1
- package/src/views/DataGrid.tsx +5 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,21 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [1.3.11](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.3.11) (2023-08-19)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* DataGridSearchWrapper ([ebf3acf](https://github.com/Azrideus/azrico-reactgrid/commit/ebf3acff5f90c45090fad86be8e83e28744dd9dd))
|
|
11
|
+
* editable can be a function ([6ea857e](https://github.com/Azrideus/azrico-reactgrid/commit/6ea857e4f403d2a334dc5e74065f6b8033277ca4))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* DataGridDelayedSizeWrapper actual delayed ([2ddfd2f](https://github.com/Azrideus/azrico-reactgrid/commit/2ddfd2fb58c90bd906e1330f22f0ef7468d34afb))
|
|
17
|
+
* onCellSelectionChange ([95c8f54](https://github.com/Azrideus/azrico-reactgrid/commit/95c8f540e94dde0c7e245fb29fb6afc7172957ec))
|
|
18
|
+
* styling ([9018f75](https://github.com/Azrideus/azrico-reactgrid/commit/9018f7593e253720f751f52855a2d956dfc578ed))
|
|
19
|
+
|
|
5
20
|
### [1.3.10](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.3.10) (2023-08-19)
|
|
6
21
|
|
|
7
22
|
|
|
@@ -279,8 +279,8 @@ function DataGridDelayedSizeWrapper(props) {
|
|
|
279
279
|
}
|
|
280
280
|
function DataGridSearchWrapper(props) {
|
|
281
281
|
const [search, set_search] = _react.default.useState('');
|
|
282
|
-
const [filteredData, set_filteredData] = _react.default.useState([]);
|
|
283
282
|
const [evaluatedDataSource, set_evaluatedDataSource] = _react.default.useState([]);
|
|
283
|
+
const [filteredData, set_filteredData] = _react.default.useState([]);
|
|
284
284
|
const try_search = _react.default.useCallback((0, _lodash.default)((ds, v) => {
|
|
285
285
|
if (!Array.isArray(ds)) return;
|
|
286
286
|
const visibleColumns = props.gridRef.current.visibleColumns;
|
|
@@ -298,12 +298,15 @@ function DataGridSearchWrapper(props) {
|
|
|
298
298
|
set_filteredData(newData);
|
|
299
299
|
}, 1000), []);
|
|
300
300
|
_react.default.useEffect(() => {
|
|
301
|
+
set_search('');
|
|
301
302
|
(0, _object.fn_eval)(props.dataSource).then(({
|
|
302
303
|
data
|
|
303
304
|
}) => set_evaluatedDataSource(data));
|
|
304
305
|
}, [props.dataSource]);
|
|
305
306
|
_react.default.useEffect(() => {
|
|
306
|
-
|
|
307
|
+
if (!search) {
|
|
308
|
+
set_filteredData(evaluatedDataSource);
|
|
309
|
+
} else try_search(evaluatedDataSource, search);
|
|
307
310
|
}, [search, evaluatedDataSource]);
|
|
308
311
|
return _react.default.createElement("div", {
|
|
309
312
|
className: 'azgrid-flexed azgrid-flexlayout azgrid-nooverflow'
|
package/package.json
CHANGED
package/src/views/DataGrid.tsx
CHANGED
|
@@ -438,8 +438,8 @@ function DataGridDelayedSizeWrapper(props: DataGridWrapperProps) {
|
|
|
438
438
|
}
|
|
439
439
|
function DataGridSearchWrapper(props: DataGridWrapperProps) {
|
|
440
440
|
const [search, set_search] = React.useState('');
|
|
441
|
-
const [filteredData, set_filteredData] = React.useState<any[]>([]);
|
|
442
441
|
const [evaluatedDataSource, set_evaluatedDataSource] = React.useState<any[]>([]);
|
|
442
|
+
const [filteredData, set_filteredData] = React.useState<any[]>([]);
|
|
443
443
|
|
|
444
444
|
const try_search = React.useCallback(
|
|
445
445
|
debounce((ds, v) => {
|
|
@@ -468,10 +468,13 @@ function DataGridSearchWrapper(props: DataGridWrapperProps) {
|
|
|
468
468
|
[]
|
|
469
469
|
);
|
|
470
470
|
React.useEffect(() => {
|
|
471
|
+
set_search('');
|
|
471
472
|
fn_eval(props.dataSource).then(({ data }) => set_evaluatedDataSource(data));
|
|
472
473
|
}, [props.dataSource]);
|
|
473
474
|
React.useEffect(() => {
|
|
474
|
-
|
|
475
|
+
if (!search) {
|
|
476
|
+
set_filteredData(evaluatedDataSource);
|
|
477
|
+
} else try_search(evaluatedDataSource, search);
|
|
475
478
|
}, [search, evaluatedDataSource]);
|
|
476
479
|
|
|
477
480
|
return (
|