redux-paginator-immutable 17.0.16 → 17.0.21

package/lib/__tests__/selectors.spec.js

@@ -1,162 +0,0 @@
-"use strict";
-
-var _chai = require("chai");
-
-var _chai2 = _interopRequireDefault(_chai);
-
-var _chaiImmutable = require("chai-immutable");
-
-var _chaiImmutable2 = _interopRequireDefault(_chaiImmutable);
-
-var _selectors = require("../selectors");
-
-var _selectors2 = _interopRequireDefault(_selectors);
-
-var _immutable = require("immutable");
-
-var Immutable = _interopRequireWildcard(_immutable);
-
-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 }; }
-
-/* eslint-disable max-len, no-undefined, max-lines-per-function, no-magic-numbers */
-
-_chai2.default.use(_chaiImmutable2.default);
-
-var getCurrentTotalResultsCount = _selectors2.default.getCurrentTotalResultsCount,
-    getAllResults = _selectors2.default.getAllResults,
-    getResultsUpToPage = _selectors2.default.getResultsUpToPage,
-    isPageFetched = _selectors2.default.isPageFetched,
-    isPageFetching = _selectors2.default.isPageFetching,
-    getCurrentView = _selectors2.default.getCurrentView;
-
-
-var paginator = Immutable.Map({
-  "foo=bar": Immutable.Map({
-    page: 3,
-    token: "foo=bar",
-    ids: Immutable.List([1, 2, 3, 7, 8, 9]),
-    total: 42,
-    view: 2,
-    fetching: false,
-    fetched: true
-  }),
-  "foo=baz": Immutable.Map({
-    page: 1,
-    token: "foo=baz",
-    ids: Immutable.List([1, 4, 6]),
-    fetching: false,
-    fetched: true,
-    total: 17,
-    view: 1
-  })
-});
-
-var items = Immutable.Map({
-  "1": Immutable.Map({
-    data: "foo1",
-    id: 1
-  }),
-  "2": Immutable.Map({
-    data: "foo2",
-    id: 2
-  }),
-  "3": Immutable.Map({
-    data: "foo3",
-    id: 3
-  }),
-  "4": Immutable.Map({
-    data: "foo4",
-    id: 4
-  }),
-  "5": Immutable.Map({
-    data: "foo5",
-    id: 5
-  }),
-  "6": Immutable.Map({
-    data: "foo6",
-    id: 6
-  }),
-  "7": Immutable.Map({
-    data: "foo7",
-    id: 7
-  }),
-  "8": Immutable.Map({
-    data: "foo8",
-    id: 8
-  }),
-  "9": Immutable.Map({
-    data: "foo9",
-    id: 9
-  })
-});
-
-describe("selectors", function () {
-
-  it("getAllResults shoud select all the items ids for pages with same params than the current page", function () {
-    (0, _chai.expect)(getAllResults(paginator, "foo=bar", items)).to.equal(Immutable.List([Immutable.Map({
-      data: "foo1",
-      id: 1
-    }), Immutable.Map({
-      data: "foo2",
-      id: 2
-    }), Immutable.Map({
-      data: "foo3",
-      id: 3
-    }), Immutable.Map({
-      data: "foo7",
-      id: 7
-    }), Immutable.Map({
-      data: "foo8",
-      id: 8
-    }), Immutable.Map({
-      data: "foo9",
-      id: 9
-    })]));
-  });
-
-  it("getResultsUpToPage shoud select all the items ids for pages with same params than the current page", function () {
-    (0, _chai.expect)(getResultsUpToPage(paginator, "foo=bar", items, 2, 2)).to.equal(Immutable.List([Immutable.Map({
-      data: "foo1",
-      id: 1
-    }), Immutable.Map({
-      data: "foo2",
-      id: 2
-    }), Immutable.Map({
-      data: "foo3",
-      id: 3
-    }), Immutable.Map({
-      data: "foo7",
-      id: 7
-    })]));
-  });
-
-  it("getCurrentTotalResultsCount should return the total count for the current params of the provided name", function () {
-    (0, _chai.expect)(getCurrentTotalResultsCount(paginator, "foo=bar")).to.equal(42);
-  });
-
-  it("getCurrentTotalResultsCount should return 0 if current page url is undefined for the provided name", function () {
-    (0, _chai.expect)(getCurrentTotalResultsCount(paginator, "name3")).to.equal(0);
-  });
-
-  it("isPageFetching should return whether the current page is fetching or not for the provided name", function () {
-    (0, _chai.expect)(isPageFetching(paginator, "foo=bar", 1)).to.equal(false);
-  });
-
-  it("isPageFetched should return whether the current page is fetched or not for the provided name", function () {
-    (0, _chai.expect)(isPageFetched(paginator, "foo=bar", 1)).to.equal(true);
-  });
-
-  it("isPageFetched should return whether the current page is fetched or not for the provided name", function () {
-    (0, _chai.expect)(isPageFetched(paginator, "foo=bar", 4)).to.equal(false);
-  });
-
-  it("getCurrentView should return 1 if there is no view point", function () {
-    (0, _chai.expect)(getCurrentView(paginator, "foo=bat")).to.equal(1);
-  });
-
-  it("getCurrentView should return the value if it exists", function () {
-    (0, _chai.expect)(getCurrentView(paginator, "foo=bar")).to.equal(2);
-  });
-});

