redux-paginator-immutable 17.0.5 → 17.0.19

package/lib/Info.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type InfoPropTypes = {
+    shown: number;
+    total: number;
+    one: string;
+    all: string;
+};
+declare const Info: ({ shown, total, one, all }: InfoPropTypes) => JSX.Element;
+export default Info;

package/lib/Info.js

@@ -1,41 +1,19 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _utility = require("x25/utility");
-
-var _words = require("./words");
-
-var _words2 = _interopRequireDefault(_words);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var getNumberForm = function getNumberForm(value, one, all) {
-  if (value === 1) {
-    return "1 " + one;
-  }
-
-  return _words2.default.getNumberTense(value) + " " + all;
-};
-
-var Info = function Info(_ref) {
-  var shown = _ref.shown,
-      total = _ref.total,
-      one = _ref.one,
-      all = _ref.all;
-  return _react2.default.createElement(
-    "div",
-    { className: "text-muted" },
-    _words2.default.Showing + " ",
-    shown === total ? _utility.words.All + " - " : shown + " " + _words2.default.Of,
-    " " + getNumberForm(total, one, all)
-  );
-};
-
-exports.default = Info;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const utility_1 = require("x25/utility");
+const words_1 = __importDefault(require("./words"));
+const getNumberForm = (value, one, all) => {
+    if (value === 1) {
+        return `1 ${one}`;
+    }
+    return `${utility_1.words.getNumberTense(value)} ${all}`;
+}, Info = ({ shown, total, one, all }) => (react_1.default.createElement("div", { className: "text-muted" },
+    `${words_1.default.Showing} `,
+    shown === total ? `${words_1.default.All} - ` : `${shown} ${words_1.default.Of}`,
+    ` ${getNumberForm(total, one, all)}`));
+exports.default = Info;
+//# sourceMappingURL=Info.js.map

package/lib/Info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.js","sourceRoot":"","sources":["../src/Info.tsx"],"names":[],"mappings":";;;;;AAOA,kDAA0B;AAC1B,yCAAgD;AAChD,oDAA4B;AAE5B,MACE,aAAa,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAU,EAAE;IAClE,IAAI,KAAK,KAAK,CAAC,EAAE;QACf,OAAO,KAAK,GAAG,EAAE,CAAC;KACnB;IAED,OAAO,GAAG,eAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC;AACpD,CAAC,EAED,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAiB,EAAE,EAAE,CAAC,CACpD,uCAAK,SAAS,EAAC,YAAY;IACxB,GAAG,eAAK,CAAC,OAAO,GAAG;IACnB,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,eAAK,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,eAAK,CAAC,EAAE,EAAE;IAC5D,IAAI,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CACjC,CACP,CAAC;AAEJ,kBAAe,IAAI,CAAC"}

package/lib/LoadDataItem.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+declare type LoadDataItemPropTypes = {
+    isFetching: boolean;
+    fetched: boolean;
+    id: string;
+    hasError: boolean;
+    data: any;
+    children: React.ReactNode;
+    shouldFetch: any;
+    fetchItem: () => void;
+};
+declare type OwnProps = {
+    id: string;
+    settings: {
+        selectors: any;
+        dataItemURL: string;
+        endpoint: string;
+        manageEntity: any;
+        normalizeDataItem: any;
+    };
+};
+declare const _default: import("react-redux").ConnectedComponent<(props: LoadDataItemPropTypes) => any, import("react-redux").Omit<LoadDataItemPropTypes, "data" | "hasError" | "fetched" | "isFetching" | "shouldFetch" | "fetchItem"> & OwnProps>;
+export default _default;

package/lib/LoadDataItem.js

