redux-paginator-immutable 2.7.11 → 17.0.3

package/lib/Info.js

@@ -4,6 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _words = require("./words");
+
+var _words2 = _interopRequireDefault(_words);
+
 var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
@@ -28,8 +32,8 @@ var Info = function Info(_ref) {
   return _react2.default.createElement(
     "div",
     { className: "text-muted" },
-    "Afișez ",
-    shown === total ? "tot - " : shown + " din",
+    _words2.default.Showing + " ",
+    shown === total ? _words2.default.All + " - " : shown + " " + _words2.default.Of,
     " " + getNumberForm(total, one, all)
   );
 };

package/lib/LoadDataItem.js

@@ -6,18 +6,49 @@ Object.defineProperty(exports, "__esModule", {
 
 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 _reactRouterDom = require("react-router-dom");
-
 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) {
@@ -59,12 +90,12 @@ var LoadDataItem = function LoadDataItem(props) {
   }, [shouldFetch, isFetching, hasError]);
 
   if (isFetching) {
-    return React.createElement(_Messages.LoadingMessage, { message: "Preiau datele..." });
+    return React.createElement(_Messages.LoadingMessage, { message: _words2.default.LoadingData });
   }
 
   if (hasError) {
     return React.createElement(_Messages.LargeErrorMessage, {
-      message: "Nu am putut stabili conexiunea cu server-ul",
+      message: _words2.default.ThereWasAProblem,
       onRetry: fetchItem
     });
   }
@@ -76,4 +107,4 @@ var LoadDataItem = function LoadDataItem(props) {
   return children;
 };
 
-exports.default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LoadDataItem));
+exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LoadDataItem);

package/lib/LoadPaginator.js

