datastake-daf 0.6.366 → 0.6.368
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/components/index.js +18 -18
- package/dist/hooks/index.js +22 -20
- package/package.json +1 -1
- package/src/@daf/hooks/useFilters.js +19 -21
- package/src/@daf/hooks/useSources.js +6 -3
package/dist/components/index.js
CHANGED
|
@@ -47019,20 +47019,20 @@ const useFilters = ({
|
|
|
47019
47019
|
const params = React.useMemo(() => new URLSearchParams(location.search), [location.search]);
|
|
47020
47020
|
const [activeFilters, setActiveFilters] = React.useState(defaultActiveFilters || getDefaultActiveFilters(params, selectFiltersConfig, defaultPageSize, defaultUrlParams, doPagination));
|
|
47021
47021
|
const [pagination, setPagination] = React.useState(defaultActiveFilters ? {
|
|
47022
|
-
current: defaultActiveFilters
|
|
47023
|
-
|
|
47022
|
+
current: defaultActiveFilters[PAGE] || 1,
|
|
47023
|
+
[PAGE_SIZE]: defaultActiveFilters[PAGE_SIZE] || defaultPageSize,
|
|
47024
47024
|
showSizeChanger: true
|
|
47025
47025
|
} : {
|
|
47026
47026
|
current: !isNaN(Number(params.get(PAGE))) ? Number(params.get(PAGE)) || 1 : 1,
|
|
47027
|
-
|
|
47027
|
+
[PAGE_SIZE]: !isNaN(Number(params.get(PAGE_SIZE))) ? Number(params.get(PAGE_SIZE)) || defaultPageSize : defaultPageSize,
|
|
47028
47028
|
showSizeChanger: true
|
|
47029
47029
|
});
|
|
47030
47030
|
React.useEffect(() => {
|
|
47031
47031
|
if (defaultActiveFilters) {
|
|
47032
47032
|
setPagination(prev => ({
|
|
47033
47033
|
...prev,
|
|
47034
|
-
current: defaultActiveFilters
|
|
47035
|
-
|
|
47034
|
+
current: defaultActiveFilters[PAGE] || 1,
|
|
47035
|
+
[PAGE_SIZE]: defaultActiveFilters[PAGE_SIZE] || defaultPageSize,
|
|
47036
47036
|
showSizeChanger: true
|
|
47037
47037
|
}));
|
|
47038
47038
|
return;
|
|
@@ -47040,7 +47040,7 @@ const useFilters = ({
|
|
|
47040
47040
|
setPagination(prev => ({
|
|
47041
47041
|
...prev,
|
|
47042
47042
|
current: !isNaN(Number(params.get(PAGE))) ? Number(params.get(PAGE)) || 1 : 1,
|
|
47043
|
-
|
|
47043
|
+
[PAGE_SIZE]: !isNaN(Number(params.get(PAGE_SIZE))) ? Number(params.get(PAGE_SIZE)) || defaultPageSize : defaultPageSize,
|
|
47044
47044
|
showSizeChanger: true
|
|
47045
47045
|
}));
|
|
47046
47046
|
}, []);
|
|
@@ -47097,9 +47097,9 @@ const useFilters = ({
|
|
|
47097
47097
|
const filters = StorageManager.saveFilters(module, view, {
|
|
47098
47098
|
...filteredFilters
|
|
47099
47099
|
});
|
|
47100
|
-
if (!filters
|
|
47101
|
-
filters
|
|
47102
|
-
filters
|
|
47100
|
+
if (!filters[PAGE_SIZE]) {
|
|
47101
|
+
filters[PAGE] = 1;
|
|
47102
|
+
filters[PAGE_SIZE] = pagination[PAGE_SIZE];
|
|
47103
47103
|
}
|
|
47104
47104
|
updateQuery(filters, 1);
|
|
47105
47105
|
}, [activeFilters]);
|
|
@@ -47136,7 +47136,7 @@ const useFilters = ({
|
|
|
47136
47136
|
o[k] = v;
|
|
47137
47137
|
});
|
|
47138
47138
|
if (doPagination) {
|
|
47139
|
-
o
|
|
47139
|
+
o[PAGE] = 1;
|
|
47140
47140
|
}
|
|
47141
47141
|
return o;
|
|
47142
47142
|
});
|
|
@@ -47156,11 +47156,11 @@ const useFilters = ({
|
|
|
47156
47156
|
} = sorter || {};
|
|
47157
47157
|
let fs = {
|
|
47158
47158
|
...activeFilters,
|
|
47159
|
-
|
|
47160
|
-
|
|
47159
|
+
[PAGE]: page[PAGE_SIZE] !== activeFilters[PAGE_SIZE] ? 1 : page.current,
|
|
47160
|
+
[PAGE_SIZE]: page[PAGE_SIZE] || defaultPageSize
|
|
47161
47161
|
};
|
|
47162
47162
|
if (sorter && (columnKey !== sortBy || order !== sortDir)) {
|
|
47163
|
-
fs
|
|
47163
|
+
fs[PAGE] = 1;
|
|
47164
47164
|
}
|
|
47165
47165
|
if (order) {
|
|
47166
47166
|
fs = {
|
|
@@ -47185,19 +47185,19 @@ const useFilters = ({
|
|
|
47185
47185
|
page.current = 1;
|
|
47186
47186
|
}
|
|
47187
47187
|
const filters = StorageManager.saveFilters(module, view, {
|
|
47188
|
-
|
|
47188
|
+
[PAGE]: page.current
|
|
47189
47189
|
}, true);
|
|
47190
47190
|
updateQuery(filters, page.current);
|
|
47191
47191
|
setPagination(prev => ({
|
|
47192
47192
|
...prev,
|
|
47193
|
-
current: fs
|
|
47194
|
-
|
|
47193
|
+
current: fs[PAGE],
|
|
47194
|
+
[PAGE_SIZE]: fs[PAGE_SIZE] || defaultPageSize
|
|
47195
47195
|
}));
|
|
47196
47196
|
};
|
|
47197
47197
|
const onSearch = React.useCallback((activeFilter, value) => {
|
|
47198
47198
|
setActiveFilters(prev => ({
|
|
47199
47199
|
...prev,
|
|
47200
|
-
|
|
47200
|
+
[PAGE]: 1,
|
|
47201
47201
|
searchParams: activeFilter,
|
|
47202
47202
|
search: value
|
|
47203
47203
|
}));
|
|
@@ -47207,7 +47207,7 @@ const useFilters = ({
|
|
|
47207
47207
|
}));
|
|
47208
47208
|
}, []);
|
|
47209
47209
|
const totalPages = React.useMemo(() => {
|
|
47210
|
-
return Math.ceil(pagination.total / pagination
|
|
47210
|
+
return Math.ceil(pagination.total / pagination[PAGE_SIZE]);
|
|
47211
47211
|
}, [pagination]);
|
|
47212
47212
|
const canGoPrev = React.useMemo(() => pagination.current !== 1, [pagination]);
|
|
47213
47213
|
const canGoNext = React.useMemo(() => pagination.current !== totalPages && totalPages, [pagination, totalPages]);
|
package/dist/hooks/index.js
CHANGED
|
@@ -219,20 +219,20 @@ const useFilters = ({
|
|
|
219
219
|
const params = React.useMemo(() => new URLSearchParams(location.search), [location.search]);
|
|
220
220
|
const [activeFilters, setActiveFilters] = React.useState(defaultActiveFilters || getDefaultActiveFilters(params, selectFiltersConfig, defaultPageSize, defaultUrlParams, doPagination));
|
|
221
221
|
const [pagination, setPagination] = React.useState(defaultActiveFilters ? {
|
|
222
|
-
current: defaultActiveFilters
|
|
223
|
-
|
|
222
|
+
current: defaultActiveFilters[PAGE] || 1,
|
|
223
|
+
[PAGE_SIZE]: defaultActiveFilters[PAGE_SIZE] || defaultPageSize,
|
|
224
224
|
showSizeChanger: true
|
|
225
225
|
} : {
|
|
226
226
|
current: !isNaN(Number(params.get(PAGE))) ? Number(params.get(PAGE)) || 1 : 1,
|
|
227
|
-
|
|
227
|
+
[PAGE_SIZE]: !isNaN(Number(params.get(PAGE_SIZE))) ? Number(params.get(PAGE_SIZE)) || defaultPageSize : defaultPageSize,
|
|
228
228
|
showSizeChanger: true
|
|
229
229
|
});
|
|
230
230
|
React.useEffect(() => {
|
|
231
231
|
if (defaultActiveFilters) {
|
|
232
232
|
setPagination(prev => ({
|
|
233
233
|
...prev,
|
|
234
|
-
current: defaultActiveFilters
|
|
235
|
-
|
|
234
|
+
current: defaultActiveFilters[PAGE] || 1,
|
|
235
|
+
[PAGE_SIZE]: defaultActiveFilters[PAGE_SIZE] || defaultPageSize,
|
|
236
236
|
showSizeChanger: true
|
|
237
237
|
}));
|
|
238
238
|
return;
|
|
@@ -240,7 +240,7 @@ const useFilters = ({
|
|
|
240
240
|
setPagination(prev => ({
|
|
241
241
|
...prev,
|
|
242
242
|
current: !isNaN(Number(params.get(PAGE))) ? Number(params.get(PAGE)) || 1 : 1,
|
|
243
|
-
|
|
243
|
+
[PAGE_SIZE]: !isNaN(Number(params.get(PAGE_SIZE))) ? Number(params.get(PAGE_SIZE)) || defaultPageSize : defaultPageSize,
|
|
244
244
|
showSizeChanger: true
|
|
245
245
|
}));
|
|
246
246
|
}, []);
|
|
@@ -297,9 +297,9 @@ const useFilters = ({
|
|
|
297
297
|
const filters = StorageManager.saveFilters(module, view, {
|
|
298
298
|
...filteredFilters
|
|
299
299
|
});
|
|
300
|
-
if (!filters
|
|
301
|
-
filters
|
|
302
|
-
filters
|
|
300
|
+
if (!filters[PAGE_SIZE]) {
|
|
301
|
+
filters[PAGE] = 1;
|
|
302
|
+
filters[PAGE_SIZE] = pagination[PAGE_SIZE];
|
|
303
303
|
}
|
|
304
304
|
updateQuery(filters, 1);
|
|
305
305
|
}, [activeFilters]);
|
|
@@ -336,7 +336,7 @@ const useFilters = ({
|
|
|
336
336
|
o[k] = v;
|
|
337
337
|
});
|
|
338
338
|
if (doPagination) {
|
|
339
|
-
o
|
|
339
|
+
o[PAGE] = 1;
|
|
340
340
|
}
|
|
341
341
|
return o;
|
|
342
342
|
});
|
|
@@ -356,11 +356,11 @@ const useFilters = ({
|
|
|
356
356
|
} = sorter || {};
|
|
357
357
|
let fs = {
|
|
358
358
|
...activeFilters,
|
|
359
|
-
|
|
360
|
-
|
|
359
|
+
[PAGE]: page[PAGE_SIZE] !== activeFilters[PAGE_SIZE] ? 1 : page.current,
|
|
360
|
+
[PAGE_SIZE]: page[PAGE_SIZE] || defaultPageSize
|
|
361
361
|
};
|
|
362
362
|
if (sorter && (columnKey !== sortBy || order !== sortDir)) {
|
|
363
|
-
fs
|
|
363
|
+
fs[PAGE] = 1;
|
|
364
364
|
}
|
|
365
365
|
if (order) {
|
|
366
366
|
fs = {
|
|
@@ -385,19 +385,19 @@ const useFilters = ({
|
|
|
385
385
|
page.current = 1;
|
|
386
386
|
}
|
|
387
387
|
const filters = StorageManager.saveFilters(module, view, {
|
|
388
|
-
|
|
388
|
+
[PAGE]: page.current
|
|
389
389
|
}, true);
|
|
390
390
|
updateQuery(filters, page.current);
|
|
391
391
|
setPagination(prev => ({
|
|
392
392
|
...prev,
|
|
393
|
-
current: fs
|
|
394
|
-
|
|
393
|
+
current: fs[PAGE],
|
|
394
|
+
[PAGE_SIZE]: fs[PAGE_SIZE] || defaultPageSize
|
|
395
395
|
}));
|
|
396
396
|
};
|
|
397
397
|
const onSearch = React.useCallback((activeFilter, value) => {
|
|
398
398
|
setActiveFilters(prev => ({
|
|
399
399
|
...prev,
|
|
400
|
-
|
|
400
|
+
[PAGE]: 1,
|
|
401
401
|
searchParams: activeFilter,
|
|
402
402
|
search: value
|
|
403
403
|
}));
|
|
@@ -407,7 +407,7 @@ const useFilters = ({
|
|
|
407
407
|
}));
|
|
408
408
|
}, []);
|
|
409
409
|
const totalPages = React.useMemo(() => {
|
|
410
|
-
return Math.ceil(pagination.total / pagination
|
|
410
|
+
return Math.ceil(pagination.total / pagination[PAGE_SIZE]);
|
|
411
411
|
}, [pagination]);
|
|
412
412
|
const canGoPrev = React.useMemo(() => pagination.current !== 1, [pagination]);
|
|
413
413
|
const canGoNext = React.useMemo(() => pagination.current !== totalPages && totalPages, [pagination, totalPages]);
|
|
@@ -1162,6 +1162,8 @@ const useIsMobile = () => {
|
|
|
1162
1162
|
return isMobile;
|
|
1163
1163
|
};
|
|
1164
1164
|
|
|
1165
|
+
const PAGE = "page";
|
|
1166
|
+
const PAGE_SIZE = "pageSize";
|
|
1165
1167
|
function useSource({
|
|
1166
1168
|
user = {},
|
|
1167
1169
|
t = () => {},
|
|
@@ -1180,8 +1182,8 @@ function useSource({
|
|
|
1180
1182
|
const {
|
|
1181
1183
|
data
|
|
1182
1184
|
} = await getData({
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
+
[PAGE]: 1,
|
|
1186
|
+
[PAGE_SIZE]: 100,
|
|
1185
1187
|
type: "partners"
|
|
1186
1188
|
});
|
|
1187
1189
|
if (id === undefined) {
|
package/package.json
CHANGED
|
@@ -34,15 +34,13 @@ export const useFilters = ({
|
|
|
34
34
|
const [pagination, setPagination] = useState(
|
|
35
35
|
defaultActiveFilters
|
|
36
36
|
? {
|
|
37
|
-
current: defaultActiveFilters
|
|
38
|
-
|
|
37
|
+
current: defaultActiveFilters[PAGE] || 1,
|
|
38
|
+
[PAGE_SIZE]: defaultActiveFilters[PAGE_SIZE] || defaultPageSize,
|
|
39
39
|
showSizeChanger: true,
|
|
40
40
|
}
|
|
41
41
|
: {
|
|
42
|
-
current: !isNaN(Number(params.get(PAGE)))
|
|
43
|
-
|
|
44
|
-
: 1,
|
|
45
|
-
pageSize: !isNaN(Number(params.get(PAGE_SIZE)))
|
|
42
|
+
current: !isNaN(Number(params.get(PAGE))) ? Number(params.get(PAGE)) || 1 : 1,
|
|
43
|
+
[PAGE_SIZE]: !isNaN(Number(params.get(PAGE_SIZE)))
|
|
46
44
|
? Number(params.get(PAGE_SIZE)) || defaultPageSize
|
|
47
45
|
: defaultPageSize,
|
|
48
46
|
showSizeChanger: true,
|
|
@@ -53,8 +51,8 @@ export const useFilters = ({
|
|
|
53
51
|
if (defaultActiveFilters) {
|
|
54
52
|
setPagination((prev) => ({
|
|
55
53
|
...prev,
|
|
56
|
-
current: defaultActiveFilters
|
|
57
|
-
|
|
54
|
+
current: defaultActiveFilters[PAGE] || 1,
|
|
55
|
+
[PAGE_SIZE]: defaultActiveFilters[PAGE_SIZE] || defaultPageSize,
|
|
58
56
|
showSizeChanger: true,
|
|
59
57
|
}));
|
|
60
58
|
return;
|
|
@@ -62,7 +60,7 @@ export const useFilters = ({
|
|
|
62
60
|
setPagination((prev) => ({
|
|
63
61
|
...prev,
|
|
64
62
|
current: !isNaN(Number(params.get(PAGE))) ? Number(params.get(PAGE)) || 1 : 1,
|
|
65
|
-
|
|
63
|
+
[PAGE_SIZE]: !isNaN(Number(params.get(PAGE_SIZE)))
|
|
66
64
|
? Number(params.get(PAGE_SIZE)) || defaultPageSize
|
|
67
65
|
: defaultPageSize,
|
|
68
66
|
showSizeChanger: true,
|
|
@@ -159,9 +157,9 @@ export const useFilters = ({
|
|
|
159
157
|
|
|
160
158
|
const filters = StorageManager.saveFilters(module, view, { ...filteredFilters });
|
|
161
159
|
|
|
162
|
-
if (!filters
|
|
163
|
-
filters
|
|
164
|
-
filters
|
|
160
|
+
if (!filters[PAGE_SIZE]) {
|
|
161
|
+
filters[PAGE] = 1;
|
|
162
|
+
filters[PAGE_SIZE] = pagination[PAGE_SIZE];
|
|
165
163
|
}
|
|
166
164
|
|
|
167
165
|
updateQuery(filters, 1);
|
|
@@ -201,7 +199,7 @@ export const useFilters = ({
|
|
|
201
199
|
});
|
|
202
200
|
|
|
203
201
|
if (doPagination) {
|
|
204
|
-
o
|
|
202
|
+
o[PAGE] = 1;
|
|
205
203
|
}
|
|
206
204
|
|
|
207
205
|
return o;
|
|
@@ -217,12 +215,12 @@ export const useFilters = ({
|
|
|
217
215
|
|
|
218
216
|
let fs = {
|
|
219
217
|
...activeFilters,
|
|
220
|
-
|
|
221
|
-
|
|
218
|
+
[PAGE]: page[PAGE_SIZE] !== activeFilters[PAGE_SIZE] ? 1 : page.current,
|
|
219
|
+
[PAGE_SIZE]: page[PAGE_SIZE] || defaultPageSize,
|
|
222
220
|
};
|
|
223
221
|
|
|
224
222
|
if (sorter && (columnKey !== sortBy || order !== sortDir)) {
|
|
225
|
-
fs
|
|
223
|
+
fs[PAGE] = 1;
|
|
226
224
|
}
|
|
227
225
|
|
|
228
226
|
if (order) {
|
|
@@ -246,20 +244,20 @@ export const useFilters = ({
|
|
|
246
244
|
page.current = 1;
|
|
247
245
|
}
|
|
248
246
|
|
|
249
|
-
const filters = StorageManager.saveFilters(module, view, {
|
|
247
|
+
const filters = StorageManager.saveFilters(module, view, { [PAGE]: page.current }, true);
|
|
250
248
|
|
|
251
249
|
updateQuery(filters, page.current);
|
|
252
250
|
setPagination((prev) => ({
|
|
253
251
|
...prev,
|
|
254
|
-
current: fs
|
|
255
|
-
|
|
252
|
+
current: fs[PAGE],
|
|
253
|
+
[PAGE_SIZE]: fs[PAGE_SIZE] || defaultPageSize,
|
|
256
254
|
}));
|
|
257
255
|
};
|
|
258
256
|
|
|
259
257
|
const onSearch = useCallback((activeFilter, value) => {
|
|
260
258
|
setActiveFilters((prev) => ({
|
|
261
259
|
...prev,
|
|
262
|
-
|
|
260
|
+
[PAGE]: 1,
|
|
263
261
|
searchParams: activeFilter,
|
|
264
262
|
search: value,
|
|
265
263
|
}));
|
|
@@ -267,7 +265,7 @@ export const useFilters = ({
|
|
|
267
265
|
}, []);
|
|
268
266
|
|
|
269
267
|
const totalPages = useMemo(() => {
|
|
270
|
-
return Math.ceil(pagination.total / pagination
|
|
268
|
+
return Math.ceil(pagination.total / pagination[PAGE_SIZE]);
|
|
271
269
|
}, [pagination]);
|
|
272
270
|
|
|
273
271
|
const canGoPrev = useMemo(() => pagination.current !== 1, [pagination]);
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
import { useEffect, useState } from "react";
|
|
2
2
|
|
|
3
|
+
const PAGE = "page";
|
|
4
|
+
const PAGE_SIZE = "pageSize";
|
|
5
|
+
|
|
3
6
|
export default function useSource({ user = {}, t = () => {}, getData = () => {}, id }) {
|
|
4
7
|
const [loading, setLoading] = useState(true);
|
|
5
8
|
const [partners, setPartners] = useState([]);
|
|
6
9
|
const [selectedPartners, setSelectedPartners] = useState({ loading: true });
|
|
7
|
-
|
|
10
|
+
|
|
8
11
|
useEffect(() => {
|
|
9
12
|
async function fetchPartners() {
|
|
10
13
|
try {
|
|
11
14
|
setLoading(true);
|
|
12
15
|
const { data } = await getData({
|
|
13
|
-
|
|
14
|
-
|
|
16
|
+
[PAGE]: 1,
|
|
17
|
+
[PAGE_SIZE]: 100,
|
|
15
18
|
type: "partners",
|
|
16
19
|
});
|
|
17
20
|
|