redux-paginator-immutable 17.0.49 → 17.0.51

package/lib/selectors.d.ts

@@ -1,38 +0,0 @@
-import { State } from "./types";
-declare const _default: {
-    getAllResults: ((state: State, _token: string, items: any) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
-        clearCache: () => void;
-    };
-    getCurrentTotalResultsCount: ((state: State, token: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
-        clearCache: () => void;
-    };
-    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: State, _token: string, target: any) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
-        clearCache: () => void;
-    };
-    isPageFetched: ((state: State, _token: string, target: any) => any) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => any> & {
-        clearCache: () => void;
-    };
-    hasPageProblems: ((state: State, token: string) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
-        clearCache: () => void;
-    };
-    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: any, name: string) => {
-        list: any;
-        entities: any;
-    }) & import("reselect").OutputSelectorFields<(args_0: any, args_1: any) => {
-        list: any;
-        entities: any;
-    } & {
-        clearCache: () => void;
-    }> & {
-        clearCache: () => void;
-    };
-};
-export default _default;

package/lib/selectors.js

@@ -1,83 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const Immutable = __importStar(require("immutable"));
-const reselect_1 = require("reselect");
-const pagesSelector = (state) => state, pageSelector = (0, reselect_1.createSelector)(pagesSelector, (_state, token) => token, (pages, token) => pages.get(token)), getAllResults = (0, reselect_1.createSelector)(pageSelector, (_state, _token, items) => items, (page, items) => {
-    if (typeof page === "undefined") {
-        return Immutable.List();
-    }
-    return page.get("ids").map((id) => items.get(String(id)));
-}), getResultsUpToPage = (0, reselect_1.createSelector)(pageSelector, (_state, _token, items) => items, (_state, _token, _items, target) => target, (_state, _token, _items, _target, perPage) => (perPage), (page, items, target, perPage) => {
-    if (typeof page === "undefined") {
-        return Immutable.List();
-    }
-    const ids = page.get("ids").slice(0, perPage * target);
-    return ids.map((id) => items.get(String(id)));
-}), getCurrentTotalResultsCount = (0, reselect_1.createSelector)(pageSelector, (page) => {
-    if (typeof page === "undefined") {
-        return 0;
-    }
-    return page.get("total");
-}), isPageFetching = (0, reselect_1.createSelector)(pageSelector, (_state, _token, target) => target, (page, target) => {
-    if (typeof page === "undefined") {
-        return false;
-    }
-    return page.get("fetching") && target === page.get("page");
-}), isPageFetched = (0, reselect_1.createSelector)(pageSelector, (_state, _token, target) => target, (page, target) => {
-    if (typeof page === "undefined") {
-        return false;
-    }
-    return page.get("fetched") && target <= page.get("page");
-}), hasPageProblems = (0, reselect_1.createSelector)(pageSelector, (page) => {
-    if (typeof page === "undefined") {
-        return false;
-    }
-    return page.get("error");
-}), getCurrentView = (0, reselect_1.createSelector)(pageSelector, (page) => {
-    if (typeof page === "undefined") {
-        return 1;
-    }
-    return page.get("view");
-}), 
-// these selectors are used for the entire app
-getPaginatorPaginations = (state, name) => state.getIn(["paginations", name]), getPaginatorEntities = (state, name) => state.getIn(["entities", name]), getPaginators = (0, reselect_1.createSelector)(getPaginatorPaginations, getPaginatorEntities, (list, entities) => ({
-    list,
-    entities,
-}));
-exports.default = {
-    getAllResults,
-    getCurrentTotalResultsCount,
-    getResultsUpToPage,
-    isPageFetching,
-    isPageFetched,
-    hasPageProblems,
-    getCurrentView,
-    // for state
-    getPaginatorPaginations,
-    getPaginatorEntities,
-    getPaginators,
-};
-//# sourceMappingURL=selectors.js.map

package/lib/selectors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../src/selectors.ts"],"names":[],"mappings":"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"}

package/lib/types.d.ts