@@ -31,6 +31,10 @@ 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 }; }
@@ -183,12 +187,12 @@ var LoadPaginator = function (_Component) {
           showLoading = total !== items.size;
 
       if (isEmpty && isFetching) {
-        return _react2.default.createElement(_Messages.LoadingMessage, { message: "Preiau datele..." });
+        return _react2.default.createElement(_Messages.LoadingMessage, { message: _words2.default.LoadingData });
       }
 
       if (hasProblems && currentPage === 1) {
         return _react2.default.createElement(_Messages.LargeErrorMessage, {
-          message: "Nu pot prelua datele",
+          message: _words2.default.ThereWasAProblem,
           onRetry: this.handleLoadMoreClick
         });
       }

package/lib/LoadingButton.js

@@ -12,6 +12,10 @@ var _react2 = _interopRequireDefault(_react);
 
 var _Messages = require("x25/Messages");
 
+var _words = require("./words");
+
+var _words2 = _interopRequireDefault(_words);
+
 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"); } }
@@ -51,15 +55,15 @@ var LoadingButton = function (_React$Component) {
       return _react2.default.createElement(
         "div",
         { className: "text-center my-2" },
-        hasProblems ? _react2.default.createElement(_Messages.ErrorMessage, { message: "Nu am putut prelua. \xCEncearc\u0103 \xEEnc\u0103 o dat\u0103..." }) : null,
-        isFetching ? _react2.default.createElement(_Messages.LoadingMessage, { message: "Preiau date...", sm: true }) : _react2.default.createElement(
+        hasProblems ? _react2.default.createElement(_Messages.ErrorMessage, { message: _words2.default.ThereWasAProblem }) : null,
+        isFetching ? _react2.default.createElement(_Messages.LoadingMessage, { message: _words2.default.LoadingData, sm: true }) : _react2.default.createElement(
           "button",
           {
             className: "btn btn-outline-info d-print-none",
             disabled: isFetching,
             onClick: onLoadMoreClick,
             type: "button" },
-          isFetching ? "Încarc..." : "Încarcă mai mule"
+          isFetching ? _words2.default.Loading : _words2.default.LoadMore
         )
       );
     }

package/lib/words.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var words = {
+  ThereWasAProblem: "There was a problem. Try again",
+  Showing: "Showing",
+  All: "all",
+  Of: "of",
+  LoadingData: "Loading data...",
+  LoadMore: "Load more"
+};
+
+exports.default = words;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-paginator-immutable",
-  "version": "2.7.11",
+  "version": "17.0.3",
   "description": "redux-paginator-immutable helps you deal with paginated API by composing your existing reducers",
   "main": "./lib/index.js",
   "babel": {
@@ -37,9 +37,8 @@
     "build": "npm run build:lib",
     "clean": "rimraf dist lib",
     "check": "npm-check -u -i babel-jest -i jest --specials=bin,eslint,babel,webpack",
-    "flow": "flow check --color=always",
     "eslint": "eslint --ext .jsx,.js src --fix",
-    "prepublish": "npm run test && npm run eslint && npm run flow && npm run clean && npm run build",
+    "load": "npm run test && npm run eslint && npm run clean && npm run build && npm publish",
     "test": "mocha --require babel-core/register --recursive --recursive \"src/**/__tests__/*\" --require src/__tests__/setup.js",
     "test:watch": "npm test -- --watch",
     "test:cov": "babel-node ./node_modules/isparta/bin/isparta cover ./node_modules/mocha/bin/_mocha -- --recursive \"src/**/__tests__/*\" --require src/__tests__/setup.js",
@@ -72,39 +71,38 @@
   "homepage": "https://github.com/cristian-sima/redux-paginator-immutable#readme",
   "devDependencies": {
     "babel-cli": "^6.26.0",
-    "babel-eslint": "^10.0.3",
+    "babel-eslint": "^10.1.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.5",
     "babel-plugin-transform-flow-strip-types": "^6.22.0",
     "babel-polyfill": "^6.26.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
-    "chai": "^4.2.0",
+    "chai": "^4.3.4",
     "chai-immutable": "^2.1.0",
-    "codecov": "^3.6.1",
+    "codecov": "^3.8.1",
     "cross-env": "^6.0.3",
     "es3ify": "^0.2.2",
     "eslint": "^6.7.0",
-    "eslint-plugin-react": "^7.16.0",
+    "eslint-plugin-react": "^7.23.1",
     "expect": "^24.9.0",
-    "flow-bin": "^0.112.0",
+    "flow-bin": "^0.148.0",
     "flux-standard-action": "^2.1.1",
     "glob": "^7.1.6",
     "isparta": "^4.1.1",
     "mocha": "^6.2.2",
-    "npm-check": "^5.9.0",
-    "rimraf": "^3.0.0",
+    "npm-check": "^5.9.2",
+    "rimraf": "^3.0.2",
     "webpack": "^4.41.2"
   },
-  "peerDependencies": {},
   "dependencies": {
-    "depcheck": "^0.9.1",
-    "immutable": "^4.0.0-rc.12",
-    "query-string": "^6.9.0",
-    "react": "^16.12.0",
-    "redux": "^4.0.4",
-    "reselect": "^4.0.0",
-    "superagent": "^5.1.1",
-    "x25": "^2.9.1"
+    "depcheck": "^1.4.3",
+    "immutable": "*",
+    "query-string": "^7.1.0",
+    "react": "^17.0.2",
+    "redux": "^4.1.2",
+    "reselect": "^4.1.5",
+    "superagent": "^7.1.1",
+    "x25": "^17.0.5"
   }
 }

package/src/Info.jsx

@@ -1,5 +1,7 @@
 // @flow
 
+import words from "./words";
+
 type InfoPropTypes = {
   shown: number;
   total: number;
@@ -20,9 +22,9 @@ const getNumberForm = (value : number, one : string, all : string) : string => {
 
 const Info = ({ shown, total, one, all } : InfoPropTypes) => (
   <div className="text-muted">
-    {"Afișez "}
+    {`${words.Showing} `}
     {
-      (shown === total) ? "tot - " : `${shown} din`
+      (shown === total) ? `${words.All} - ` : `${shown} ${words.Of}`
     }
     {` ${getNumberForm(total, one, all)}`}
   </div>

package/src/LoadDataItem.jsx

@@ -25,12 +25,39 @@ type OwnProps = {
   }
 };
 
-import { withRouter } from "react-router-dom";
 import { connect } from "react-redux";
 
+// 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;
+// };
+
 import { fetchItem as fetchItemAction } from "./actions";
 
 import { LargeErrorMessage, LoadingMessage } from "x25/Messages";
+import words from "./words";
 
 const
   mapStateToProps = (state : any, { settings : { selectors }, id } : OwnProps) => ({
@@ -64,14 +91,14 @@ const LoadDataItem = (props : LoadDataItemPropTypes) => {
 
   if (isFetching) {
     return (
-      <LoadingMessage message="Preiau datele..." />
+      <LoadingMessage message={words.LoadingData} />
     );
   }
 
   if (hasError) {
     return (
       <LargeErrorMessage
-        message="Nu am putut stabili conexiunea cu server-ul"
+        message={words.ThereWasAProblem}
         onRetry={fetchItem}
       />
     );
@@ -86,4 +113,4 @@ const LoadDataItem = (props : LoadDataItemPropTypes) => {
   );
 };
 
-export default withRouter(connect(mapStateToProps, mapDispatchToProps)(LoadDataItem));
+export default connect(mapStateToProps, mapDispatchToProps)(LoadDataItem);

package/src/LoadPaginator.jsx

@@ -47,6 +47,7 @@ import selectors from "./selectors";
 import LoadingButton from "./LoadingButton";
 
 import { LargeErrorMessage, LoadingMessage } from "x25/Messages";
+import words from "./words";
 
 const mapStateToProps = (state, { token, settings } : OwnProps) => {
 
@@ -175,14 +176,14 @@ class LoadPaginator extends Component<LoadPaginatorPropTypes> {
 
     if (isEmpty && isFetching) {
       return (
-        <LoadingMessage message="Preiau datele..." />
+        <LoadingMessage message={words.LoadingData} />
       );
     }
 
     if (hasProblems && currentPage === 1) {
       return (
         <LargeErrorMessage
-          message="Nu pot prelua datele"
+          message={words.ThereWasAProblem}
           onRetry={this.handleLoadMoreClick}
         />
       );

package/src/LoadingButton.jsx

@@ -1,6 +1,7 @@
 // @flow
 
 import React from "react";
+import { ErrorMessage, LoadingMessage } from "x25/Messages";
 
 type LoadingButtonPropTypes = {
   isFetching: bool;
@@ -9,7 +10,7 @@ type LoadingButtonPropTypes = {
   onLoadMoreClick: () => void;
 };
 
-import { ErrorMessage, LoadingMessage } from "x25/Messages";
+import words from "./words";
 
 class LoadingButton extends React.Component<LoadingButtonPropTypes> {
   props: LoadingButtonPropTypes;
@@ -30,19 +31,19 @@ class LoadingButton extends React.Component<LoadingButtonPropTypes> {
       <div className="text-center my-2">
         {
           hasProblems ? (
-            <ErrorMessage message="Nu am putut prelua. Încearcă încă o dată..." />
+            <ErrorMessage message={words.ThereWasAProblem} />
           ) : null
         }
         {
           isFetching ? (
-            <LoadingMessage message="Preiau date..." sm />
+            <LoadingMessage message={words.LoadingData} sm />
           ) : (
             <button
               className="btn btn-outline-info d-print-none"
               disabled={isFetching}
               onClick={onLoadMoreClick}
               type="button">
-              {isFetching ? "Încarc..." : "Încarcă mai mule"}
+              {isFetching ? words.Loading : words.LoadMore}
             </button>
           )
         }

package/src/words.js

@@ -0,0 +1,12 @@
+// @flow
+
+const words = {
+  ThereWasAProblem : "There was a problem. Try again",
+  Showing          : "Showing",
+  All              : "all",
+  Of               : "of",
+  LoadingData      : "Loading data...",
+  LoadMore         : "Load more",
+};
+
+export default words;