redux-paginator-immutable 17.1.4 → 17.1.6
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/LoadPaginator.js +3 -3
- package/LoadPaginator.js.map +1 -1
- package/LoadingButton.d.ts +2 -2
- package/LoadingButton.js +9 -38
- package/LoadingButton.js.map +1 -1
- package/package.json +1 -1
package/LoadPaginator.js
CHANGED
|
@@ -26,13 +26,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var react_1 = __importStar(require("react"));
|
|
30
29
|
var Immutable = __importStar(require("immutable"));
|
|
30
|
+
var react_1 = __importStar(require("react"));
|
|
31
31
|
var react_redux_1 = require("react-redux");
|
|
32
32
|
var Messages_1 = require("x25/Messages");
|
|
33
33
|
var utility_1 = require("x25/utility");
|
|
34
|
-
var selectors_1 = __importDefault(require("./selectors"));
|
|
35
34
|
var LoadingButton_1 = __importDefault(require("./LoadingButton"));
|
|
35
|
+
var selectors_1 = __importDefault(require("./selectors"));
|
|
36
36
|
var LoadPaginator = function (props) {
|
|
37
37
|
var token = props.token, settings = props.settings, _a = (0, react_redux_1.useSelector)(function (state) { return (selectors_1.default.getPaginators(state, settings.key)); }), list = _a.list, entities = _a.entities, currentPage = selectors_1.default.getCurrentView(list, token), isFetching = selectors_1.default.isPageFetching(list, token, currentPage), isFetched = selectors_1.default.isPageFetched(list, token, currentPage), resultsUpTo = (selectors_1.default.getResultsUpToPage(list, token, entities, currentPage, settings.rowsPerLoad)), items = settings.manipulateItems(resultsUpTo), total = selectors_1.default.getCurrentTotalResultsCount(list, token), hasProblems = selectors_1.default.hasPageProblems(list, token), paginator = Immutable.Map({
|
|
38
38
|
currentPage: currentPage,
|
|
@@ -64,7 +64,7 @@ var LoadPaginator = function (props) {
|
|
|
64
64
|
if (hasProblems && currentPage === 1) {
|
|
65
65
|
return (react_1.default.createElement(Messages_1.LargeErrorMessage, { message: utility_1.words.ThereWasAProblem, onRetry: handleLoadMoreClick }));
|
|
66
66
|
}
|
|
67
|
-
return (react_1.default.createElement(
|
|
67
|
+
return (react_1.default.createElement("div", { className: "mb-3" },
|
|
68
68
|
react_1.default.cloneElement(props.children, {
|
|
69
69
|
token: props.token,
|
|
70
70
|
settings: props.settings,
|
package/LoadPaginator.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadPaginator.js","sourceRoot":"","sources":["../src/LoadPaginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"LoadPaginator.js","sourceRoot":"","sources":["../src/LoadPaginator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAuC;AACvC,6CAAyC;AACzC,2CAAuD;AACvD,yCAAiE;AACjE,uCAAoC;AACpC,kEAA4C;AAC5C,0DAAoC;AAIpC,IACE,aAAa,GAAG,UAAC,KAA8B;IAEzC,IAAA,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,EAEjB,KAAqB,IAAA,yBAAW,EAAC,UAAC,KAAa,IAAK,OAAA,CAClD,mBAAS,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,CAC7C,EAFmD,CAEnD,CAAC,EAFA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAIhB,WAAW,GAAG,mBAAS,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,EACnD,UAAU,GAAG,mBAAS,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,EAC/D,SAAS,GAAG,mBAAS,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,EAC7D,WAAW,GAAG,CACZ,mBAAS,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,CACvF,EACD,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,EAC7C,KAAK,GAAG,mBAAS,CAAC,2BAA2B,CAAC,IAAI,EAAE,KAAK,CAAC,EAC1D,WAAW,GAAG,mBAAS,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,EAEpD,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC;QACxB,WAAW,aAAA;QACX,WAAW,aAAA;QACX,SAAS,WAAA;QACT,UAAU,YAAA;QACV,KAAK,OAAA;QACL,KAAK,OAAA;KACN,CAAC,EAEF,QAAQ,GAAG,IAAA,yBAAW,GAAE,EACxB,SAAS,GAAe,UAAC,YAAY,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,EAA1C,CAA0C,EACpF,UAAU,GAAgB,UAAC,IAAI,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAnC,CAAmC,EACvE,QAAQ,GAAc,UAAC,IAAI,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAA3C,CAA2C,EAE3E,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC,IAAI,EAEnD,WAAW,GAAG,CAAC,SAAS,IAAI,CAAC,UAAU,EACvC,mBAAmB,GAAG;QACpB,IAAI,WAAW,EAAE;YACf,QAAQ,CAAC,WAAW,CAAC,CAAC;SACvB;aAAM;YACL,UAAU,CAAC;gBACT,KAAK,OAAA;gBACL,IAAI,EAAE,WAAW,GAAG,CAAC;aACtB,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEJ,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,EAAE;YACf,QAAQ,CAAC,WAAW,CAAC,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,cAAM,OAAA,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAtB,CAAsB,EAAE,EAAE,CAAC,CAAC;IAE5C,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,UAAU,EAAE;QAClC,OAAO,8BAAC,yBAAc,IAAC,OAAO,EAAE,eAAK,CAAC,WAAW,GAAI,CAAC;KACvD;IAED,IAAI,WAAW,IAAI,WAAW,KAAK,CAAC,EAAE;QACpC,OAAO,CACL,8BAAC,4BAAiB,IAChB,OAAO,EAAE,eAAK,CAAC,gBAAgB,EAC/B,OAAO,EAAE,mBAAmB,GAC5B,CACH,CAAC;KACH;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QAEjB,eAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAoC,EAAE;YAC7D,KAAK,EAAM,KAAK,CAAC,KAAK;YACtB,QAAQ,EAAG,KAAK,CAAC,QAAQ;YACzB,SAAS,WAAA;YACT,UAAU,YAAA;YACV,SAAS,WAAA;YACT,QAAQ,UAAA;SACT,CAAC;QAGF,WAAW,CAAC,CAAC,CAAC,CACZ,8BAAC,uBAAa,IACZ,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CAAC,CAAC,IAAI,CAEN,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,kBAAe,aAAa,CAAC"}
|
package/LoadingButton.d.ts
CHANGED
|
@@ -4,5 +4,5 @@ type LoadingButtonPropTypes = {
|
|
|
4
4
|
hasProblems: boolean;
|
|
5
5
|
fetchMore: () => void;
|
|
6
6
|
};
|
|
7
|
-
declare const
|
|
8
|
-
export default
|
|
7
|
+
declare const LoadingWrapper: (props: LoadingButtonPropTypes) => JSX.Element;
|
|
8
|
+
export default LoadingWrapper;
|
package/LoadingButton.js
CHANGED
|
@@ -1,19 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
var __assign = (this && this.__assign) || function () {
|
|
18
3
|
__assign = Object.assign || function(t) {
|
|
19
4
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -37,33 +22,19 @@ var react_1 = __importDefault(require("react"));
|
|
|
37
22
|
var react_intersection_observer_1 = require("react-intersection-observer");
|
|
38
23
|
var Messages_1 = require("x25/Messages");
|
|
39
24
|
var utility_1 = require("x25/utility");
|
|
40
|
-
var ErrorBoundary = /** @class */ (function (_super) {
|
|
41
|
-
__extends(ErrorBoundary, _super);
|
|
42
|
-
function ErrorBoundary(props) {
|
|
43
|
-
return _super.call(this, props) || this;
|
|
44
|
-
}
|
|
45
|
-
ErrorBoundary.prototype.componentDidCatch = function () {
|
|
46
|
-
};
|
|
47
|
-
ErrorBoundary.getDerivedStateFromError = function () {
|
|
48
|
-
return { hasError: true };
|
|
49
|
-
};
|
|
50
|
-
ErrorBoundary.prototype.render = function () {
|
|
51
|
-
return this.props.children;
|
|
52
|
-
};
|
|
53
|
-
return ErrorBoundary;
|
|
54
|
-
}(react_1.default.Component));
|
|
55
25
|
var LoadingButton = function (props) {
|
|
56
|
-
var isFetching = props.isFetching, hasProblems = props.hasProblems, fetchMore = props.fetchMore, _a = (0, react_intersection_observer_1.useInView)({}), ref = _a[0], inView = _a[1]
|
|
26
|
+
var isFetching = props.isFetching, hasProblems = props.hasProblems, fetchMore = props.fetchMore, _a = (0, react_intersection_observer_1.useInView)({}), ref = _a[0], inView = _a[1];
|
|
57
27
|
react_1.default.useEffect(function () {
|
|
58
|
-
if (!isFetching && !hasProblems && inView
|
|
28
|
+
if (!isFetching && !hasProblems && inView) {
|
|
59
29
|
fetchMore();
|
|
60
|
-
setFetchMoreCalled(true);
|
|
61
30
|
}
|
|
62
|
-
}, [isFetching, hasProblems, inView
|
|
31
|
+
}, [isFetching, hasProblems, inView]);
|
|
32
|
+
return (react_1.default.createElement("button", { className: "btn btn-link d-print-none", disabled: isFetching, onClick: fetchMore, ref: ref, type: "button" }, isFetching ? utility_1.words.LoadingData : utility_1.words.LoadMore));
|
|
33
|
+
}, LoadingWrapper = function (props) {
|
|
34
|
+
var isFetching = props.isFetching, hasProblems = props.hasProblems;
|
|
63
35
|
return (react_1.default.createElement("div", { className: "text-center my-2" },
|
|
64
36
|
hasProblems ? (react_1.default.createElement(Messages_1.ErrorMessage, { message: utility_1.words.ThereWasAProblem })) : null,
|
|
65
|
-
isFetching ? (react_1.default.createElement(Messages_1.LoadingMessage, { message: utility_1.words.LoadingData, sm: true })) : (react_1.default.createElement(
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
exports.default = Loading;
|
|
37
|
+
isFetching ? (react_1.default.createElement(Messages_1.LoadingMessage, { message: utility_1.words.LoadingData, sm: true })) : (react_1.default.createElement(LoadingButton, __assign({}, props)))));
|
|
38
|
+
};
|
|
39
|
+
exports.default = LoadingWrapper;
|
|
69
40
|
//# sourceMappingURL=LoadingButton.js.map
|
package/LoadingButton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingButton.js","sourceRoot":"","sources":["../src/LoadingButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LoadingButton.js","sourceRoot":"","sources":["../src/LoadingButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAyD;AACzD,2CAA2C;AAC3C,2CAA2C;AAC3C,oCAAoC;AACpC,gDAA0B;AAC1B,2EAAwD;AACxD,yCAA4D;AAC5D,uCAAoC;AAQpC,IACE,aAAa,GAAG,UAAC,KAA6B;IAExC,IAAA,UAAU,GAA6B,KAAK,WAAlC,EAAE,WAAW,GAAgB,KAAK,YAArB,EAAE,SAAS,GAAK,KAAK,UAAV,EACpC,KAAgB,IAAA,uCAAS,EAAC,EAAG,CAAC,EAA7B,GAAG,QAAA,EAAE,MAAM,QAAkB,CAAC;IAEjC,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE;YACzC,SAAS,EAAE,CAAC;SACb;IAEH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,0CACE,SAAS,EAAC,2BAA2B,EACrC,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,IACZ,UAAU,CAAC,CAAC,CAAC,eAAK,CAAC,WAAW,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CACzC,CACV,CAAC;AACJ,CAAC,EACD,cAAc,GAAG,UAAC,KAA6B;IACrC,IAAA,UAAU,GAAkB,KAAK,WAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;IAE1C,OAAO,CACL,uCAAK,SAAS,EAAC,kBAAkB;QAC9B,WAAW,CAAC,CAAC,CAAC,CACb,8BAAC,uBAAY,IAAC,OAAO,EAAE,eAAK,CAAC,gBAAgB,GAAI,CAClD,CAAC,CAAC,CAAC,IAAI;QACP,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,yBAAc,IAAC,OAAO,EAAE,eAAK,CAAC,WAAW,EAAE,EAAE,SAAG,CAClD,CAAC,CAAC,CAAC,CACF,8BAAC,aAAa,eAAK,KAAK,EAAI,CAC7B,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,kBAAe,cAAc,CAAC"}
|