redux-paginator-immutable 17.0.4 → 17.0.18

package/lib/selectors.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _immutable = require("immutable");
-
-var Immutable = _interopRequireWildcard(_immutable);
-
-var _reselect = require("reselect");
-
-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 pagesSelector = function pagesSelector(state) {
-  return state;
-};
-/* eslint-disable no-undefined */
-
-var rowsPerPage = 50;
-
-var pageSelector = (0, _reselect.createSelector)(pagesSelector, function (state, token) {
-  return token;
-}, function (pages, token) {
-  return pages.get(token);
-});
-
-var getAllResults = (0, _reselect.createSelector)(pageSelector, function (state, token, items) {
-  return items;
-}, function (page, items) {
-  if (typeof page === "undefined") {
-    return Immutable.List();
-  }
-
-  return page.get("ids").map(function (id) {
-    return items.get(String(id));
-  });
-});
-
-var getResultsUpToPage = (0, _reselect.createSelector)(pageSelector, function (state, token, items) {
-  return items;
-}, function (state, token, items, target) {
-  return target;
-}, function (state, token, items, target, perPage) {
-  return perPage || rowsPerPage;
-}, function (page, items, target, perPage) {
-  if (typeof page === "undefined") {
-    return Immutable.List();
-  }
-
-  var ids = page.get("ids").slice(0, perPage * target);
-
-  return ids.map(function (id) {
-    return items.get(String(id));
-  });
-});
-
-var getCurrentTotalResultsCount = (0, _reselect.createSelector)(pageSelector, function (page) {
-  if (typeof page === "undefined") {
-    return 0;
-  }
-
-  return page.get("total");
-});
-
-var isPageFetching = (0, _reselect.createSelector)(pageSelector, function (state, token, target) {
-  return target;
-}, function (page, target) {
-  if (typeof page === "undefined") {
-    return false;
-  }
-
-  return page.get("fetching") && target === page.get("page");
-});
-
-var isPageFetched = (0, _reselect.createSelector)(pageSelector, function (state, token, target) {
-  return target;
-}, function (page, target) {
-  if (typeof page === "undefined") {
-    return false;
-  }
-
-  return page.get("fetched") && target <= page.get("page");
-});
-
-var hasPageProblems = (0, _reselect.createSelector)(pageSelector, function (page) {
-  if (typeof page === "undefined") {
-    return false;
-  }
-
-  return page.get("error");
-});
-
-var getCurrentView = (0, _reselect.createSelector)(pageSelector, function (page) {
-  if (typeof page === "undefined") {
-    return 1;
-  }
-
-  return page.get("view");
-});
-
-// these selectors are used for the entire app
-var getPaginatorPaginations = function getPaginatorPaginations(state, name) {
-  return state.getIn(["paginations", name]);
-},
-    getPaginatorEntities = function getPaginatorEntities(state, name) {
-  return state.getIn(["entities", name]);
-},
-    getPaginators = (0, _reselect.createSelector)(getPaginatorPaginations, getPaginatorEntities, function (list, entities) {
-  return {
-    list: list,
-    entities: entities
-  };
-});
-
-exports.default = {
-  getAllResults: getAllResults,
-  getCurrentTotalResultsCount: getCurrentTotalResultsCount,
-  getResultsUpToPage: getResultsUpToPage,
-  isPageFetching: isPageFetching,
-  isPageFetched: isPageFetched,
-  hasPageProblems: hasPageProblems,
-  getCurrentView: getCurrentView,
-
-  // for state
-  getPaginatorPaginations: getPaginatorPaginations,
-  getPaginatorEntities: getPaginatorEntities,
-  getPaginators: getPaginators
-};

package/lib/types/actions.js

@@ -1 +0,0 @@
-"use strict";

package/lib/types/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _actions = require("./actions");
-
-Object.keys(_actions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _actions[key];
-    }
-  });
-});
-
-var _state = require("./state");
-
-Object.keys(_state).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _state[key];
-    }
-  });
-});

package/lib/types/state.js

@@ -1 +0,0 @@
-"use strict";

package/lib/util.js

@@ -1,73 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.manageEntity = exports.manipulateItems = exports.manipulateDataItems = exports.manageDataEntity = undefined;
-
-var _immutable = require("immutable");
-
-var Immutable = _interopRequireWildcard(_immutable);
-
-var _reselect = require("reselect");
-
-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; } }
-
-// simple item
-
-/* eslint-disable no-duplicate-imports */
-
-var manageEntity = function manageEntity(normalizrEntity) {
-  return function (item, state, keyID) {
-    // prevent rewrite
-    var old = state.get(String(item[keyID]));
-
-    if (typeof old === "undefined") {
-      return Immutable.Map(normalizrEntity(item));
-    }
-
-    return old;
-  };
-},
-    manipulateItems = function manipulateItems() {
-  var sortKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "ID";
-  return (0, _reselect.createSelector)(function (data) {
-    return data;
-  }, function (data) {
-    return data.sortBy(function (current) {
-      return -current.get(sortKey);
-    });
-  });
-};
-
-// data item
-
-var manageDataEntity = function manageDataEntity(normalizrEntity) {
-  return function (item, state, keyID) {
-    // prevent rewrite
-    var old = state.get(String(item[keyID]));
-
-    if (typeof old === "undefined") {
-      return Immutable.Map({
-        Data: normalizrEntity(item)
-      });
-    }
-
-    return old;
-  };
-},
-    manipulateDataItems = function manipulateDataItems() {
-  var sortKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "ID";
-  return (0, _reselect.createSelector)(function (data) {
-    return data;
-  }, function (data) {
-    return data.sortBy(function (current) {
-      return -current.getIn(["Data", sortKey]);
-    });
-  });
-};
-
-exports.manageDataEntity = manageDataEntity;
-exports.manipulateDataItems = manipulateDataItems;
-exports.manipulateItems = manipulateItems;
-exports.manageEntity = manageEntity;

package/lib/words.js

@@ -1,15 +0,0 @@
-"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/src/Info.jsx

@@ -1,32 +0,0 @@
-// @flow
-
-
-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}`;
-};
-
-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,
-  }));
-};