redux-paginator-immutable 17.0.39 → 17.0.41

package/lib/Info.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type InfoPropTypes = {
+type InfoPropTypes = {
     shown: number;
     total: number;
     one: string;

package/lib/LoadDataItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-declare type LoadDataItemPropTypes = {
+type LoadDataItemPropTypes = {
     isFetching: boolean;
     fetched: boolean;
     id: string;

package/lib/LoadPaginatorTypes.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Settings = {
+type Settings = {
     key: string;
     rowsPerLoad: number;
     manipulateItems: (items: any) => any;
@@ -7,18 +7,18 @@ declare type Settings = {
     changeView: (data: any) => any;
     requestPage: (page: number, token: string) => any;
 };
-export declare type LoadPaginatorPropTypes = {
+export type LoadPaginatorPropTypes = {
     token: string;
     settings: Settings;
     children: JSX.Element;
 };
-export declare type ChangeView = (info: {
+export type ChangeView = (info: {
     token: string;
     view: number;
 }) => any;
-export declare type ResetView = (token: string) => any;
-export declare type LoadData = (page: number) => any;
-export declare type List = {
+export type ResetView = (token: string) => any;
+export type LoadData = (page: number) => any;
+export type List = {
     token: string;
     settings: Settings;
     paginator: any;

package/lib/LoadingButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type LoadingButtonPropTypes = {
+type LoadingButtonPropTypes = {
     isFetching: boolean;
     hasProblems: boolean;
     onLoadMoreClick: () => void;

package/lib/LoadingButton.js

@@ -5,12 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Messages_1 = require("x25/Messages");
+const react_intersection_observer_1 = require("react-intersection-observer");
 const utility_1 = require("x25/utility");
 const LoadingButton = (props) => {
-    const { isFetching, hasProblems, onLoadMoreClick } = props;
+    const { isFetching, hasProblems, onLoadMoreClick } = props, [ref, inView] = (0, react_intersection_observer_1.useInView)({
+    // /* Optional options */
+    // triggerOnce: true,
+    // rootMargin: '0px 0px',
+    });
+    react_1.default.useEffect(() => {
+        if (!isFetching && !hasProblems && inView) {
+            onLoadMoreClick();
+        }
+    }, [isFetching, hasProblems, inView]);
     return (react_1.default.createElement("div", { className: "text-center my-2" },
         hasProblems ? react_1.default.createElement(Messages_1.ErrorMessage, { message: utility_1.words.ThereWasAProblem }) : null,
-        isFetching ? react_1.default.createElement(Messages_1.LoadingMessage, { message: utility_1.words.LoadingData, sm: true }) : (react_1.default.createElement("button", { className: "btn btn-outline-info d-print-none", disabled: isFetching, onClick: onLoadMoreClick, type: "button" }, isFetching ? utility_1.words.LoadingData : utility_1.words.LoadMore))));
+        isFetching ? react_1.default.createElement(Messages_1.LoadingMessage, { message: utility_1.words.LoadingData, sm: true }) : (react_1.default.createElement("button", { className: "btn btn-outline-info d-print-none", disabled: isFetching, onClick: onLoadMoreClick, ref: ref, type: "button" }, isFetching ? utility_1.words.LoadingData : utility_1.words.LoadMore))));
 };
 exports.default = LoadingButton;
 //# sourceMappingURL=LoadingButton.js.map

package/lib/LoadingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingButton.js","sourceRoot":"","sources":["../src/LoadingButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,2CAA4D;AAO5D,yCAAoC;AAEpC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IACvD,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,uCAAK,SAAS,EAAC,kBAAkB;QAC9B,WAAW,CAAC,CAAC,CAAC,8BAAC,uBAAY,IAAC,OAAO,EAAE,eAAK,CAAC,gBAAgB,GAAI,CAAC,CAAC,CAAC,IAAI;QACtE,UAAU,CAAC,CAAC,CAAC,8BAAC,yBAAc,IAAC,OAAO,EAAE,eAAK,CAAC,WAAW,EAAE,EAAE,SAAG,CAAC,CAAC,CAAC,CAChE,0CACE,SAAS,EAAC,mCAAmC,EAC7C,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,eAAe,EACxB,IAAI,EAAC,QAAQ,IACZ,UAAU,CAAC,CAAC,CAAC,eAAK,CAAC,WAAW,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CACzC,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"LoadingButton.js","sourceRoot":"","sources":["../src/LoadingButton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,2CAA4D;AAC5D,6EAAwD;AAOxD,yCAAoC;AAEpC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IACvD,MACE,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,KAAK,EACpD,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,uCAAS,EAAC;IAC1B,yBAAyB;IACzB,qBAAqB;IACrB,yBAAyB;KACxB,CAAC,CAAC;IAEL,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE;YACzC,eAAe,EAAE,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,uCAAK,SAAS,EAAC,kBAAkB;QAC9B,WAAW,CAAC,CAAC,CAAC,8BAAC,uBAAY,IAAC,OAAO,EAAE,eAAK,CAAC,gBAAgB,GAAI,CAAC,CAAC,CAAC,IAAI;QACtE,UAAU,CAAC,CAAC,CAAC,8BAAC,yBAAc,IAAC,OAAO,EAAE,eAAK,CAAC,WAAW,EAAE,EAAE,SAAG,CAAC,CAAC,CAAC,CAChE,0CACE,SAAS,EAAC,mCAAmC,EAC7C,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,eAAe,EACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,IACZ,UAAU,CAAC,CAAC,CAAC,eAAK,CAAC,WAAW,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CACzC,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/lib/actions.d.ts

@@ -1,5 +1,5 @@
 import type { Action, EndPointCb } from "./types";
-declare type RequestPageArgsTypes = {
+type RequestPageArgsTypes = {
     endpoint: string;
     endpointCb: EndPointCb;
     manageEntity: any;
@@ -10,7 +10,7 @@ declare type RequestPageArgsTypes = {
     page: number;
     token: string;
 };
-declare type ReceivePageArgsTypes = {
+type ReceivePageArgsTypes = {
     endpoint: string;
     endpointCb: EndPointCb;
     manageEntity: any;
@@ -22,7 +22,7 @@ declare type ReceivePageArgsTypes = {
     total: number;
     error: boolean;
 };
-declare type FetchDataItem = {
+type FetchDataItem = {
     dataItemURL: string;
     endpoint: string;
     normalizeDataItem: any;

package/lib/agent.d.ts

@@ -1,4 +1,4 @@
-declare type FetchPageArgs = {
+type FetchPageArgs = {
     endpoint: string;
     pageArgName: string;
     page: number;

package/lib/createDataReducer.d.ts

@@ -1,6 +1,6 @@
 import type { PaginatorSettings } from "./types";
-declare type Selector = (state: any, id: string) => any;
-declare type ListSelector = (state: any) => any;
+type Selector = (state: any, id: string) => any;
+type ListSelector = (state: any) => any;
 declare const createDataReducer: ({ key }: PaginatorSettings) => {
     getItems: (state: any) => any;
     getItem: Selector;

package/lib/createItemReducer.d.ts

@@ -2,7 +2,7 @@ import type { PaginatorSettings } from "./types";
 declare const createReducer: ({ key }: PaginatorSettings) => {
     getItems: (state: any) => any;
     getItem: (state: any, id: string) => any;
-    getItemsList: ((state: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+    getItemsList: ((state: any) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
         clearCache: () => void;
     };
 };

package/lib/createPaginator.d.ts

@@ -1,11 +1,11 @@
 import type { PaginatorSettings } from "./types";
-declare type EndpointData = {
+type EndpointData = {
     path: string;
     cb: () => string;
 };
-declare type Endpoint = EndpointData | string;
-declare type CreatePaginator = (endpoint: Endpoint, info: PaginatorSettings) => any;
-declare type OnlyForEndpoint = (endpoint: string, reducer: any) => (state: any, action: {
+type Endpoint = EndpointData | string;
+type CreatePaginator = (endpoint: Endpoint, info: PaginatorSettings) => any;
+type OnlyForEndpoint = (endpoint: string, reducer: any) => (state: any, action: {
     meta: {
         endpoint: string;
     };

package/lib/createPaginator.js

@@ -1,5 +1,4 @@
 "use strict";
-/* eslint-disable max-lines-per-function,  */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/lib/createPaginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"createPaginator.js","sourceRoot":"","sources":["../src/createPaginator.ts"],"names":[],"mappings":";AAAA,6CAA6C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE7C,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,qDAAuC;AACvC,yCAAyG;AACzG,wDAAgC;AAkBhC,MAAM,WAAW,GAAG,CAAC,IAAc,EAAE,EAAE;IACrC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO;YACL,IAAI,EAAG,IAAI,CAAC,IAAI;YAChB,EAAE,EAAK,IAAI,CAAC,EAAE;SACf,CAAC;KACH;IAED,OAAO;QACL,IAAI,EAAG,IAAI;QACX,EAAE,EAAK,IAAI;KACZ,CAAC;AACJ,CAAC,CAAC;AAEK,MACL,eAAe,GAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE;IAC5F,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;QAC3E,OAAO,KAAK,CAAC;KACd;IAED,OAAO,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAChC,CAAC,EACD,eAAe,GAAoB,CAAC,YAAsB,EAAE,QAA2B,EAAE,EAAE;IACzF,MACE,EACE,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE,UAAU,GACf,GAAG,WAAW,CAAC,YAAY,CAAC,EAC7B,EACE,GAAG,EACH,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,OAAO,EAClB,WAAW,GAAG,MAAM,EACpB,KAAK,GAAG,IAAI,EACZ,WAAW,GAAG,kBAAkB,EAChC,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GACnC,GAAG,QAAQ,EACZ,iBAAiB,GAAG;QAClB,WAAW,EAAE,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAAC,iBAAO,CAAC,WAAW,CAAC;YAChE,QAAQ;YACR,UAAU;YACV,YAAY;YACZ,UAAU;YACV,QAAQ;YACR,WAAW;YACX,KAAK;YACL,IAAI;YACJ,KAAK;SACN,CAAC;QAEF,SAAS,CAAE,KAAW;YACpB,OAAO,iBAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC5C,CAAC;QAED,UAAU,CAAE,EAAE,IAAI,EAAE,KAAK,EAAoC;YAC3D,OAAO,iBAAO,CAAC,UAAU,CAAC,QAAQ,EAAE;gBAClC,IAAI;gBACJ,KAAK;aACN,CAAC,CAAC;QACL,CAAC;QAED,SAAS;YACP,OAAO,iBAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrC,CAAC;KACF,CAAC;IAEJ,uBACE,GAAG;QACH,iBAAiB;QACjB,WAAW;QACX,eAAe;QACf,WAAW;QACX,YAAY;QACZ,UAAU;QACV,QAAQ,EACR,YAAY,EAAO,IAAA,uBAAe,EAAC,QAAQ,EAAE,gBAAY,CAAC,EAC1D,YAAY,EAAO,IAAA,uBAAe,EAAC,QAAQ,EAAE,gBAAY,CAAC,EAC1D,gBAAgB,EAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,oBAAgB,CAAC,IAC3D,iBAAiB,EACpB;AACJ,CAAC,CAAC;AApEF,QAAA,eAAe,oBAOf,QAAA,eAAe,mBA6Db"}
+{"version":3,"file":"createPaginator.js","sourceRoot":"","sources":["../src/createPaginator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,qDAAuC;AACvC,yCAAyG;AACzG,wDAAgC;AAkBhC,MAAM,WAAW,GAAG,CAAC,IAAc,EAAE,EAAE;IACrC,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO;YACL,IAAI,EAAG,IAAI,CAAC,IAAI;YAChB,EAAE,EAAK,IAAI,CAAC,EAAE;SACf,CAAC;KACH;IAED,OAAO;QACL,IAAI,EAAG,IAAI;QACX,EAAE,EAAK,IAAI;KACZ,CAAC;AACJ,CAAC,CAAC;AAEK,MACL,eAAe,GAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE;IAC5F,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;QAC3E,OAAO,KAAK,CAAC;KACd;IAED,OAAO,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAChC,CAAC,EACD,eAAe,GAAoB,CAAC,YAAsB,EAAE,QAA2B,EAAE,EAAE;IACzF,MACE,EACE,IAAI,EAAE,QAAQ,EACd,EAAE,EAAE,UAAU,GACf,GAAG,WAAW,CAAC,YAAY,CAAC,EAC7B,EACE,GAAG,EACH,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,OAAO,EAClB,WAAW,GAAG,MAAM,EACpB,KAAK,GAAG,IAAI,EACZ,WAAW,GAAG,kBAAkB,EAChC,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GACnC,GAAG,QAAQ,EACZ,iBAAiB,GAAG;QAClB,WAAW,EAAE,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE,CAAC,iBAAO,CAAC,WAAW,CAAC;YAChE,QAAQ;YACR,UAAU;YACV,YAAY;YACZ,UAAU;YACV,QAAQ;YACR,WAAW;YACX,KAAK;YACL,IAAI;YACJ,KAAK;SACN,CAAC;QAEF,SAAS,CAAE,KAAW;YACpB,OAAO,iBAAO,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAC5C,CAAC;QAED,UAAU,CAAE,EAAE,IAAI,EAAE,KAAK,EAAoC;YAC3D,OAAO,iBAAO,CAAC,UAAU,CAAC,QAAQ,EAAE;gBAClC,IAAI;gBACJ,KAAK;aACN,CAAC,CAAC;QACL,CAAC;QAED,SAAS;YACP,OAAO,iBAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACrC,CAAC;KACF,CAAC;IAEJ,uBACE,GAAG;QACH,iBAAiB;QACjB,WAAW;QACX,eAAe;QACf,WAAW;QACX,YAAY;QACZ,UAAU;QACV,QAAQ,EACR,YAAY,EAAO,IAAA,uBAAe,EAAC,QAAQ,EAAE,gBAAY,CAAC,EAC1D,YAAY,EAAO,IAAA,uBAAe,EAAC,QAAQ,EAAE,gBAAY,CAAC,EAC1D,gBAAgB,EAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,oBAAgB,CAAC,IAC3D,iBAAiB,EACpB;AACJ,CAAC,CAAC;AApEF,QAAA,eAAe,oBAOf,QAAA,eAAe,mBA6Db"}

package/lib/reducerItemData.d.ts

@@ -1,4 +1,4 @@
-declare type FetchItemDataFulFilledProps = {
+type FetchItemDataFulFilledProps = {
     payload: {
         Data: any;
     };

package/lib/selectors.d.ts

@@ -1,49 +1,29 @@
+import type { State } from "./types";
 declare const _default: {
-    getAllResults: ((state: {
-        readonly pages: any;
-        readonly itemsReducer: any;
-    }, params_0: string, params_1: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
+    getAllResults: ((state: State, _token: string, items: any) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
         clearCache: () => void;
     };
-    getCurrentTotalResultsCount: ((state: {
-        readonly pages: any;
-        readonly itemsReducer: any;
-    }, params_0: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+    getCurrentTotalResultsCount: ((state: State, token: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
         clearCache: () => void;
     };
-    getResultsUpToPage: ((state: {
-        readonly pages: any;
-        readonly itemsReducer: any;
-    }, params_0: string, params_1: {}, params_2: {}, params_3: number) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any, args_2: any, args_3: number) => any> & {
+    getResultsUpToPage: ((state: State, _token: string, _items: any, _target: any, perPage: number) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any, args_2: any, args_3: number) => any> & {
         clearCache: () => void;
     };
-    isPageFetching: ((state: {
-        readonly pages: any;
-        readonly itemsReducer: any;
-    }, params_0: string, params_1: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
+    isPageFetching: ((state: State, _token: string, target: any) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
         clearCache: () => void;
     };
-    isPageFetched: ((state: {
-        readonly pages: any;
-        readonly itemsReducer: any;
-    }, params_0: string, params_1: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
+    isPageFetched: ((state: State, _token: string, target: any) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
         clearCache: () => void;
     };
-    hasPageProblems: ((state: {
-        readonly pages: any;
-        readonly itemsReducer: any;
-    }, params_0: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+    hasPageProblems: ((state: State, token: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
         clearCache: () => void;
     };
-    getCurrentView: ((state: {
-        readonly pages: any;
-        readonly itemsReducer: any;
-    }, params_0: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+    getCurrentView: ((state: State, token: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
         clearCache: () => void;
     };
     getPaginatorPaginations: (state: any, name: string) => any;
     getPaginatorEntities: (state: any, name: string) => any;
-    getPaginators: ((state: {}, params_0: string) => {
+    getPaginators: ((state: any, name: string) => {
         list: any;
         entities: any;
     }) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => {

package/lib/types/actions.d.ts

@@ -1,5 +1,5 @@
 import type { EndPointCb } from "./index";
-export declare type RequestPageAction = {
+export type RequestPageAction = {
     type: "@@redux-paginator-immutable/REQUEST_PAGE";
     meta: {
         endpoint: string;
@@ -15,7 +15,7 @@ export declare type RequestPageAction = {
         token: string;
     };
 };
-export declare type ReceivePageAction = {
+export type ReceivePageAction = {
     type: "@@redux-paginator-immutable/RECEIVE_PAGE";
     meta: {
         endpoint: string;
@@ -33,7 +33,7 @@ export declare type ReceivePageAction = {
         raw?: string;
     };
 };
-export declare type ChangeViewAction = {
+export type ChangeViewAction = {
     type: "@@redux-paginator-immutable/CHANGE_VIEW";
     meta: {
         endpoint: string;
@@ -43,7 +43,7 @@ export declare type ChangeViewAction = {
         token: string;
     };
 };
-export declare type ResetViewAction = {
+export type ResetViewAction = {
     type: "@@redux-paginator-immutable/RESET_VIEW";
     meta: {
         endpoint: string;
@@ -52,28 +52,28 @@ export declare type ResetViewAction = {
         token: string;
     };
 };
-export declare type ClearDataAction = {
+export type ClearDataAction = {
     type: "@@redux-paginator-immutable/CLEAR_DATA";
     meta: {
         endpoint: string;
     };
 };
-export declare type FetchCurrentCompanyInfoPending = {
+export type FetchCurrentCompanyInfoPending = {
     type: "FETCH_CURRENT_COMPANY_INFO_PENDING";
 };
-export declare type FetchItemDataPending = {
+export type FetchItemDataPending = {
     type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_PENDING";
     meta: {
         id: string;
     };
 };
-export declare type FetchItemDataRejected = {
+export type FetchItemDataRejected = {
     type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_REJECTED";
     meta: {
         id: string;
     };
 };
-export declare type FetchItemDataFulFilled = {
+export type FetchItemDataFulFilled = {
     type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_FULFILLED";
     payload: {
         Data: any;
@@ -82,4 +82,4 @@ export declare type FetchItemDataFulFilled = {
         id: string;
     };
 };
-export declare type Action = RequestPageAction | ReceivePageAction | ResetViewAction | ChangeViewAction | ClearDataAction | FetchCurrentCompanyInfoPending | FetchItemDataPending | FetchItemDataRejected | FetchItemDataFulFilled;
+export type Action = RequestPageAction | ReceivePageAction | ResetViewAction | ChangeViewAction | ClearDataAction | FetchCurrentCompanyInfoPending | FetchItemDataPending | FetchItemDataRejected | FetchItemDataFulFilled;

package/lib/types/index.d.ts

@@ -2,12 +2,12 @@ export * from "./actions";
 export * from "./state";
 import type { State } from "./state";
 import type { Action } from "./actions";
-export declare type GetState = () => State;
-export declare type PromiseAction = Promise<Action>;
-export declare type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;
-export declare type Dispatch = (action: Action | ThunkAction | PromiseAction | Array<Action>) => any;
-export declare type EndPointCb = ((token?: string) => string) | null;
-export declare type PaginatorSettings = {
+export type GetState = () => State;
+export type PromiseAction = Promise<Action>;
+export type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;
+export type Dispatch = (action: Action | ThunkAction | PromiseAction | Array<Action>) => any;
+export type EndPointCb = ((token?: string) => string) | null;
+export type PaginatorSettings = {
     key: string;
     manageEntity: any;
     resultsKey: string;

package/lib/types/state.d.ts

@@ -1,6 +1,6 @@
-export declare type PagesState = any;
-export declare type ItemsState = any;
-export declare type State = {
+export type PagesState = any;
+export type ItemsState = any;
+export type State = {
     readonly pages: PagesState;
     readonly itemsReducer: ItemsState;
 };

package/lib/util.d.ts

@@ -1,9 +1,9 @@
-declare type NormalizrEntity = (data: any) => any;
+type NormalizrEntity = (data: any) => any;
 import type { Map as ImmutableMap } from "immutable";
-declare type ManageDataEntity = ImmutableMap<string, any>;
-declare const manageEntity: (normalizrEntity: NormalizrEntity) => (item: any, state: any, keyID: string) => ManageDataEntity, manipulateItems: (sortKey?: string) => ((state: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+type ManageDataEntity = ImmutableMap<string, any>;
+declare const manageEntity: (normalizrEntity: NormalizrEntity) => (item: any, state: any, keyID: string) => ManageDataEntity, manipulateItems: (sortKey?: string) => ((state: any) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
     clearCache: () => void;
-}, manageDataEntity: (normalizrEntity: NormalizrEntity) => (item: any, state: any, keyID: string) => ManageDataEntity, manipulateDataItems: (sortKey?: string) => ((state: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+}, manageDataEntity: (normalizrEntity: NormalizrEntity) => (item: any, state: any, keyID: string) => ManageDataEntity, manipulateDataItems: (sortKey?: string) => ((state: any) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
     clearCache: () => void;
 };
 export { manageDataEntity, manipulateDataItems, manipulateItems, manageEntity };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-paginator-immutable",
-  "version": "17.0.39",
+  "version": "17.0.41",
   "types": "./lib/index.d.ts",
   "description": "redux-paginator-immutable helps you deal with paginated API by composing your existing reducers",
   "main": "./lib/index.js",
@@ -76,21 +76,21 @@
   },
   "homepage": "https://github.com/cristian-sima/redux-paginator-immutable#readme",
   "devDependencies": {
-    "@babel/preset-env": "^7.19.4",
+    "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.18.6",
-    "@types/superagent": "^4.1.15",
-    "@typescript-eslint/eslint-plugin": "^5.41.0",
-    "@typescript-eslint/parser": "^5.41.0",
+    "@types/superagent": "^4.1.16",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.5",
     "babel-polyfill": "^6.26.0",
-    "chai": "^4.3.4",
+    "chai": "^4.3.7",
     "chai-immutable": "^2.1.0",
     "codecov": "^3.8.1",
     "depcheck": "^1.4.3",
     "es3ify": "^0.2.2",
-    "eslint": "^8.26.0",
+    "eslint": "^8.31.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react": "^7.31.11",
     "expect": "^28.1.0",
     "flux-standard-action": "^2.1.1",
     "glob": "^8.0.3",
@@ -99,17 +99,18 @@
     "npm-check": "^5.9.2",
     "rimraf": "^3.0.2",
     "ts-mocha": "^10.0.0",
-    "typescript": "^4.6.4",
-    "webpack": "^5.74.0"
+    "typescript": "^4.9.4",
+    "webpack": "^5.75.0"
   },
   "dependencies": {
     "immutable": "^3.8.2",
     "query-string": "^7.1.1",
     "react": "^17.0.2",
-    "react-redux": "^8.0.4",
+    "react-intersection-observer": "^9.4.1",
+    "react-redux": "^8.0.5",
     "redux": "^4.2.0",
-    "reselect": "^4.1.6",
+    "reselect": "^4.1.7",
     "superagent": "^7.1.3",
-    "x25": "^17.3.2"
+    "x25": "^17.3.13"
   }
 }

package/src/LoadingButton.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { ErrorMessage, LoadingMessage } from "x25/Messages";
+import { useInView } from "react-intersection-observer";
 
 type LoadingButtonPropTypes = {
   isFetching: boolean;
@@ -9,7 +10,19 @@ type LoadingButtonPropTypes = {
 import { words } from "x25/utility";
 
 const LoadingButton = (props : LoadingButtonPropTypes) => {
-  const { isFetching, hasProblems, onLoadMoreClick } = props;
+  const
+    { isFetching, hasProblems, onLoadMoreClick } = props,
+    [ref, inView] = useInView({
+    // /* Optional options */
+    // triggerOnce: true,
+    // rootMargin: '0px 0px',
+    });
+
+  React.useEffect(() => {
+    if (!isFetching && !hasProblems && inView) {
+      onLoadMoreClick();
+    }
+  }, [isFetching, hasProblems, inView]);
 
   return (
     <div className="text-center my-2">
@@ -19,6 +32,7 @@ const LoadingButton = (props : LoadingButtonPropTypes) => {
           className="btn btn-outline-info d-print-none"
           disabled={isFetching}
           onClick={onLoadMoreClick}
+          ref={ref}
           type="button">
           {isFetching ? words.LoadingData : words.LoadMore}
         </button>

package/src/createPaginator.ts

@@ -1,5 +1,3 @@
-/* eslint-disable max-lines-per-function,  */
-
 const defaultRowsPerLoad = 25;
 
 import * as Immutable from "immutable";