@@ -1,107 +0,0 @@
-export type PagesState = any;
-export type ItemsState = any;
-export type State = {
-    readonly pages: PagesState;
-    readonly itemsReducer: ItemsState;
-};
-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;
-    rowsPerLoad?: number;
-    manipulateItems?: (items: any) => any;
-    totalKey?: string;
-    pageArgName?: string;
-    idKey?: string;
-    dataItemURL?: string;
-    normalizeDataItem?: any;
-};
-export type RequestPageAction = {
-    type: "@@redux-paginator-immutable/REQUEST_PAGE";
-    meta: {
-        endpoint: string;
-        endpointCb: EndPointCb;
-        manageEntity: any;
-        resultsKey: string;
-        totalKey: string;
-        pageArgName: string;
-        idKey: string;
-    };
-    payload: {
-        page: number;
-        token: string;
-    };
-};
-export type ReceivePageAction = {
-    type: "@@redux-paginator-immutable/RECEIVE_PAGE";
-    meta: {
-        endpoint: string;
-        endpointCb: EndPointCb;
-        manageEntity: any;
-        pageArgName: string;
-        idKey: string;
-    };
-    payload: {
-        page: number;
-        token: string;
-        items: Array<any>;
-        total: number;
-        error: boolean;
-        raw?: string;
-    };
-};
-export type ChangeViewAction = {
-    type: "@@redux-paginator-immutable/CHANGE_VIEW";
-    meta: {
-        endpoint: string;
-    };
-    payload: {
-        view: number;
-        token: string;
-    };
-};
-export type ResetViewAction = {
-    type: "@@redux-paginator-immutable/RESET_VIEW";
-    meta: {
-        endpoint: string;
-    };
-    payload: {
-        token: string;
-    };
-};
-export type ClearDataAction = {
-    type: "@@redux-paginator-immutable/CLEAR_DATA";
-    meta: {
-        endpoint: string;
-    };
-};
-export type FetchCurrentCompanyInfoPending = {
-    type: "FETCH_CURRENT_COMPANY_INFO_PENDING";
-};
-export type FetchItemDataPending = {
-    type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_PENDING";
-    meta: {
-        id: string;
-    };
-};
-export type FetchItemDataRejected = {
-    type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_REJECTED";
-    meta: {
-        id: string;
-    };
-};
-export type FetchItemDataFulFilled = {
-    type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_FULFILLED";
-    payload: {
-        Data: any;
-    };
-    meta: {
-        id: string;
-    };
-};
-export type Action = RequestPageAction | ReceivePageAction | ResetViewAction | ChangeViewAction | ClearDataAction | FetchCurrentCompanyInfoPending | FetchItemDataPending | FetchItemDataRejected | FetchItemDataFulFilled;

package/lib/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/lib/util.d.ts

@@ -1,9 +0,0 @@
-type NormalizrEntity = (data: any) => any;
-import type { Map as ImmutableMap } from "immutable";
-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) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
-    clearCache: () => void;
-};
-export { manageDataEntity, manipulateDataItems, manipulateItems, manageEntity };

package/lib/util.js

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.manageEntity = exports.manipulateItems = exports.manipulateDataItems = exports.manageDataEntity = void 0;
-const Immutable = __importStar(require("immutable"));
-const reselect_1 = require("reselect");
-// simple item
-const manageEntity = (normalizrEntity) => ((item, state, keyID) => {
-    // prevent rewrite
-    const old = state.get(String(item[keyID]));
-    if (typeof old === "undefined") {
-        return Immutable.Map(normalizrEntity(item));
-    }
-    return old;
-}), manipulateItems = (sortKey = "ID") => (0, reselect_1.createSelector)((data) => data, (data) => data.sortBy((current) => -current.get(sortKey))), 
-// data item
-manageDataEntity = (normalizrEntity) => ((item, state, keyID) => {
-    // prevent rewrite
-    const old = state.get(String(item[keyID]));
-    if (typeof old === "undefined") {
-        return Immutable.Map({
-            Data: normalizrEntity(item),
-        });
-    }
-    return old;
-}), manipulateDataItems = (sortKey = "ID") => ((0, reselect_1.createSelector)((data) => data, (data) => data.sortBy((current) => -current.getIn(["Data", sortKey]))));
-exports.manageEntity = manageEntity;
-exports.manipulateItems = manipulateItems;
-exports.manageDataEntity = manageDataEntity;
-exports.manipulateDataItems = manipulateDataItems;
-//# sourceMappingURL=util.js.map

