redux-paginator-immutable 17.0.19 → 17.0.23
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 +1 -6
- package/lib/LoadPaginator.js +8 -1
- package/lib/LoadPaginator.js.map +1 -1
- package/lib/createDataReducer.d.ts +9 -31
- package/lib/createDataReducer.js +1 -16
- package/lib/createDataReducer.js.map +1 -1
- package/lib/createItemReducer.d.ts +1 -3
- package/lib/createItemReducer.js.map +1 -1
- package/lib/types/index.d.ts +2 -2
- package/package.json +2 -2
- package/src/LoadPaginator.tsx +21 -7
- package/src/createDataReducer.ts +10 -17
- package/src/createItemReducer.ts +4 -4
- package/src/types/index.ts +5 -2
package/lib/LoadPaginator.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ declare type OwnProps = {
|
|
|
13
13
|
};
|
|
14
14
|
declare type LoadPaginatorPropTypes = {
|
|
15
15
|
token: string;
|
|
16
|
-
children: any
|
|
16
|
+
children: React.ReactElement<any>;
|
|
17
17
|
settings: Settings;
|
|
18
18
|
paginator: any;
|
|
19
19
|
changeView: (info: {
|
|
@@ -22,11 +22,6 @@ declare type LoadPaginatorPropTypes = {
|
|
|
22
22
|
}) => void;
|
|
23
23
|
resetView: (token: string) => void;
|
|
24
24
|
loadData: (page: number) => void;
|
|
25
|
-
changeFilter: (filter: string) => (event: {
|
|
26
|
-
target: {
|
|
27
|
-
value: string;
|
|
28
|
-
};
|
|
29
|
-
}) => void;
|
|
30
25
|
};
|
|
31
26
|
declare class LoadPaginator extends Component<LoadPaginatorPropTypes> {
|
|
32
27
|
handleLoadMoreClick: () => any;
|
package/lib/LoadPaginator.js
CHANGED
|
@@ -101,7 +101,14 @@ class LoadPaginator extends react_1.Component {
|
|
|
101
101
|
return (react_1.default.createElement(Messages_1.LargeErrorMessage, { message: words_1.default.ThereWasAProblem, onRetry: this.handleLoadMoreClick }));
|
|
102
102
|
}
|
|
103
103
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
104
|
-
react_1.default.cloneElement(this.props.children,
|
|
104
|
+
react_1.default.cloneElement(this.props.children, {
|
|
105
|
+
token: this.props.token,
|
|
106
|
+
settings: this.props.settings,
|
|
107
|
+
paginator: this.props.paginator,
|
|
108
|
+
changeView: this.props.changeView,
|
|
109
|
+
resetView: this.props.resetView,
|
|
110
|
+
loadData: this.props.loadData
|
|
111
|
+
}),
|
|
105
112
|
showLoading ? (react_1.default.createElement(LoadingButton_1.default, { hasProblems: hasProblems, isFetching: isFetching, onLoadMoreClick: this.handleLoadMoreClick })) : null));
|
|
106
113
|
}
|
|
107
114
|
}
|
package/lib/LoadPaginator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadPaginator.js","sourceRoot":"","sources":["../src/LoadPaginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAyC;AACzC,qDAAuC;AACvC,6CAAsC;AACtC,iCAA2C;AAC3C,2CAAiE;AACjE,4DAAoC;AACpC,oEAA4C;AAC5C,oDAA4B;
|
|
1
|
+
{"version":3,"file":"LoadPaginator.js","sourceRoot":"","sources":["../src/LoadPaginator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,36 +1,14 @@
|
|
|
1
1
|
import type { PaginatorSettings } from "./types";
|
|
2
|
+
declare type Selector = (state: any, id: string) => any;
|
|
3
|
+
declare type ListSelector = (state: any) => any;
|
|
2
4
|
declare const createDataReducer: ({ key }: PaginatorSettings) => {
|
|
3
5
|
getItems: (state: any) => any;
|
|
4
|
-
getItem:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
clearCache: () => void;
|
|
12
|
-
};
|
|
13
|
-
getItemHasError: ((state: never, params_0: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: any) => boolean & {
|
|
14
|
-
clearCache: () => void;
|
|
15
|
-
}> & {
|
|
16
|
-
clearCache: () => void;
|
|
17
|
-
};
|
|
18
|
-
getIsFetchingItemInfo: ((state: never, params_0: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: any) => boolean & {
|
|
19
|
-
clearCache: () => void;
|
|
20
|
-
}> & {
|
|
21
|
-
clearCache: () => void;
|
|
22
|
-
};
|
|
23
|
-
getItemIsFetched: ((state: never, params_0: string) => boolean) & import("reselect").OutputSelectorFields<(args_0: any) => boolean & {
|
|
24
|
-
clearCache: () => void;
|
|
25
|
-
}> & {
|
|
26
|
-
clearCache: () => void;
|
|
27
|
-
};
|
|
28
|
-
getShouldFetchItemInfo: ((state: ((...args: unknown[]) => {}) | {
|
|
29
|
-
[x: string]: any;
|
|
30
|
-
}, ...params: undefined[]) => boolean) & import("reselect").OutputSelectorFields<(...args: readonly unknown[]) => boolean & {
|
|
31
|
-
clearCache: () => void;
|
|
32
|
-
}> & {
|
|
33
|
-
clearCache: () => void;
|
|
34
|
-
};
|
|
6
|
+
getItem: Selector;
|
|
7
|
+
getItemsList: ListSelector;
|
|
8
|
+
getItemData: Selector;
|
|
9
|
+
getItemHasError: Selector;
|
|
10
|
+
getIsFetchingItemInfo: Selector;
|
|
11
|
+
getItemIsFetched: Selector;
|
|
12
|
+
getShouldFetchItemInfo: Selector;
|
|
35
13
|
};
|
|
36
14
|
export default createDataReducer;
|
package/lib/createDataReducer.js
CHANGED
|
@@ -48,22 +48,7 @@ const createDataReducer = ({ key }) => {
|
|
|
48
48
|
return false;
|
|
49
49
|
}
|
|
50
50
|
return data.get("fetched");
|
|
51
|
-
}),
|
|
52
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
53
|
-
// @ts-ignore
|
|
54
|
-
getShouldFetchItemInfo = (0, reselect_1.createSelector)(
|
|
55
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
56
|
-
// @ts-ignore
|
|
57
|
-
getIsFetchingItemInfo,
|
|
58
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
59
|
-
// @ts-ignore
|
|
60
|
-
getItemIsFetched,
|
|
61
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
62
|
-
// @ts-ignore
|
|
63
|
-
getItemHasError,
|
|
64
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
65
|
-
// @ts-ignore
|
|
66
|
-
(isFetching, isFetched, hasError) => (!isFetched && !isFetching && !hasError));
|
|
51
|
+
}), getShouldFetchItemInfo = (0, reselect_1.createSelector)(getIsFetchingItemInfo, getItemIsFetched, getItemHasError, (isFetching, isFetched, hasError) => (!isFetched && !isFetching && !hasError));
|
|
67
52
|
return {
|
|
68
53
|
getItems,
|
|
69
54
|
getItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createDataReducer.js","sourceRoot":"","sources":["../src/createDataReducer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,uCAA0C;AAC1C,qDAAuC;
|
|
1
|
+
{"version":3,"file":"createDataReducer.js","sourceRoot":"","sources":["../src/createDataReducer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,uCAA0C;AAC1C,qDAAuC;AAMvC;;;;EAIE;AACF,MACE,iBAAiB,GAAG,CAAC,EAAE,GAAG,EAAqB,EAAE,EAAE;IACjD,MACE,QAAQ,GAAG,CAAC,KAAU,EAAQ,EAAE,CAAC,CAC/B,KAAK,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAC/B,EACD,OAAO,GAAc,IAAA,yBAAc,EACjC,QAAQ,EACR,CAAC,MAAY,EAAE,EAAW,EAAE,EAAE,CAAC,EAAE,EACjC,CAAC,IAAU,EAAE,EAAW,EAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,GAAG,EAAE,CACnE,EACD,YAAY,GAAkB,IAAA,yBAAc,EAC1C,QAAQ,EACR,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAa,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAC1E,EACD,WAAW,GAAc,IAAA,yBAAc,EACrC,QAAQ,EACR,CAAC,MAAY,EAAE,EAAW,EAAE,EAAE,CAAC,EAAE,EACjC,CAAC,IAAU,EAAE,EAAW,EAAQ,EAAE;QAChC,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;YAC/B,OAAO,SAAS,CAAC,GAAG,EAAE,CAAC;SACxB;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;IAClC,CAAC,CACF,EACD,eAAe,GAAc,IAAA,yBAAc,EACzC,OAAO,EACP,CAAC,IAAU,EAAY,EAAE;QACvB,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;YAC/B,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpC,CAAC,CACF,EACD,qBAAqB,GAAc,IAAA,yBAAc,EAC/C,OAAO,EACP,CAAC,IAAU,EAAY,EAAE;QACvB,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;YAC/B,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CACF,EACD,gBAAgB,GAAc,IAAA,yBAAc,EAC1C,OAAO,EACP,CAAC,IAAU,EAAY,EAAE;QACvB,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;YAC/B,OAAO,KAAK,CAAC;SACd;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CACF,EACD,sBAAsB,GAAc,IAAA,yBAAc,EAChD,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,CAAC,UAAoB,EAAE,SAAmB,EAAE,QAAkB,EAAY,EAAE,CAAC,CAC3E,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,CACvC,CACF,CAAC;IAEJ,OAAO;QACL,QAAQ;QACR,OAAO;QACP,YAAY;QACZ,WAAW;QACX,eAAe;QACf,qBAAqB;QACrB,gBAAgB;QAChB,sBAAsB;KACvB,CAAC;AACJ,CAAC,CAAC;AAEJ,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import type { PaginatorSettings } from "./types";
|
|
2
2
|
declare const createReducer: ({ key }: PaginatorSettings) => {
|
|
3
3
|
getItems: (state: any) => any;
|
|
4
|
-
getItem: (
|
|
5
|
-
clearCache: () => void;
|
|
6
|
-
};
|
|
4
|
+
getItem: (state: any, id: string) => any;
|
|
7
5
|
getItemsList: ((state: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
|
|
8
6
|
clearCache: () => void;
|
|
9
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createItemReducer.js","sourceRoot":"","sources":["../src/createItemReducer.ts"],"names":[],"mappings":";;AAAA,uCAA0C;AAG1C;;;;EAIE;AACF,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,EAAqB,EAAE,EAAE;IACnD,MACE,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzD,OAAO,
|
|
1
|
+
{"version":3,"file":"createItemReducer.js","sourceRoot":"","sources":["../src/createItemReducer.ts"],"names":[],"mappings":";;AAAA,uCAA0C;AAG1C;;;;EAIE;AACF,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,EAAqB,EAAE,EAAE;IACnD,MACE,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,EACzD,OAAO,GAAuC,IAAA,yBAAc,EAC1D,QAAQ,EACR,CAAC,MAAY,EAAE,EAAW,EAAE,EAAE,CAAC,EAAE,EACjC,CAAC,IAAU,EAAE,EAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAC1C,EACD,YAAY,GAAG,IAAA,yBAAc,EAC3B,QAAQ,EACR,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAC9B,CAAC;IAEJ,OAAO;QACL,QAAQ;QACR,OAAO;QACP,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -11,11 +11,11 @@ export declare type PaginatorSettings = {
|
|
|
11
11
|
key: string;
|
|
12
12
|
manageEntity: any;
|
|
13
13
|
resultsKey: string;
|
|
14
|
-
dataItemURL: string;
|
|
15
|
-
normalizeDataItem: any;
|
|
16
14
|
rowsPerLoad?: number;
|
|
17
15
|
manipulateItems?: (items: any) => any;
|
|
18
16
|
totalKey?: string;
|
|
19
17
|
pageArgName?: string;
|
|
20
18
|
idKey?: string;
|
|
19
|
+
dataItemURL?: string;
|
|
20
|
+
normalizeDataItem?: any;
|
|
21
21
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "redux-paginator-immutable",
|
|
3
|
-
"version": "17.0.
|
|
4
|
-
"types": "./lib/
|
|
3
|
+
"version": "17.0.23",
|
|
4
|
+
"types": "./lib/index.d.ts",
|
|
5
5
|
"description": "redux-paginator-immutable helps you deal with paginated API by composing your existing reducers",
|
|
6
6
|
"main": "./lib/index.js",
|
|
7
7
|
"babel": {
|
package/src/LoadPaginator.tsx
CHANGED
|
@@ -22,7 +22,7 @@ type OwnProps = {
|
|
|
22
22
|
};
|
|
23
23
|
type LoadPaginatorPropTypes = {
|
|
24
24
|
token: string;
|
|
25
|
-
children: any
|
|
25
|
+
children: React.ReactElement<any>;
|
|
26
26
|
settings: Settings;
|
|
27
27
|
paginator: any;
|
|
28
28
|
changeView: (info: {
|
|
@@ -31,13 +31,20 @@ type LoadPaginatorPropTypes = {
|
|
|
31
31
|
}) => void;
|
|
32
32
|
resetView: (token: string) => void;
|
|
33
33
|
loadData: (page: number) => void;
|
|
34
|
-
changeFilter: (filter: string) => (event: {
|
|
35
|
-
target: {
|
|
36
|
-
value: string;
|
|
37
|
-
};
|
|
38
|
-
}) => void;
|
|
39
34
|
};
|
|
40
35
|
|
|
36
|
+
type List = {
|
|
37
|
+
token: string;
|
|
38
|
+
settings: Settings;
|
|
39
|
+
paginator: any;
|
|
40
|
+
changeView: (info: {
|
|
41
|
+
token: string;
|
|
42
|
+
view: number;
|
|
43
|
+
}) => void;
|
|
44
|
+
resetView: (token: string) => void;
|
|
45
|
+
loadData: (page: number) => void;
|
|
46
|
+
}
|
|
47
|
+
|
|
41
48
|
const
|
|
42
49
|
mapStateToProps = (state : any, { token, settings }: OwnProps) => {
|
|
43
50
|
const
|
|
@@ -173,7 +180,14 @@ class LoadPaginator extends Component<LoadPaginatorPropTypes> {
|
|
|
173
180
|
|
|
174
181
|
return (
|
|
175
182
|
<>
|
|
176
|
-
{React.cloneElement(this.props.children
|
|
183
|
+
{React.cloneElement(this.props.children as React.ReactElement<List>, {
|
|
184
|
+
token: this.props.token,
|
|
185
|
+
settings: this.props.settings,
|
|
186
|
+
paginator: this.props.paginator,
|
|
187
|
+
changeView: this.props.changeView,
|
|
188
|
+
resetView: this.props.resetView,
|
|
189
|
+
loadData: this.props.loadData
|
|
190
|
+
})}
|
|
177
191
|
{
|
|
178
192
|
showLoading ? (
|
|
179
193
|
<LoadingButton
|
package/src/createDataReducer.ts
CHANGED
|
@@ -3,6 +3,9 @@ import { createSelector } from "reselect";
|
|
|
3
3
|
import * as Immutable from "immutable";
|
|
4
4
|
import type { PaginatorSettings } from "./types";
|
|
5
5
|
|
|
6
|
+
type Selector = (state : any, id : string) => any;
|
|
7
|
+
type ListSelector = (state : any) => any;
|
|
8
|
+
|
|
6
9
|
/*
|
|
7
10
|
Use to create a complex list where you need more information about
|
|
8
11
|
the item. For instance, if you DO need to fetch more data or to
|
|
@@ -14,16 +17,16 @@ const
|
|
|
14
17
|
getItems = (state: any) : any => (
|
|
15
18
|
state.getIn(["entities", key])
|
|
16
19
|
),
|
|
17
|
-
getItem = createSelector(
|
|
20
|
+
getItem : Selector = createSelector(
|
|
18
21
|
getItems,
|
|
19
22
|
(_state : any, id : string) => id,
|
|
20
23
|
(data : any, id : string) : any => data.get(id) || Immutable.Map(),
|
|
21
24
|
),
|
|
22
|
-
getItemsList = createSelector(
|
|
25
|
+
getItemsList : ListSelector = createSelector(
|
|
23
26
|
getItems,
|
|
24
27
|
(data : any) => data.map((current : any) => current.get("Data")).toList(),
|
|
25
28
|
),
|
|
26
|
-
getItemData = createSelector(
|
|
29
|
+
getItemData : Selector = createSelector(
|
|
27
30
|
getItems,
|
|
28
31
|
(_state : any, id : string) => id,
|
|
29
32
|
(data : any, id : string) : any => {
|
|
@@ -34,7 +37,7 @@ const
|
|
|
34
37
|
return data.getIn([id, "Data"]);
|
|
35
38
|
},
|
|
36
39
|
),
|
|
37
|
-
getItemHasError = createSelector(
|
|
40
|
+
getItemHasError : Selector = createSelector(
|
|
38
41
|
getItem,
|
|
39
42
|
(data : any) : boolean => {
|
|
40
43
|
if (typeof data === "undefined") {
|
|
@@ -44,7 +47,7 @@ const
|
|
|
44
47
|
return data.get("error") === true;
|
|
45
48
|
},
|
|
46
49
|
),
|
|
47
|
-
getIsFetchingItemInfo = createSelector(
|
|
50
|
+
getIsFetchingItemInfo : Selector = createSelector(
|
|
48
51
|
getItem,
|
|
49
52
|
(data : any) : boolean => {
|
|
50
53
|
if (typeof data === "undefined") {
|
|
@@ -54,7 +57,7 @@ const
|
|
|
54
57
|
return data.get("fetching");
|
|
55
58
|
},
|
|
56
59
|
),
|
|
57
|
-
getItemIsFetched = createSelector(
|
|
60
|
+
getItemIsFetched : Selector = createSelector(
|
|
58
61
|
getItem,
|
|
59
62
|
(data : any) : boolean => {
|
|
60
63
|
if (typeof data === "undefined") {
|
|
@@ -64,20 +67,10 @@ const
|
|
|
64
67
|
return data.get("fetched");
|
|
65
68
|
},
|
|
66
69
|
),
|
|
67
|
-
|
|
68
|
-
// @ts-ignore
|
|
69
|
-
getShouldFetchItemInfo = createSelector(
|
|
70
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
71
|
-
// @ts-ignore
|
|
70
|
+
getShouldFetchItemInfo : Selector = createSelector(
|
|
72
71
|
getIsFetchingItemInfo,
|
|
73
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
74
|
-
// @ts-ignore
|
|
75
72
|
getItemIsFetched,
|
|
76
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
77
|
-
// @ts-ignore
|
|
78
73
|
getItemHasError,
|
|
79
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
80
|
-
// @ts-ignore
|
|
81
74
|
(isFetching : boolean, isFetched : boolean, hasError : boolean) : boolean => (
|
|
82
75
|
!isFetched && !isFetching && !hasError
|
|
83
76
|
),
|
package/src/createItemReducer.ts
CHANGED
|
@@ -9,14 +9,14 @@ import type { PaginatorSettings } from "./types";
|
|
|
9
9
|
const createReducer = ({ key }: PaginatorSettings) => {
|
|
10
10
|
const
|
|
11
11
|
getItems = (state: any) => state.getIn(["entities", key]),
|
|
12
|
-
getItem = createSelector(
|
|
12
|
+
getItem : (state : any, id : string) => any = createSelector(
|
|
13
13
|
getItems,
|
|
14
|
-
(_state : any, id :
|
|
15
|
-
(data : any, id :
|
|
14
|
+
(_state : any, id : string) => id,
|
|
15
|
+
(data : any, id : string) => data.get(id),
|
|
16
16
|
),
|
|
17
17
|
getItemsList = createSelector(
|
|
18
18
|
getItems,
|
|
19
|
-
(data) => data.toList(),
|
|
19
|
+
(data : any) => data.toList(),
|
|
20
20
|
);
|
|
21
21
|
|
|
22
22
|
return {
|
package/src/types/index.ts
CHANGED
|
@@ -9,12 +9,12 @@ export type PromiseAction = Promise<Action>;
|
|
|
9
9
|
export type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;
|
|
10
10
|
export type Dispatch = (action: Action | ThunkAction | PromiseAction | Array<Action>) => any;
|
|
11
11
|
export type EndPointCb = ((token?: string) => string) | null;
|
|
12
|
+
|
|
13
|
+
|
|
12
14
|
export type PaginatorSettings = {
|
|
13
15
|
key: string;
|
|
14
16
|
manageEntity: any;
|
|
15
17
|
resultsKey: string;
|
|
16
|
-
dataItemURL: string;
|
|
17
|
-
normalizeDataItem: any;
|
|
18
18
|
// by default "{rowsPerLoad} from x25/utility/others"
|
|
19
19
|
rowsPerLoad?: number;
|
|
20
20
|
// by default "(items) => items"
|
|
@@ -25,4 +25,7 @@ export type PaginatorSettings = {
|
|
|
25
25
|
pageArgName?: string;
|
|
26
26
|
// default "ID"
|
|
27
27
|
idKey?: string;
|
|
28
|
+
|
|
29
|
+
dataItemURL?: string;
|
|
30
|
+
normalizeDataItem?: any;
|
|
28
31
|
};
|