package/lib/__tests__/setup.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("babel-polyfill");

package/src/Info.jsx

@@ -1,34 +0,0 @@
-// @flow
-
-
-type InfoPropTypes = {
-  shown: number;
-  total: number;
-  one: string;
-  all: string;
-};
-
-import React from "react";
-import { words as x25Words } from "x25/utility";
-
-import words from "./words";
-
-const getNumberForm = (value : number, one : string, all : string) : string => {
-  if (value === 1) {
-    return `1 ${one}`;
-  }
-
-  return `${x25Words.getNumberTense(value)} ${all}`;
-};
-
-const 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.jsx

@@ -1,116 +0,0 @@
-// @flow
-
-import * as React from "react";
-
-type LoadDataItemPropTypes = {
-  isFetching: bool;
-  fetched: bool;
-  id: string;
-  hasError: bool;
-  data: any;
-  children: React.Node;
-  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 {
-//   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) => ({
-    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,
-      }));
-    },
-  });
-
-const LoadDataItem = (props : LoadDataItemPropTypes) => {
-  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/LoadingButton.jsx

@@ -1,55 +0,0 @@
-// @flow
-
-import React from "react";
-import { ErrorMessage, LoadingMessage } from "x25/Messages";
-
-type LoadingButtonPropTypes = {
-  isFetching: bool;
-  hasProblems: bool;
-
-  onLoadMoreClick: () => void;
-};
-
-import words from "./words";
-
-class LoadingButton extends React.Component<LoadingButtonPropTypes> {
-  props: LoadingButtonPropTypes;
-
-  shouldComponentUpdate (nextProps : LoadingButtonPropTypes) {
-    const { hasProblems, isFetching } = this.props;
-
-    return (
-      hasProblems !== nextProps.hasProblems ||
-      isFetching !== nextProps.isFetching
-    );
-  }
-
-  render () {
-    const { isFetching, hasProblems, onLoadMoreClick } = this.props;
-
-    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}
-              type="button">
-              {isFetching ? words.Loading : words.LoadMore}
-            </button>
-          )
-        }
-      </div>
-    );
-  }
-}
-
-export default LoadingButton;

package/src/actions.js

@@ -1,153 +0,0 @@
-// @flow
-
-import type { Action, EndPointCb } from "./types";
-
-type RequestPageArgsTypes = {
-  endpoint: string;
-  endpointCb: EndPointCb;
-  manageEntity: any;
-  resultsKey: string;
-  totalKey: string;
-  pageArgName: string;
-  idKey: string;
-  page: number;
-  token: string;
-};
-
-type ReceivePageArgsTypes = {
-  endpoint: string;
-  endpointCb: EndPointCb;
-  manageEntity: any;
-  pageArgName: string;
-  idKey: string;
-  page: number;
-  token: string;
-  items: Array<any>;
-  total: number;
-  error: bool;
-}
-
-import agent from "superagent";
-
-const requestPage = ({
-  endpoint,
-  endpointCb,
-  manageEntity,
-  resultsKey,
-  totalKey,
-  pageArgName,
-  idKey,
-  page,
-  token,
-} : RequestPageArgsTypes) : Action => ({
-  type : "@@redux-paginator-immutable/REQUEST_PAGE",
-  meta : {
-    endpoint,
-    endpointCb,
-    manageEntity,
-    resultsKey,
-    totalKey,
-    pageArgName,
-    idKey,
-  },
-  payload: {
-    page,
-    token,
-  },
-});
-
-const receivePage = ({
-  endpoint,
-  endpointCb,
-  manageEntity,
-  pageArgName,
-  idKey,
-  page,
-  token,
-  items,
-  error,
-  total,
-} : ReceivePageArgsTypes) : Action => ({
-  type : "@@redux-paginator-immutable/RECEIVE_PAGE",
-  meta : {
-    endpoint,
-    endpointCb,
-    manageEntity,
-    pageArgName,
-    idKey,
-  },
-  payload: {
-    page,
-    token,
-    items,
-    error,
-    total,
-  },
-});
-
-const resetView = (endpoint : string, token : string) : Action => ({
-  type : "@@redux-paginator-immutable/RESET_VIEW",
-  meta : {
-    endpoint,
-  },
-  payload: {
-    token,
-  },
-});
-
-const changeView = (endpoint : string, {
-  token,
-  view,
-} : { token : string, view : number }) : Action => ({
-  type : "@@redux-paginator-immutable/CHANGE_VIEW",
-  meta : {
-    endpoint,
-  },
-  payload: {
-    token,
-    view,
-  },
-});
-
-const clearData = (endpoint : string) : Action => ({
-  type : "@@redux-paginator-immutable/CLEAR_DATA",
-  meta : {
-    endpoint,
-  },
-});
-
-
-// data info
-
-type FetchDataItem = {
-  dataItemURL: string;
-  endpoint: string;
-  normalizeDataItem: any;
-  id: string;
-}
-
-const fetchDataItemRequest = ({ dataItemURL, normalizeDataItem, id } : FetchDataItem) : Promise<*> => (
-  new Promise((resolve, reject) => (
-    agent.
-      get(`${dataItemURL}/${id}`).
-      set("Accept", "application/json").
-      end(normalizeDataItem(resolve, reject))
-  )) : Promise<any>
-);
-
-export const fetchItem = (things : FetchDataItem) : any => ({
-  type    : "@@redux-paginator-immutable/FETCH_ITEM_DATA",
-  payload : fetchDataItemRequest(things),
-  meta    : {
-    id       : things.id,
-    endpoint : things.endpoint,
-  },
-});
-
-export default {
-  clearData,
-  requestPage,
-  receivePage,
-  resetView,
-  changeView,
-};