@@ -1,110 +1,59 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-// import {
-//   useLocation,
-//   useNavigate,
-//   useParams,
-// } from "react-router-dom";
-
-// const withRouter = (Component) => {
-//   const ComponentWithRouterProp = (props) => {
-//     const location = useLocation();
-//     const navigate = useNavigate();
-//     const params = useParams();
-
-//     return (
-//       <Component
-//         {...props}
-//         router={{
-//           location,
-//           navigate,
-//           params,
-//         }}
-//       />
-//     );
-//   };
-
-//   return ComponentWithRouterProp;
-// };
-
-var _react = require("react");
-
-var React = _interopRequireWildcard(_react);
-
-var _reactRedux = require("react-redux");
-
-var _actions = require("./actions");
-
-var _Messages = require("x25/Messages");
-
-var _words = require("./words");
-
-var _words2 = _interopRequireDefault(_words);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-var mapStateToProps = function mapStateToProps(state, _ref) {
-  var selectors = _ref.settings.selectors,
-      id = _ref.id;
-  return {
-    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 = function mapDispatchToProps(dispatch, _ref2) {
-  var id = _ref2.id,
-      settings = _ref2.settings;
-  return {
-    fetchItem: function fetchItem() {
-      dispatch((0, _actions.fetchItem)(_extends({}, settings, {
-        id: id
-      })));
-    }
-  };
-};
-
-var LoadDataItem = function LoadDataItem(props) {
-  var children = props.children,
-      data = props.data,
-      isFetching = props.isFetching,
-      shouldFetch = props.shouldFetch,
-      hasError = props.hasError,
-      fetchItem = props.fetchItem;
-
-
-  React.useEffect(function () {
-    if (shouldFetch) {
-      fetchItem();
-    }
-  }, [shouldFetch, isFetching, hasError]);
-
-  if (isFetching) {
-    return React.createElement(_Messages.LoadingMessage, { message: _words2.default.LoadingData });
-  }
-
-  if (hasError) {
-    return React.createElement(_Messages.LargeErrorMessage, {
-      message: _words2.default.ThereWasAProblem,
-      onRetry: fetchItem
-    });
-  }
-
-  if (data.size === 0) {
-    return null;
-  }
-
-  return children;
-};
-
-exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LoadDataItem);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const Messages_1 = require("x25/Messages");
+const actions_1 = require("./actions");
+const words_1 = __importDefault(require("./words"));
+const mapStateToProps = (state, { settings: { selectors, }, id, }) => ({
+    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, { id, settings, }) => ({
+    fetchItem() {
+        dispatch((0, actions_1.fetchItem)(Object.assign(Object.assign({}, settings), { id })));
+    },
+}), LoadDataItem = (props) => {
+    const { children, data, isFetching, shouldFetch, hasError, fetchItem, } = props;
+    React.useEffect(() => {
+        if (shouldFetch) {
+            fetchItem();
+        }
+    }, [shouldFetch, isFetching, hasError]);
+    if (isFetching) {
+        return React.createElement(Messages_1.LoadingMessage, { message: words_1.default.LoadingData });
+    }
+    if (hasError) {
+        return React.createElement(Messages_1.LargeErrorMessage, { message: words_1.default.ThereWasAProblem, onRetry: fetchItem });
+    }
+    if (data.size === 0) {
+        return null;
+    }
+    return children;
+};
+exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(LoadDataItem);
+//# sourceMappingURL=LoadDataItem.js.map

package/lib/LoadDataItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadDataItem.js","sourceRoot":"","sources":["../src/LoadDataItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAsB/B,6CAAsC;AACtC,2CAAiE;AACjE,uCAAyD;AACzD,oDAA4B;AAE5B,MACE,eAAe,GAAG,CAAC,KAAU,EAAE,EAC7B,QAAQ,EAAE,EACR,SAAS,GACV,EACD,EAAE,GACO,EAAE,EAAE,CAAC,CAAC;IACf,IAAI,EAAU,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAC1C,QAAQ,EAAM,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,CAAC;IAClD,OAAO,EAAO,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,EAAE,CAAC;IACnD,UAAU,EAAI,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC;IACxD,WAAW,EAAG,SAAS,CAAC,sBAAsB,CAAC,KAAK,EAAE,EAAE,CAAC;CAC1D,CAAC,EACF,kBAAkB,GAAG,CAAC,QAAa,EAAE,EACnC,EAAE,EACF,QAAQ,GACC,EAAE,EAAE,CAAC,CAAC;IACf,SAAS;QACP,QAAQ,CAAC,IAAA,mBAAe,kCACnB,QAAQ,KACX,EAAE,IACF,CAAC,CAAC;IACN,CAAC;CACF,CAAC,EAEF,YAAY,GAAG,CAAC,KAA4B,EAAQ,EAAE;IACpD,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,EAAE;YACf,SAAS,EAAE,CAAC;SACb;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExC,IAAI,UAAU,EAAE;QACd,OAAO,oBAAC,yBAAc,IAAC,OAAO,EAAE,eAAK,CAAC,WAAW,GAAI,CAAC;KACvD;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,4BAAiB,IAAC,OAAO,EAAE,eAAK,CAAC,gBAAgB,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC;KACnF;IAED,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE;QACnB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEJ,kBAAe,IAAA,qBAAO,EAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,YAAY,CAAC,CAAC"}

package/lib/LoadPaginator.d.ts

@@ -0,0 +1,41 @@
+import React, { Component } from "react";
+declare type Settings = {
+    key: string;
+    rowsPerLoad: number;
+    manipulateItems: (items: any) => void;
+    resetView: (data: any) => void;
+    changeView: (data: any) => void;
+    requestPage: (page: string, token: string) => any;
+};
+declare type OwnProps = {
+    token: string;
+    settings: Settings;
+};
+declare type LoadPaginatorPropTypes = {
+    token: string;
+    children: any;
+    settings: Settings;
+    paginator: any;
+    changeView: (info: {
+        token: string;
+        view: number;
+    }) => void;
+    resetView: (token: string) => void;
+    loadData: (page: number) => void;
+    changeFilter: (filter: string) => (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+};
+declare class LoadPaginator extends Component<LoadPaginatorPropTypes> {
+    handleLoadMoreClick: () => any;
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: LoadPaginatorPropTypes): void;
+    constructor(props: LoadPaginatorPropTypes);
+    shouldComponentUpdate(nextProps: LoadPaginatorPropTypes): boolean;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+declare const _default: import("react-redux").ConnectedComponent<typeof LoadPaginator, import("react-redux").Omit<React.ClassAttributes<LoadPaginator> & LoadPaginatorPropTypes, "paginator" | "changeView" | "resetView" | "loadData"> & OwnProps>;
+export default _default;

package/lib/LoadPaginator.js

@@ -1,216 +1,109 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-/* eslint-disable  */
-
-var _react = require("react");
-
-var _react2 = _interopRequireDefault(_react);
-
-var _immutable = require("immutable");
-
-var Immutable = _interopRequireWildcard(_immutable);
-
-var _reactRedux = require("react-redux");
-
-var _redux = require("redux");
-
-var _selectors = require("./selectors");
-
-var _selectors2 = _interopRequireDefault(_selectors);
-
-var _LoadingButton = require("./LoadingButton");
-
-var _LoadingButton2 = _interopRequireDefault(_LoadingButton);
-
-var _Messages = require("x25/Messages");
-
-var _words = require("./words");
-
-var _words2 = _interopRequireDefault(_words);
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var mapStateToProps = function mapStateToProps(state, _ref) {
-  var token = _ref.token,
-      settings = _ref.settings;
-
-  var _selectors$getPaginat = _selectors2.default.getPaginators(state, settings.key),
-      list = _selectors$getPaginat.list,
-      entities = _selectors$getPaginat.entities;
-
-  var currentPage = _selectors2.default.getCurrentView(list, token),
-      isFetching = _selectors2.default.isPageFetching(list, token, currentPage),
-      isFetched = _selectors2.default.isPageFetched(list, token, currentPage),
-      isNextFetching = _selectors2.default.isPageFetching(list, token, currentPage + 1),
-      isNextFetched = _selectors2.default.isPageFetched(list, token, currentPage + 1),
-      resultsUpTo = _selectors2.default.getResultsUpToPage(list, token, entities, currentPage, settings.rowsPerLoad),
-      items = settings.manipulateItems(resultsUpTo),
-      total = _selectors2.default.getCurrentTotalResultsCount(list, token),
-      hasProblems = _selectors2.default.hasPageProblems(list, token, currentPage);
-
-  var shouldLoadNext = !isNextFetched && !isNextFetching;
-
-  return {
-    paginator: Immutable.Map({
-      currentPage: currentPage,
-      hasProblems: hasProblems,
-      isFetched: isFetched,
-      isFetching: isFetching,
-      items: items,
-      shouldLoadNext: shouldLoadNext,
-      total: total
-    })
-  };
-},
-    mapDispatchToProps = function mapDispatchToProps(dispatch, _ref2) {
-  var token = _ref2.token,
-      settings = _ref2.settings;
-  return _extends({}, (0, _redux.bindActionCreators)({
-    resetView: settings.resetView,
-    changeView: settings.changeView
-  }, dispatch), {
-    loadData: function loadData(page) {
-      dispatch(settings.requestPage(page, token));
-    }
-  });
-};
-
-var LoadPaginator = function (_Component) {
-  _inherits(LoadPaginator, _Component);
-
-  function LoadPaginator(props) {
-    _classCallCheck(this, LoadPaginator);
-
-    var _this = _possibleConstructorReturn(this, (LoadPaginator.__proto__ || Object.getPrototypeOf(LoadPaginator)).call(this, props));
-
-    _this.handleLoadMoreClick = function () {
-      var _this$props = _this.props,
-          paginator = _this$props.paginator,
-          token = _this$props.token,
-          changeView = _this$props.changeView,
-          loadData = _this$props.loadData;
-
-
-      var currentPage = paginator.get("currentPage"),
-          hasProblems = paginator.get("hasProblems"),
-          shouldLoadNext = paginator.get("shouldLoadNext");
-
-      if (hasProblems) {
-        loadData(currentPage);
-      } else {
-        changeView({
-          token: token,
-          view: currentPage + 1
-        });
-
-        if (shouldLoadNext) {
-          loadData(currentPage + 1);
-        }
-      }
-    };
-    return _this;
-  }
-
-  _createClass(LoadPaginator, [{
-    key: "UNSAFE_componentWillMount",
-    value: function UNSAFE_componentWillMount() {
-      var _props = this.props,
-          paginator = _props.paginator,
-          loadData = _props.loadData;
-
-
-      var isFetched = paginator.get("isFetched"),
-          isFetching = paginator.get("isFetching"),
-          currentPage = paginator.get("currentPage");
-
-      var shouldFetch = !isFetched && !isFetching;
-
-      if (shouldFetch) {
-        loadData(currentPage);
-      }
-    }
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var loadData = nextProps.loadData,
-          paginator = nextProps.paginator;
-
-
-      var isFetched = paginator.get("isFetched"),
-          isFetching = paginator.get("isFetching"),
-          currentPage = paginator.get("currentPage");
-
-      var shouldFetch = !isFetched && !isFetching;
-
-      if (shouldFetch) {
-        loadData(currentPage);
-      }
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      return this.props.paginator !== nextProps.paginator;
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.props.resetView(this.props.token);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var paginator = this.props.paginator;
-
-
-      var items = paginator.get("items"),
-          hasProblems = paginator.get("hasProblems"),
-          currentPage = paginator.get("currentPage"),
-          isFetching = paginator.get("isFetching"),
-          total = paginator.get("total");
-
-      var isEmpty = items.size === 0,
-          showLoading = total !== items.size;
-
-      if (isEmpty && isFetching) {
-        return _react2.default.createElement(_Messages.LoadingMessage, { message: _words2.default.LoadingData });
-      }
-
-      if (hasProblems && currentPage === 1) {
-        return _react2.default.createElement(_Messages.LargeErrorMessage, {
-          message: _words2.default.ThereWasAProblem,
-          onRetry: this.handleLoadMoreClick
-        });
-      }
-
-      return _react2.default.createElement(
-        _react2.default.Fragment,
-        null,
-        _react2.default.cloneElement(this.props.children, this.props),
-        showLoading ? _react2.default.createElement(_LoadingButton2.default, {
-          hasProblems: hasProblems,
-          isFetching: isFetching,
-          onLoadMoreClick: this.handleLoadMoreClick
-        }) : null
-      );
-    }
-  }]);
-
-  return LoadPaginator;
-}(_react.Component);
-
-exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LoadPaginator);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Immutable = __importStar(require("immutable"));
+const react_redux_1 = require("react-redux");
+const redux_1 = require("redux");
+const Messages_1 = require("x25/Messages");
+const selectors_1 = __importDefault(require("./selectors"));
+const LoadingButton_1 = __importDefault(require("./LoadingButton"));
+const words_1 = __importDefault(require("./words"));
+const mapStateToProps = (state, { token, settings }) => {
+    const { list, entities } = selectors_1.default.getPaginators(state, settings.key), currentPage = selectors_1.default.getCurrentView(list, token), isFetching = selectors_1.default.isPageFetching(list, token, currentPage), isFetched = selectors_1.default.isPageFetched(list, token, currentPage), isNextFetching = selectors_1.default.isPageFetching(list, token, currentPage + 1), isNextFetched = selectors_1.default.isPageFetched(list, token, currentPage + 1), 
+    // eslint-disable-next-line max-len
+    resultsUpTo = selectors_1.default.getResultsUpToPage(list, token, entities, currentPage, settings.rowsPerLoad), items = settings.manipulateItems(resultsUpTo), total = selectors_1.default.getCurrentTotalResultsCount(list, token), 
+    // currentPage was previously given to the following function
+    hasProblems = selectors_1.default.hasPageProblems(list, token), shouldLoadNext = !isNextFetched && !isNextFetching;
+    return {
+        paginator: Immutable.Map({
+            currentPage,
+            hasProblems,
+            isFetched,
+            isFetching,
+            items,
+            shouldLoadNext,
+            total,
+        }),
+    };
+}, mapDispatchToProps = (dispatch, { token, settings, }) => (Object.assign(Object.assign({}, (0, redux_1.bindActionCreators)({
+    resetView: settings.resetView,
+    changeView: settings.changeView,
+}, dispatch)), { loadData(page) {
+        dispatch(settings.requestPage(page, token));
+    } }));
+// new
+/* eslint-disable */
+class LoadPaginator extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.handleLoadMoreClick = () => {
+            const { paginator, token, changeView, loadData } = this.props, currentPage = paginator.get("currentPage"), hasProblems = paginator.get("hasProblems"), shouldLoadNext = paginator.get("shouldLoadNext");
+            if (hasProblems) {
+                loadData(currentPage);
+            }
+            else {
+                changeView({
+                    token,
+                    view: currentPage + 1,
+                });
+                if (shouldLoadNext) {
+                    loadData(currentPage + 1);
+                }
+            }
+        };
+    }
+    componentDidMount() {
+        const { paginator, loadData } = this.props, isFetched = paginator.get("isFetched"), isFetching = paginator.get("isFetching"), currentPage = paginator.get("currentPage"), shouldFetch = !isFetched && !isFetching;
+        if (shouldFetch) {
+            loadData(currentPage);
+        }
+    }
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        const { loadData, paginator } = nextProps, isFetched = paginator.get("isFetched"), isFetching = paginator.get("isFetching"), currentPage = paginator.get("currentPage"), shouldFetch = !isFetched && !isFetching;
+        if (shouldFetch) {
+            loadData(currentPage);
+        }
+    }
+    shouldComponentUpdate(nextProps) {
+        return this.props.paginator !== nextProps.paginator;
+    }
+    componentWillUnmount() {
+        this.props.resetView(this.props.token);
+    }
+    render() {
+        const { paginator } = this.props, items = paginator.get("items"), hasProblems = paginator.get("hasProblems"), currentPage = paginator.get("currentPage"), isFetching = paginator.get("isFetching"), total = paginator.get("total"), isEmpty = items.size === 0, showLoading = total !== items.size;
+        if (isEmpty && isFetching) {
+            return react_1.default.createElement(Messages_1.LoadingMessage, { message: words_1.default.LoadingData });
+        }
+        if (hasProblems && currentPage === 1) {
+            return (react_1.default.createElement(Messages_1.LargeErrorMessage, { message: words_1.default.ThereWasAProblem, onRetry: this.handleLoadMoreClick }));
+        }
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.cloneElement(this.props.children, this.props),
+            showLoading ? (react_1.default.createElement(LoadingButton_1.default, { hasProblems: hasProblems, isFetching: isFetching, onLoadMoreClick: this.handleLoadMoreClick })) : null));
+    }
+}
+exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(LoadPaginator);
+//# sourceMappingURL=LoadPaginator.js.map