redux-paginator-immutable 17.0.28 → 17.0.29
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/lib/LoadPaginator.d.ts +2 -21
- package/lib/LoadPaginator.js +9 -5
- package/lib/LoadPaginator.js.map +1 -1
- package/lib/LoadPaginatorTypes.d.ts +29 -0
- package/lib/LoadPaginatorTypes.js +3 -0
- package/lib/LoadPaginatorTypes.js.map +1 -0
- package/package.json +1 -1
- package/src/LoadPaginator.tsx +15 -41
- package/src/LoadPaginatorTypes.ts +31 -0
package/lib/LoadPaginator.d.ts
CHANGED
|
@@ -1,23 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
key: string;
|
|
4
|
-
rowsPerLoad: number;
|
|
5
|
-
manipulateItems: (items: any) => any;
|
|
6
|
-
resetView: (data: any) => any;
|
|
7
|
-
changeView: (data: any) => any;
|
|
8
|
-
requestPage: (page: string, token: string) => any;
|
|
9
|
-
};
|
|
10
|
-
declare type LoadPaginatorPropTypes = {
|
|
11
|
-
token: string;
|
|
12
|
-
children: React.ReactElement<any>;
|
|
13
|
-
settings: Settings;
|
|
14
|
-
paginator: any;
|
|
15
|
-
changeView: (info: {
|
|
16
|
-
token: string;
|
|
17
|
-
view: number;
|
|
18
|
-
}) => any;
|
|
19
|
-
resetView: (token: string) => any;
|
|
20
|
-
loadData: (page: number) => any;
|
|
21
|
-
};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LoadPaginatorPropTypes } from "./LoadPaginatorTypes";
|
|
22
3
|
declare const LoadPaginator: (props: LoadPaginatorPropTypes) => JSX.Element;
|
|
23
4
|
export default LoadPaginator;
|
package/lib/LoadPaginator.js
CHANGED
|
@@ -49,7 +49,7 @@ const LoadPaginator = (props) => {
|
|
|
49
49
|
shouldLoadNext,
|
|
50
50
|
total,
|
|
51
51
|
});
|
|
52
|
-
}, [list, entities]), dispatch = (0, react_redux_1.useDispatch)(), resetView = (
|
|
52
|
+
}, [list, entities]), dispatch = (0, react_redux_1.useDispatch)(), resetView = (currentToken) => dispatch(settings.resetView(currentToken)), changeView = (data) => dispatch(settings.changeView(data)), loadData = (page) => dispatch(settings.requestPage(String(page), token)), items = paginator.get("items"), hasProblems = paginator.get("hasProblems"), currentPage = paginator.get("currentPage"), isFetching = paginator.get("isFetching"), showLoading = paginator.get("total") !== items.size, isFetched = paginator.get("isFetched"), shouldFetch = !isFetched && !isFetching, handleLoadMoreClick = () => {
|
|
53
53
|
const shouldLoadNext = paginator.get("shouldLoadNext");
|
|
54
54
|
if (hasProblems) {
|
|
55
55
|
loadData(currentPage);
|
|
@@ -64,6 +64,10 @@ const LoadPaginator = (props) => {
|
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
+
// eslint-disable-next-line no-console
|
|
68
|
+
console.log("paginator", paginator);
|
|
69
|
+
// eslint-disable-next-line no-console
|
|
70
|
+
console.log("paginator ? paginator.toJS() : null", paginator ? paginator.toJS() : null);
|
|
67
71
|
(0, react_1.useEffect)(() => {
|
|
68
72
|
if (shouldFetch) {
|
|
69
73
|
loadData(currentPage);
|
|
@@ -80,10 +84,10 @@ const LoadPaginator = (props) => {
|
|
|
80
84
|
react_1.default.cloneElement(props.children, {
|
|
81
85
|
token: props.token,
|
|
82
86
|
settings: props.settings,
|
|
83
|
-
paginator
|
|
84
|
-
changeView
|
|
85
|
-
resetView
|
|
86
|
-
loadData
|
|
87
|
+
paginator,
|
|
88
|
+
changeView,
|
|
89
|
+
resetView,
|
|
90
|
+
loadData,
|
|
87
91
|
}),
|
|
88
92
|
showLoading ? (react_1.default.createElement(LoadingButton_1.default, { hasProblems: hasProblems, isFetching: isFetching, onLoadMoreClick: handleLoadMoreClick })) : null));
|
|
89
93
|
};
|
package/lib/LoadPaginator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadPaginator.js","sourceRoot":"","sources":["../src/LoadPaginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAkD;AAClD,qDAAuC;AACvC,6CAAuD;AACvD,2CAAiE;AACjE,4DAAoC;AACpC,oEAA4C;AAC5C,oDAA4B;
|
|
1
|
+
{"version":3,"file":"LoadPaginator.js","sourceRoot":"","sources":["../src/LoadPaginator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type Settings = {
|
|
3
|
+
key: string;
|
|
4
|
+
rowsPerLoad: number;
|
|
5
|
+
manipulateItems: (items: any) => any;
|
|
6
|
+
resetView: (data: any) => any;
|
|
7
|
+
changeView: (data: any) => any;
|
|
8
|
+
requestPage: (page: string, token: string) => any;
|
|
9
|
+
};
|
|
10
|
+
export declare type LoadPaginatorPropTypes = {
|
|
11
|
+
token: string;
|
|
12
|
+
settings: Settings;
|
|
13
|
+
children: JSX.Element;
|
|
14
|
+
};
|
|
15
|
+
export declare type ChangeView = (info: {
|
|
16
|
+
token: string;
|
|
17
|
+
view: number;
|
|
18
|
+
}) => any;
|
|
19
|
+
export declare type ResetView = (token: string) => any;
|
|
20
|
+
export declare type LoadData = (page: number) => any;
|
|
21
|
+
export declare type List = {
|
|
22
|
+
token: string;
|
|
23
|
+
settings: Settings;
|
|
24
|
+
paginator: any;
|
|
25
|
+
changeView: ChangeView;
|
|
26
|
+
resetView: ResetView;
|
|
27
|
+
loadData: LoadData;
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadPaginatorTypes.js","sourceRoot":"","sources":["../src/LoadPaginatorTypes.ts"],"names":[],"mappings":""}
|
package/package.json
CHANGED
package/src/LoadPaginator.tsx
CHANGED
|
@@ -7,38 +7,7 @@ import selectors from "./selectors";
|
|
|
7
7
|
import LoadingButton from "./LoadingButton";
|
|
8
8
|
import words from "./words";
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
key: string;
|
|
12
|
-
rowsPerLoad: number;
|
|
13
|
-
manipulateItems: (items: any) => any;
|
|
14
|
-
resetView: (data: any) => any;
|
|
15
|
-
changeView: (data: any) => any;
|
|
16
|
-
requestPage: (page: string, token: string) => any;
|
|
17
|
-
};
|
|
18
|
-
type LoadPaginatorPropTypes = {
|
|
19
|
-
token: string;
|
|
20
|
-
children: React.ReactElement<any>;
|
|
21
|
-
settings: Settings;
|
|
22
|
-
paginator: any;
|
|
23
|
-
changeView: (info: {
|
|
24
|
-
token: string;
|
|
25
|
-
view: number;
|
|
26
|
-
}) => any;
|
|
27
|
-
resetView: (token: string) => any;
|
|
28
|
-
loadData: (page: number) => any;
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
type List = {
|
|
32
|
-
token: string;
|
|
33
|
-
settings: Settings;
|
|
34
|
-
paginator: any;
|
|
35
|
-
changeView: (info: {
|
|
36
|
-
token: string;
|
|
37
|
-
view: number;
|
|
38
|
-
}) => void;
|
|
39
|
-
resetView: (token: string) => void;
|
|
40
|
-
loadData: (page: number) => void;
|
|
41
|
-
}
|
|
10
|
+
import { ChangeView, List, LoadData, LoadPaginatorPropTypes, ResetView } from "./LoadPaginatorTypes";
|
|
42
11
|
|
|
43
12
|
const
|
|
44
13
|
LoadPaginator = (props : LoadPaginatorPropTypes) => {
|
|
@@ -76,9 +45,9 @@ const
|
|
|
76
45
|
}, [list, entities]),
|
|
77
46
|
|
|
78
47
|
dispatch = useDispatch(),
|
|
79
|
-
resetView = (
|
|
80
|
-
changeView = (data
|
|
81
|
-
loadData = (page
|
|
48
|
+
resetView : ResetView = (currentToken) => dispatch(settings.resetView(currentToken)),
|
|
49
|
+
changeView : ChangeView = (data) => dispatch(settings.changeView(data)),
|
|
50
|
+
loadData : LoadData = (page) => dispatch(settings.requestPage(String(page), token)),
|
|
82
51
|
|
|
83
52
|
items = paginator.get("items"),
|
|
84
53
|
hasProblems = paginator.get("hasProblems"),
|
|
@@ -106,6 +75,11 @@ const
|
|
|
106
75
|
}
|
|
107
76
|
};
|
|
108
77
|
|
|
78
|
+
// eslint-disable-next-line no-console
|
|
79
|
+
console.log("paginator", paginator);
|
|
80
|
+
// eslint-disable-next-line no-console
|
|
81
|
+
console.log("paginator ? paginator.toJS() : null", paginator ? paginator.toJS() : null);
|
|
82
|
+
|
|
109
83
|
useEffect(() => {
|
|
110
84
|
if (shouldFetch) {
|
|
111
85
|
loadData(currentPage);
|
|
@@ -131,12 +105,12 @@ const
|
|
|
131
105
|
<>
|
|
132
106
|
{
|
|
133
107
|
React.cloneElement(props.children as React.ReactElement<List>, {
|
|
134
|
-
token
|
|
135
|
-
settings
|
|
136
|
-
paginator
|
|
137
|
-
changeView
|
|
138
|
-
resetView
|
|
139
|
-
loadData
|
|
108
|
+
token : props.token,
|
|
109
|
+
settings : props.settings,
|
|
110
|
+
paginator,
|
|
111
|
+
changeView,
|
|
112
|
+
resetView,
|
|
113
|
+
loadData,
|
|
140
114
|
})
|
|
141
115
|
}
|
|
142
116
|
{
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
type Settings = {
|
|
2
|
+
key: string;
|
|
3
|
+
rowsPerLoad: number;
|
|
4
|
+
manipulateItems: (items: any) => any;
|
|
5
|
+
resetView: (data: any) => any;
|
|
6
|
+
changeView: (data: any) => any;
|
|
7
|
+
requestPage: (page: string, token: string) => any;
|
|
8
|
+
};
|
|
9
|
+
export type LoadPaginatorPropTypes = {
|
|
10
|
+
token: string;
|
|
11
|
+
settings: Settings;
|
|
12
|
+
children: JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export type ChangeView = (info: {
|
|
16
|
+
token: string;
|
|
17
|
+
view: number;
|
|
18
|
+
}) => any;
|
|
19
|
+
|
|
20
|
+
export type ResetView = (token: string) => any;
|
|
21
|
+
|
|
22
|
+
export type LoadData = (page: number) => any;
|
|
23
|
+
|
|
24
|
+
export type List = {
|
|
25
|
+
token: string;
|
|
26
|
+
settings: Settings;
|
|
27
|
+
paginator: any;
|
|
28
|
+
changeView: ChangeView;
|
|
29
|
+
resetView: ResetView;
|
|
30
|
+
loadData: LoadData;
|
|
31
|
+
}
|