package/src/agent.js

@@ -1,55 +0,0 @@
-// @flow
-/* eslint-disable no-bitwise*/
-
-type FetchPageArgs = {
-  endpoint: string;
-  pageArgName: string;
-  page: number;
-  token: string;
-}
-
-import agent from "superagent";
-import qs from "query-string";
-
-export const buildSuffix = (pageArgName : string, page : number, params : string) => {
-  const parsedParams = qs.parse(params);
-  let
-    finalParsedParams = {},
-    startString = "";
-
-  for (const key of Object.keys(parsedParams)) {
-    if (parsedParams[key] === null) {
-      startString += key;
-    } else {
-      finalParsedParams = {
-        ...finalParsedParams,
-        [key]: parsedParams[key],
-      };
-    }
-  }
-  startString = startString === "" ? "?" : `${startString}?`;
-
-  if (Object.keys(finalParsedParams).length > 0 && qs.extract(params) !== "") {
-    startString = params.replace(qs.extract(params), "");
-  }
-
-  return startString + qs.stringify({
-    ...finalParsedParams,
-    [pageArgName]: page,
-  }, { encode: false }).replace(startString, "");
-};
-
-export const fetchPage = ({ endpoint, pageArgName, page, token } : FetchPageArgs) => {
-  const
-    suffix = buildSuffix(pageArgName, page, token),
-    url = endpoint + suffix;
-
-  const promise : any = new Promise((resolve : any, reject : any) => agent.
-    get(url).
-    end((err : any, res : any) => err ? reject(err) : resolve(res))
-  );
-
-  return promise.then((res : { body : any }) => ({
-    response: res.body,
-  }));
-};

package/src/createDataReducer.js

@@ -1,94 +0,0 @@
-// @flow
-/* eslint-disable max-lines-per-function,  */
-
-import type { PaginatorSettings } from "./types";
-
-import { createSelector } from "reselect";
-import * as Immutable from "immutable";
-
-/*
-  Use to create a complex list where you need more information about
-  the item. For instance, if you DO need to fetch more data or to
-  manipulate it
-*/
-const createDataReducer = ({ key } : PaginatorSettings) => {
-  const
-    getItems = (state : any) => state.getIn([
-      "entities",
-      key,
-    ]),
-    getItem = createSelector(
-      getItems,
-      (state, id) => id,
-      (data, id) => data.get(id) || Immutable.Map()
-    ),
-    getItemsList = createSelector(
-      getItems,
-      (data) => data.map((current) => current.get("Data")).toList()
-    ),
-    getItemData = createSelector(
-      getItems,
-      (state, id) => id,
-      (data, id) => {
-        if (typeof data === "undefined") {
-          return Immutable.Map();
-        }
-
-        return data.getIn([
-          id,
-          "Data",
-        ]);
-      }
-    ),
-    getItemHasError = createSelector(
-      getItem,
-      (data) => {
-        if (typeof data === "undefined") {
-          return false;
-        }
-
-        return data.get("error") === true;
-      }
-    ),
-    getIsFetchingItemInfo = createSelector(
-      getItem,
-      (data) => {
-        if (typeof data === "undefined") {
-          return false;
-        }
-
-        return data.get("fetching");
-      }
-    ),
-    getItemIsFetched = createSelector(
-      getItem,
-      (data) => {
-        if (typeof data === "undefined") {
-          return false;
-        }
-
-        return data.get("fetched");
-      }
-    ),
-    getShouldFetchItemInfo = createSelector(
-      getIsFetchingItemInfo,
-      getItemIsFetched,
-      getItemHasError,
-      (isFetching, isFetched, hasError) => (
-        !isFetched && !isFetching && !hasError
-      )
-    );
-
-  return {
-    getItems,
-    getItem,
-    getItemsList,
-    getItemData,
-    getItemHasError,
-    getIsFetchingItemInfo,
-    getItemIsFetched,
-    getShouldFetchItemInfo,
-  };
-};
-
-export default createDataReducer;