redux-paginator-immutable 17.0.50 → 17.1.0

package/package.json

@@ -1,116 +1,126 @@
 {
-  "name": "redux-paginator-immutable",
-  "version": "17.0.50",
-  "types": "./lib/index.d.ts",
-  "description": "redux-paginator-immutable helps you deal with paginated API by composing your existing reducers",
-  "main": "./lib/index.js",
-  "babel": {
-    "ignore": [
-      "**/__tests__",
-      "**/types"
-    ],
-    "presets": [
-      "@babel/env",
-      "@babel/preset-typescript",
-      "@babel/preset-react"
-    ],
-    "env": {
-      "production": {
-        "plugins": [
-          "@babel/plugin-syntax-dynamic-import",
-          "@babel/plugin-proposal-class-properties",
-          "@babel/plugin-proposal-export-default-from",
-          "@babel/plugin-transform-modules-commonjs",
-          "@babel/plugin-transform-react-constant-elements",
-          "@babel/plugin-transform-react-inline-elements",
-          "@babel/plugin-transform-typescript",
-          "transform-react-remove-prop-types"
+    "name": "redux-paginator-immutable",
+    "version": "17.1.0",
+    "description": "redux-paginator-immutable",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/index.js",
+    "scripts": {
+        "load": "npm run intern-pre && cd dist && npm run ts && npm run intern-copy && npm publish",
+        "load-beta": "npm run intern-pre && cd dist && npm run ts && npm run intern-copy && npm publish --tag beta",
+        "eslint": "eslint --ext .tsx,.ts src --fix",
+        "intern-pre": "npm run eslint && npm run intern-clean && npm run intern-build",
+        "intern-build-scss": "node-sass --output-style compressed src -o dist",
+        "intern-copy": " copy package.json dist",
+        "intern-build": "npm run intern-build-scss",
+        "intern-clean": "rimraf dist dist",
+        "intern-test": "jest",
+        "check": "node script/check & npm run depcheck & npm run check:npm-check",
+        "check:npm-check": "npm-check -u -i \"{babel-jest,jest}\" --specials=bin,eslint,babel,webpack",
+        "depcheck": "depcheck --ignores=@types/jest,@docusaurus/react-loadable,webpack-cli,@hot-loader/react-dom --ignore-patterns=server,node_modules,tmp,fonts",
+        "check:global": "npm-check -gu",
+        "ts:check": "tsc --noEmit",
+        "ts": "tsc --declaration"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/cristian-sima/redux-paginator-immutable.git"
+    },
+    "keywords": [],
+    "author": "SC SIDEWORK SRL",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/cristian-sima/redux-paginator-immutable/issues"
+    },
+    "homepage": "https://github.com/cristian-sima/redux-paginator-immutable#readme",
+    "babel": {
+        "presets": [
+            "@babel/env",
+            "@babel/preset-typescript",
+            "@babel/preset-react"
+        ],
+        "env": {
+            "production": {
+                "plugins": [
+                    "@babel/plugin-syntax-dynamic-import",
+                    "@babel/plugin-proposal-class-properties",
+                    "@babel/plugin-proposal-export-default-from",
+                    "@babel/plugin-transform-modules-commonjs",
+                    "@babel/plugin-transform-react-constant-elements",
+                    "@babel/plugin-transform-react-inline-elements",
+                    "@babel/plugin-transform-typescript",
+                    "transform-react-remove-prop-types"
+                ]
+            },
+            "development": {
+                "plugins": [
+                    "@babel/plugin-syntax-dynamic-import",
+                    "@babel/plugin-proposal-class-properties",
+                    "@babel/plugin-proposal-export-default-from",
+                    "@babel/plugin-transform-modules-commonjs"
+                ]
+            }
+        }
+    },
+    "engines": {
+        "node": "^17.0.0"
+    },
+    "jest": {
+        "transform": {
+            "^.+\\.tsx?$": "babel-jest"
+        },
+        "testRegex": "src/.*-test.ts$",
+        "modulePaths": [
+            "src"
         ]
-      },
-      "developmentTime": {
-        "plugins": [
-          "transform-decorators-legacy",
-          "transform-class-properties"
-        ]
-      }
+    },
+    "devDependencies": {
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-export-default-from": "^7.18.10",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-transform-modules-commonjs": "^7.19.6",
+        "@babel/plugin-transform-react-constant-elements": "^7.18.12",
+        "@babel/plugin-transform-react-inline-elements": "^7.18.6",
+        "@babel/plugin-transform-typescript": "^7.20.0",
+        "@babel/preset-env": "^7.19.4",
+        "@babel/preset-react": "^7.18.6",
+        "@babel/preset-typescript": "^7.18.6",
+        "@types/jest": "^29.2.0",
+        "@types/superagent": "^4.1.15",
+        "@typescript-eslint/eslint-plugin": "^5.41.0",
+        "@typescript-eslint/parser": "^5.41.0",
+        "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+        "copy": "^0.3.2",
+        "css-loader": "^6.7.1",
+        "depcheck": "^1.4.3",
+        "eslint": "^8.26.0",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-react": "^7.31.10",
+        "jest-cli": "^29.2.2",
+        "jest-immutable-matchers": "^3.0.0",
+        "npm-check": "^6.0.1",
+        "style-loader": "^3.3.1",
+        "ts-loader": "^9.4.1",
+        "webpack": "^5.74.0"
+    },
+    "dependencies": {
+        "@docusaurus/react-loadable": "^5.5.2",
+        "@reduxjs/toolkit": "^1.8.6",
+        "classnames": "^2.3.2",
+        "immutable": "^4.2.2",
+        "jest": "^27.5.1",
+        "moment": "^2.29.4",
+        "node-sass": "^7.0.3",
+        "query-string": "^8.1.0",
+        "react": "^17.0.2",
+        "react-final-form": "^6.5.9",
+        "react-intersection-observer": "^9.4.1",
+        "react-notification-system-redux2": "^3.0.4",
+        "react-redux": "^8.0.4",
+        "react-simple-tooltip": "^2.6.3",
+        "redux": "^4.2.0",
+        "reselect": "^4.1.6",
+        "superagent": "^8.0.3",
+        "typescript": "^4.8.4",
+        "x25": "^17.3.17"
     }
-  },
-  "scripts": {
-    "clean": "rimraf dist lib",
-    "eslint": "eslint --ext .jsx,.js,.ts,.tsx src --fix",
-    "load": "npm run test && npm run clean && npm run eslint && npm run ts && npm publish",
-    "test": "ts-mocha src/__tests__/*.spec.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",
-    "test:codecov": "cat ./coverage/coverage.json | ./node_modules/.bin/codecov",
-    "check": "npm run depcheck & npm run check:npm-check",
-    "check:npm-check": "npm-check -u -i babel-jest -i jest --specials=bin,eslint,babel,webpack",
-    "depcheck": "depcheck --ignores=webpack-cli,@hot-loader/react-dom --ignore-patterns=server,node_modules,tmp,fonts",
-    "check:global": "npm-check -gu",
-    "ts:check": "tsc --noEmit ",
-    "ts": "tsc --declaration"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cristian-sima/redux-paginator-immutable.git"
-  },
-  "files": [
-    "dist",
-    "lib",
-    "src"
-  ],
-  "keywords": [
-    "redux",
-    "paginator",
-    "pagination",
-    "async",
-    "immutablejs",
-    "immutable",
-    "paginate",
-    "paging"
-  ],
-  "author": "Cristian Sima",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/cristian-sima/redux-paginator-immutable/issues"
-  },
-  "homepage": "https://github.com/cristian-sima/redux-paginator-immutable#readme",
-  "devDependencies": {
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-typescript": "^7.18.6",
-    "@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.7",
-    "chai-immutable": "^2.1.0",
-    "codecov": "^3.8.1",
-    "depcheck": "^1.4.3",
-    "es3ify": "^0.2.2",
-    "eslint": "^8.31.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-react": "^7.31.11",
-    "expect": "^28.1.0",
-    "flux-standard-action": "^2.1.1",
-    "glob": "^8.0.3",
-    "isparta": "^4.1.1",
-    "mocha": "^10.1.0",
-    "npm-check": "^5.9.2",
-    "rimraf": "^3.0.2",
-    "ts-mocha": "^10.0.0",
-    "typescript": "^4.9.4",
-    "webpack": "^5.75.0"
-  },
-  "dependencies": {
-    "immutable": "^3.8.2",
-    "query-string": "^7.1.1",
-    "react": "^17.0.2",
-    "react-intersection-observer": "^9.4.1",
-    "react-redux": "^8.0.5",
-    "redux": "^4.2.0",
-    "reselect": "^4.1.7",
-    "superagent": "^7.1.3",
-    "x25": "^17.3.13"
-  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# redux-paginator-immutable
----
-For documentation see https://github.com/cristian-sima/redux-paginator-immutable/wiki

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;
-}