package/lib/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,qDAAuC;AACvC,uCAA0C;AAI1C,cAAc;AACd,MACE,YAAY,GAAG,CAAC,eAAgC,EAAE,EAAE,CAAC,CACnD,CAAC,IAAS,EAAE,KAAU,EAAE,KAAa,EAAoB,EAAE;IACzD,kBAAkB;IAClB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3C,IAAI,OAAO,GAAG,KAAK,WAAW,EAAE;QAC9B,OAAO,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7C;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,EACD,eAAe,GAAG,CAAC,OAAO,GAAG,IAAI,EAAE,EAAE,CAAC,IAAA,yBAAc,EAClD,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,EACpB,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAa,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CACtE;AAED,YAAY;AACZ,gBAAgB,GAAG,CAAC,eAAgC,EAAE,EAAE,CAAC,CACvD,CAAC,IAAS,EAAE,KAAU,EAAE,KAAa,EAAoB,EAAE;IACzD,kBAAkB;IAClB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3C,IAAI,OAAO,GAAG,KAAK,WAAW,EAAE;QAC9B,OAAO,SAAS,CAAC,GAAG,CAAC;YACnB,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;SAC5B,CAAC,CAAC;KACJ;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,EACD,mBAAmB,GAAG,CAAC,OAAO,GAAG,IAAI,EAAE,EAAE,CAAC,CACxC,IAAA,yBAAc,EACZ,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,EACpB,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAa,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAClF,CACF,CAAC;AAE6D,oCAAY;AAA7B,0CAAe;AAAtD,4CAAgB;AAAE,kDAAmB"}

package/src/Info.tsx

@@ -1,28 +0,0 @@
-type InfoPropTypes = {
-  shown: number;
-  total: number;
-  one: string;
-  all: string;
-};
-
-import React from "react";
-import { words } from "x25/utility";
-
-const
-  getNumberForm = (value: number, one: string, all: string): string => {
-    if (value === 1) {
-      return `1 ${one}`;
-    }
-
-    return `${words.getNumberTense(value)} ${all}`;
-  },
-
-  Info = ({ shown, total, one, all }: InfoPropTypes) => (
-    <div className="text-muted">
-      {`${words.Showing} `}
-      {shown === total ? `${words.All} - ` : `${shown} ${words.Of}`}
-      {` ${getNumberForm(total, one, all)}`}
-    </div>
-  );
-
-export default Info;

package/src/LoadDataItem.tsx

@@ -1,84 +0,0 @@
-import * as React from "react";
-
-type LoadDataItemPropTypes = {
-  isFetching: boolean;
-  fetched: boolean;
-  id: string;
-  hasError: boolean;
-  data: any;
-  children: React.ReactNode;
-  shouldFetch: any;
-  fetchItem: () => void;
-};
-type OwnProps = {
-  id: string;
-  settings: {
-    selectors: any;
-    dataItemURL: string;
-    endpoint: string;
-    manageEntity: any;
-    normalizeDataItem: any;
-  };
-};
-import { connect } from "react-redux";
-import { LargeErrorMessage, LoadingMessage } from "x25/Messages";
-import { words } from "x25/utility";
-import { fetchItem as fetchItemAction } from "./actions";
-
-const
-  mapStateToProps = (state: any, {
-    settings: {
-      selectors,
-    },
-    id,
-  }: OwnProps) => ({
-    data        : selectors.getItem(state, id),
-    hasError    : selectors.getItemHasError(state, id),
-    fetched     : selectors.getItemIsFetched(state, id),
-    isFetching  : selectors.getIsFetchingItemInfo(state, id),
-    shouldFetch : selectors.getShouldFetchItemInfo(state, id),
-  }),
-  mapDispatchToProps = (dispatch: any, {
-    id,
-    settings,
-  }: OwnProps) => ({
-    fetchItem () {
-      dispatch(fetchItemAction({
-        ...settings,
-        id,
-      }));
-    },
-  }),
-
-  LoadDataItem = (props: LoadDataItemPropTypes) : any => {
-    const {
-      children,
-      data,
-      isFetching,
-      shouldFetch,
-      hasError,
-      fetchItem,
-    } = props;
-
-    React.useEffect(() => {
-      if (shouldFetch) {
-        fetchItem();
-      }
-    }, [shouldFetch, isFetching, hasError]);
-
-    if (isFetching) {
-      return <LoadingMessage message={words.LoadingData} />;
-    }
-
-    if (hasError) {
-      return <LargeErrorMessage message={words.ThereWasAProblem} onRetry={fetchItem} />;
-    }
-
-    if (data.size === 0) {
-      return null;
-    }
-
-    return children;
-  };
-
-export default connect(mapStateToProps, mapDispatchToProps)(LoadDataItem);

package/src/LoadPaginator.tsx

@@ -1,104 +0,0 @@
-import React, { useEffect } from "react";
-import * as Immutable from "immutable";
-import { useDispatch, useSelector } from "react-redux";
-import { LargeErrorMessage, LoadingMessage } from "x25/Messages";
-import { words } from "x25/utility";
-import selectors from "./selectors";
-import LoadingButton from "./LoadingButton";
-
-import { ChangeView, List, LoadData, LoadPaginatorPropTypes, ResetView } from "./LoadPaginatorTypes";
-
-const
-  LoadPaginator = (props : LoadPaginatorPropTypes) => {
-    const
-      { token, settings } = props,
-
-      { list, entities } = useSelector((state : never) => (
-        selectors.getPaginators(state, settings.key)
-      )),
-
-      currentPage = selectors.getCurrentView(list, token),
-      isFetching = selectors.isPageFetching(list, token, currentPage),
-      isFetched = selectors.isPageFetched(list, token, currentPage),
-      resultsUpTo = (
-        selectors.getResultsUpToPage(list, token, entities, currentPage, settings.rowsPerLoad)
-      ),
-      items = settings.manipulateItems(resultsUpTo),
-      total = selectors.getCurrentTotalResultsCount(list, token),
-      hasProblems = selectors.hasPageProblems(list, token),
-
-      paginator = Immutable.Map({
-        currentPage,
-        hasProblems,
-        isFetched,
-        isFetching,
-        items,
-        total,
-      }),
-
-      dispatch = useDispatch(),
-      resetView : ResetView = (currentToken) => dispatch(settings.resetView(currentToken)),
-      changeView : ChangeView = (data) => dispatch(settings.changeView(data)),
-      loadData : LoadData = (page) => dispatch(settings.requestPage(page, token)),
-
-      showLoading = paginator.get("total") !== items.size,
-
-      shouldFetch = !isFetched && !isFetching,
-      handleLoadMoreClick = () => {
-        if (hasProblems) {
-          loadData(currentPage);
-        } else {
-          changeView({
-            token,
-            view: currentPage + 1,
-          });
-        }
-      };
-
-    useEffect(() => {
-      if (shouldFetch) {
-        loadData(currentPage);
-      }
-    }, [shouldFetch]);
-
-    useEffect(() => () => resetView(token), []);
-
-    if (items.size === 0 && isFetching) {
-      return <LoadingMessage message={words.LoadingData} />;
-    }
-
-    if (hasProblems && currentPage === 1) {
-      return (
-        <LargeErrorMessage
-          message={words.ThereWasAProblem}
-          onRetry={handleLoadMoreClick}
-        />
-      );
-    }
-
-    return (
-      <>
-        {
-          React.cloneElement(props.children as React.ReactElement<List>, {
-            token    : props.token,
-            settings : props.settings,
-            paginator,
-            changeView,
-            resetView,
-            loadData,
-          })
-        }
-        {
-          showLoading ? (
-            <LoadingButton
-              hasProblems={hasProblems}
-              isFetching={isFetching}
-              onLoadMoreClick={handleLoadMoreClick}
-            />
-          ) : null
-        }
-      </>
-    );
-  };
-
-export default LoadPaginator;

package/src/LoadPaginatorTypes.ts

@@ -1,31 +0,0 @@
-type Settings = {
-    key: string;
-    rowsPerLoad: number;
-    manipulateItems: (items: any) => any;
-    resetView: (data: any) => any;
-    changeView: (data: any) => any;
-    requestPage: (page: number, token: string) => any;
-};
-export type LoadPaginatorPropTypes = {
-    token: string;
-    settings: Settings;
-    children: JSX.Element;
-};
-
-export type ChangeView = (info: {
-    token: string;
-    view: number;
-}) => any;
-
-export type ResetView = (token: string) => any;
-
-export type LoadData = (page: number) => any;
-
-export type List = {
-    token: string;
-    settings: Settings;
-    paginator: any;
-    changeView: ChangeView;
-    resetView: ResetView;
-    loadData: LoadData;
-}

package/src/LoadingButton.tsx

@@ -1,44 +0,0 @@
-import React from "react";
-import { ErrorMessage, LoadingMessage } from "x25/Messages";
-import { useInView } from "react-intersection-observer";
-
-type LoadingButtonPropTypes = {
-  isFetching: boolean;
-  hasProblems: boolean;
-  onLoadMoreClick: () => void;
-};
-import { words } from "x25/utility";
-
-const LoadingButton = (props : LoadingButtonPropTypes) => {
-  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">
-      {hasProblems ? <ErrorMessage message={words.ThereWasAProblem} /> : null}
-      {isFetching ? <LoadingMessage message={words.LoadingData} sm /> : (
-        <button
-          className="btn btn-outline-info d-print-none"
-          disabled={isFetching}
-          onClick={onLoadMoreClick}
-          ref={ref}
-          type="button">
-          {isFetching ? words.LoadingData : words.LoadMore}
-        </button>
-      )}
-    </div>
-  );
-};
-
-export default LoadingButton;