redux-paginator-immutable 17.0.18 → 17.0.22

package/lib/selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../src/selectors.ts"],"names":[],"mappings":"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"}

package/lib/types/actions.d.ts

@@ -0,0 +1,85 @@
+import type { EndPointCb } from "./index";
+export declare type RequestPageAction = {
+    type: "@@redux-paginator-immutable/REQUEST_PAGE";
+    meta: {
+        endpoint: string;
+        endpointCb: EndPointCb;
+        manageEntity: any;
+        resultsKey: string;
+        totalKey: string;
+        pageArgName: string;
+        idKey: string;
+    };
+    payload: {
+        page: number;
+        token: string;
+    };
+};
+export declare type ReceivePageAction = {
+    type: "@@redux-paginator-immutable/RECEIVE_PAGE";
+    meta: {
+        endpoint: string;
+        endpointCb: EndPointCb;
+        manageEntity: any;
+        pageArgName: string;
+        idKey: string;
+    };
+    payload: {
+        page: number;
+        token: string;
+        items: Array<any>;
+        total: number;
+        error: boolean;
+        raw?: string;
+    };
+};
+export declare type ChangeViewAction = {
+    type: "@@redux-paginator-immutable/CHANGE_VIEW";
+    meta: {
+        endpoint: string;
+    };
+    payload: {
+        view: number;
+        token: string;
+    };
+};
+export declare type ResetViewAction = {
+    type: "@@redux-paginator-immutable/RESET_VIEW";
+    meta: {
+        endpoint: string;
+    };
+    payload: {
+        token: string;
+    };
+};
+export declare type ClearDataAction = {
+    type: "@@redux-paginator-immutable/CLEAR_DATA";
+    meta: {
+        endpoint: string;
+    };
+};
+export declare type FetchCurrentCompanyInfoPending = {
+    type: "FETCH_CURRENT_COMPANY_INFO_PENDING";
+};
+export declare type FetchItemDataPending = {
+    type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_PENDING";
+    meta: {
+        id: string;
+    };
+};
+export declare type FetchItemDataRejected = {
+    type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_REJECTED";
+    meta: {
+        id: string;
+    };
+};
+export declare type FetchItemDataFulFilled = {
+    type: "@@redux-paginator-immutable/FETCH_ITEM_DATA_FULFILLED";
+    payload: {
+        Data: any;
+    };
+    meta: {
+        id: string;
+    };
+};
+export declare type Action = RequestPageAction | ReceivePageAction | ResetViewAction | ChangeViewAction | ClearDataAction | FetchCurrentCompanyInfoPending | FetchItemDataPending | FetchItemDataRejected | FetchItemDataFulFilled;

package/lib/types/actions.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=actions.js.map

package/lib/types/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../src/types/actions.ts"],"names":[],"mappings":""}

package/lib/types/index.d.ts

@@ -0,0 +1,21 @@
+export * from "./actions";
+export * from "./state";
+import type { State } from "./state";
+import type { Action } from "./actions";
+export declare type GetState = () => State;
+export declare type PromiseAction = Promise<Action>;
+export declare type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;
+export declare type Dispatch = (action: Action | ThunkAction | PromiseAction | Array<Action>) => any;
+export declare type EndPointCb = ((token?: string) => string) | null;
+export declare type PaginatorSettings = {
+    key: string;
+    manageEntity: any;
+    resultsKey: string;
+    rowsPerLoad?: number;
+    manipulateItems?: (items: any) => any;
+    totalKey?: string;
+    pageArgName?: string;
+    idKey?: string;
+    dataItemURL?: string;
+    normalizeDataItem?: any;
+};

package/lib/types/index.js

@@ -0,0 +1,16 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable no-use-before-define */
+__exportStar(require("./actions"), exports);
+__exportStar(require("./state"), exports);
+//# sourceMappingURL=index.js.map

package/lib/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAyC;AACzC,4CAA0B;AAC1B,0CAAwB"}

package/lib/types/state.d.ts

@@ -0,0 +1,6 @@
+export declare type PagesState = any;
+export declare type ItemsState = any;
+export declare type State = {
+    readonly pages: PagesState;
+    readonly itemsReducer: ItemsState;
+};

package/lib/types/state.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=state.js.map

package/lib/types/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/types/state.ts"],"names":[],"mappings":""}

package/lib/util.d.ts

@@ -0,0 +1,9 @@
+declare type NormalizrEntity = (data: any) => any;
+import type { Map as ImmutableMap } from "immutable";
+declare type ManageDataEntity = ImmutableMap<string, any>;
+declare const manageEntity: (normalizrEntity: NormalizrEntity) => (item: any, state: any, keyID: string) => ManageDataEntity, manipulateItems: (sortKey?: string) => ((state: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+    clearCache: () => void;
+}, manageDataEntity: (normalizrEntity: NormalizrEntity) => (item: any, state: any, keyID: string) => ManageDataEntity, manipulateDataItems: (sortKey?: string) => ((state: {}) => any) & import("reselect").OutputSelectorFields<(args_0: any) => any> & {
+    clearCache: () => void;
+};
+export { manageDataEntity, manipulateDataItems, manipulateItems, manageEntity };

package/lib/util.js

@@ -0,0 +1,49 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.manageEntity = exports.manipulateItems = exports.manipulateDataItems = exports.manageDataEntity = void 0;
+const Immutable = __importStar(require("immutable"));
+const reselect_1 = require("reselect");
+// simple item
+const manageEntity = (normalizrEntity) => ((item, state, keyID) => {
+    // prevent rewrite
+    const old = state.get(String(item[keyID]));
+    if (typeof old === "undefined") {
+        return Immutable.Map(normalizrEntity(item));
+    }
+    return old;
+}), manipulateItems = (sortKey = "ID") => (0, reselect_1.createSelector)((data) => data, (data) => data.sortBy((current) => -current.get(sortKey))), 
+// data item
+manageDataEntity = (normalizrEntity) => ((item, state, keyID) => {
+    // prevent rewrite
+    const old = state.get(String(item[keyID]));
+    if (typeof old === "undefined") {
+        return Immutable.Map({
+            Data: normalizrEntity(item),
+        });
+    }
+    return old;
+}), manipulateDataItems = (sortKey = "ID") => ((0, reselect_1.createSelector)((data) => data, (data) => data.sortBy((current) => -current.getIn(["Data", sortKey]))));
+exports.manageEntity = manageEntity;
+exports.manipulateItems = manipulateItems;
+exports.manageDataEntity = manageDataEntity;
+exports.manipulateDataItems = manipulateDataItems;
+//# sourceMappingURL=util.js.map

package/lib/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,qDAAuC;AACvC,uCAA0C;AAI1C,cAAc;AACd,MACE,YAAY,GAAG,CAAC,eAAgC,EAAE,EAAE,CAAC,CACnD,CAAC,IAAS,EAAE,KAAU,EAAE,KAAa,EAAoB,EAAE;IACzD,kBAAkB;IAClB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3C,IAAI,OAAO,GAAG,KAAK,WAAW,EAAE;QAC9B,OAAO,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7C;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,EACD,eAAe,GAAG,CAAC,OAAO,GAAG,IAAI,EAAE,EAAE,CAAC,IAAA,yBAAc,EAClD,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,EACpB,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAa,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CACtE;AAED,YAAY;AACZ,gBAAgB,GAAG,CAAC,eAAgC,EAAE,EAAE,CAAC,CACvD,CAAC,IAAS,EAAE,KAAU,EAAE,KAAa,EAAoB,EAAE;IACzD,kBAAkB;IAClB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3C,IAAI,OAAO,GAAG,KAAK,WAAW,EAAE;QAC9B,OAAO,SAAS,CAAC,GAAG,CAAC;YACnB,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;SAC5B,CAAC,CAAC;KACJ;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CACF,EACD,mBAAmB,GAAG,CAAC,OAAO,GAAG,IAAI,EAAE,EAAE,CAAC,CACxC,IAAA,yBAAc,EACZ,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,EACpB,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAa,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAClF,CACF,CAAC;AAE6D,oCAAY;AAA7B,0CAAe;AAAtD,4CAAgB;AAAE,kDAAmB"}

package/lib/words.d.ts

@@ -0,0 +1,9 @@
+declare const words: {
+    ThereWasAProblem: string;
+    Showing: string;
+    All: string;
+    Of: string;
+    LoadingData: string;
+    LoadMore: string;
+};
+export default words;

package/lib/words.js

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

package/lib/words.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"words.js","sourceRoot":"","sources":["../src/words.ts"],"names":[],"mappings":";;AAAA,MAAM,KAAK,GAAG;IACZ,gBAAgB,EAAG,gCAAgC;IACnD,OAAO,EAAY,SAAS;IAC5B,GAAG,EAAgB,KAAK;IACxB,EAAE,EAAiB,IAAI;IACvB,WAAW,EAAQ,iBAAiB;IACpC,QAAQ,EAAW,WAAW;CAC/B,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/package.json

@@ -1,25 +1,30 @@
 {
   "name": "redux-paginator-immutable",
-  "version": "17.0.18",
+  "version": "17.0.22",
+  "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": [
-      "env",
-      "stage-0",
-      "react"
+      "@babel/env",
+      "@babel/preset-typescript",
+      "@babel/preset-react"
     ],
     "env": {
       "production": {
         "plugins": [
           "@babel/plugin-syntax-dynamic-import",
-          "transform-decorators-legacy",
-          "react-html-attrs",
-          "transform-class-properties",
-          "transform-react-constant-elements",
-          "transform-react-inline-elements",
-          "transform-react-remove-prop-types",
-          "transform-flow-strip-types"
+          "@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"
         ]
       },
       "developmentTime": {
@@ -31,19 +36,19 @@
     }
   },
   "scripts": {
-    "build:lib": "babel src --out-dir lib",
+    "build:lib": "@babel src --extensions .ts,.tsx  --out-dir lib",
     "build:umd": "cross-env NODE_ENV=development webpack src/index.js dist/redux-paginator-immutable.js",
     "build:umd:min": "cross-env NODE_ENV=production webpack src/index.js dist/redux-paginator-immutable.min.js",
     "build": "npm run build:lib",
     "clean": "rimraf dist lib",
     "check": "npm-check -u -i babel-jest -i jest --specials=bin,eslint,babel,webpack",
     "eslint": "eslint --ext .jsx,.js,.ts,.tsx src --fix",
-    "load": "npm run test && npm run ts && npm run eslint && npm run clean && npm run build && npm publish",
+    "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",
-    "ts": "tsc  --build --clean"
+    "ts": "tsc --declaration"
   },
   "repository": {
     "type": "git",
@@ -71,10 +76,12 @@
   },
   "homepage": "https://github.com/cristian-sima/redux-paginator-immutable#readme",
   "devDependencies": {
+    "@babel/cli": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-typescript": "^7.16.7",
     "@types/superagent": "^4.1.15",
     "@typescript-eslint/eslint-plugin": "^5.10.2",
     "@typescript-eslint/parser": "^5.10.2",
-    "babel-cli": "^6.26.0",
     "babel-eslint": "^10.1.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.5",
     "babel-plugin-transform-flow-strip-types": "^6.22.0",
@@ -99,7 +106,7 @@
     "rimraf": "^3.0.2",
     "ts-mocha": "^9.0.2",
     "typescript": "^4.5.5",
-    "webpack": "^4.41.2"
+    "webpack": "^5.68.0"
   },
   "dependencies": {
     "create-subscription": "^17.0.0",
@@ -110,6 +117,6 @@
     "redux": "^4.1.2",
     "reselect": "^4.1.5",
     "superagent": "^7.1.1",
-    "x25": "^17.0.16"
+    "x25": "^17.0.17"
   }
 }

package/src/LoadPaginator.tsx

@@ -22,7 +22,7 @@ type OwnProps = {
 };
 type LoadPaginatorPropTypes = {
   token: string;
-  children: any;
+  children: React.ReactElement<any>;
   settings: Settings;
   paginator: any;
   changeView: (info: {
@@ -31,11 +31,6 @@ type LoadPaginatorPropTypes = {
   }) => void;
   resetView: (token: string) => void;
   loadData: (page: number) => void;
-  changeFilter: (filter: string) => (event: {
-    target: {
-      value: string;
-    };
-  }) => void;
 };
 
 const
@@ -173,7 +168,14 @@ class LoadPaginator extends Component<LoadPaginatorPropTypes> {
 
     return (
       <>
-        {React.cloneElement(this.props.children, this.props)}
+        {React.cloneElement(this.props.children as React.ReactElement<any>, {
+           token: this.props.token,
+           settings: this.props.settings,
+           paginator: this.props.paginator,
+           changeView: this.props.changeView,
+           resetView: this.props.resetView,
+           loadData: this.props.loadData
+        })}
         {
           showLoading ? (
             <LoadingButton

package/src/createDataReducer.ts

@@ -3,6 +3,9 @@ import { createSelector } from "reselect";
 import * as Immutable from "immutable";
 import type { PaginatorSettings } from "./types";
 
+type Selector = (state : any, id : string) => any;
+type ListSelector = (state : any) => any;
+
 /*
   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
@@ -14,16 +17,16 @@ const
       getItems = (state: any) : any => (
         state.getIn(["entities", key])
       ),
-      getItem = createSelector(
+      getItem : Selector = createSelector(
         getItems,
         (_state : any, id : string) => id,
         (data : any, id : string) : any => data.get(id) || Immutable.Map(),
       ),
-      getItemsList = createSelector(
+      getItemsList : ListSelector = createSelector(
         getItems,
         (data : any) => data.map((current : any) => current.get("Data")).toList(),
       ),
-      getItemData = createSelector(
+      getItemData : Selector = createSelector(
         getItems,
         (_state : any, id : string) => id,
         (data : any, id : string) : any => {
@@ -34,7 +37,7 @@ const
           return data.getIn([id, "Data"]);
         },
       ),
-      getItemHasError = createSelector(
+      getItemHasError : Selector = createSelector(
         getItem,
         (data : any) : boolean => {
           if (typeof data === "undefined") {
@@ -44,7 +47,7 @@ const
           return data.get("error") === true;
         },
       ),
-      getIsFetchingItemInfo = createSelector(
+      getIsFetchingItemInfo : Selector = createSelector(
         getItem,
         (data : any) : boolean => {
           if (typeof data === "undefined") {
@@ -54,7 +57,7 @@ const
           return data.get("fetching");
         },
       ),
-      getItemIsFetched = createSelector(
+      getItemIsFetched : Selector = createSelector(
         getItem,
         (data : any) : boolean => {
           if (typeof data === "undefined") {
@@ -64,20 +67,10 @@ const
           return data.get("fetched");
         },
       ),
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      getShouldFetchItemInfo = createSelector(
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
+      getShouldFetchItemInfo : Selector = createSelector(
         getIsFetchingItemInfo,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         getItemIsFetched,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         getItemHasError,
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         (isFetching : boolean, isFetched : boolean, hasError : boolean) : boolean => (
           !isFetched && !isFetching && !hasError
         ),

package/src/createItemReducer.ts

@@ -9,14 +9,14 @@ import type { PaginatorSettings } from "./types";
 const createReducer = ({ key }: PaginatorSettings) => {
   const
     getItems = (state: any) => state.getIn(["entities", key]),
-    getItem = createSelector(
+    getItem : (state : any, id : string) => any = createSelector(
       getItems,
-      (_state : any, id : any) => id,
-      (data : any, id : any) => data.get(id),
+      (_state : any, id : string) => id,
+      (data : any, id : string) => data.get(id),
     ),
     getItemsList = createSelector(
       getItems,
-      (data) => data.toList(),
+      (data : any) => data.toList(),
     );
 
   return {

package/src/types/index.ts

@@ -9,12 +9,12 @@ export type PromiseAction = Promise<Action>;
 export type ThunkAction = (dispatch: Dispatch, getState: GetState) => any;
 export type Dispatch = (action: Action | ThunkAction | PromiseAction | Array<Action>) => any;
 export type EndPointCb = ((token?: string) => string) | null;
+
+
 export type PaginatorSettings = {
   key: string;
   manageEntity: any;
   resultsKey: string;
-  dataItemURL: string;
-  normalizeDataItem: any;
   // by default "{rowsPerLoad} from x25/utility/others"
   rowsPerLoad?: number;
   // by default "(items) => items"
@@ -25,4 +25,7 @@ export type PaginatorSettings = {
   pageArgName?: string;
   // default "ID"
   idKey?: string;
+
+  dataItemURL?: string;
+  normalizeDataItem?: any;
 };

package/lib/__tests__/actions.spec.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var _expect = require("expect");
-
-var _expect2 = _interopRequireDefault(_expect);
-
-var _fluxStandardAction = require("flux-standard-action");
-
-var _actions = require("../actions");
-
-var _actions2 = _interopRequireDefault(_actions);
-
-var _actionTypes = require("../actionTypes");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var receivePage = _actions2.default.receivePage,
-    requestPage = _actions2.default.requestPage,
-    resetView = _actions2.default.resetView,
-    changeView = _actions2.default.changeView; /* eslint-disable no-undefined, max-lines-per-function, no-magic-numbers */
-
-describe("actions", function () {
-
-  it("should create receive page action", function () {
-    var action = receivePage({
-      endpoint: "some/api/endpoint/",
-      pageArgName: "p",
-      idKey: "id",
-      page: 2,
-      token: "foo=bar",
-      items: ["foo", "bar", "baz"],
-      total: 42
-    });
-
-    (0, _expect2.default)(action).toEqual({
-      type: _actionTypes.RECEIVE_PAGE,
-      meta: {
-        endpoint: "some/api/endpoint/",
-        pageArgName: "p",
-        idKey: "id"
-      },
-      payload: {
-        token: "foo=bar",
-        page: 2,
-        items: ["foo", "bar", "baz"],
-        total: 42
-      }
-    });
-
-    (0, _expect2.default)((0, _fluxStandardAction.isFSA)(action)).toEqual(true);
-  });
-
-  it("should create request page action", function () {
-    var action = requestPage({
-      endpoint: "some/api/endpoint/",
-      resultsKey: "results",
-      totalKey: "total",
-      pageArgName: "p",
-      idKey: "id",
-      page: 2,
-      token: "foo=bar"
-    });
-
-    (0, _expect2.default)(action).toEqual({
-      type: _actionTypes.REQUEST_PAGE,
-      meta: {
-        endpoint: "some/api/endpoint/",
-        resultsKey: "results",
-        totalKey: "total",
-        pageArgName: "p",
-        idKey: "id"
-      },
-      payload: {
-        token: "foo=bar",
-        page: 2
-      }
-    });
-
-    (0, _expect2.default)((0, _fluxStandardAction.isFSA)(action)).toEqual(true);
-  });
-
-  it("should create reset view action", function () {
-    var action = resetView("some/api/endpoint/", "name");
-
-    (0, _expect2.default)(action).toEqual({
-      type: _actionTypes.RESET_VIEW,
-      meta: {
-        endpoint: "some/api/endpoint/"
-      },
-      payload: {
-        token: "name"
-      }
-    });
-
-    (0, _expect2.default)((0, _fluxStandardAction.isFSA)(action)).toEqual(true);
-  });
-
-  it("should create change view action", function () {
-    var action = changeView("some/api/endpoint/", {
-      token: "name",
-      view: 2
-    });
-
-    (0, _expect2.default)(action).toEqual({
-      type: _actionTypes.CHANGE_VIEW,
-      meta: {
-        endpoint: "some/api/endpoint/"
-      },
-      payload: {
-        view: 2,
-        token: "name"
-      }
-    });
-
-    (0, _expect2.default)((0, _fluxStandardAction.isFSA)(action)).toEqual(true);
-  });
-});

package/lib/__tests__/agent.spec.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _expect = require("expect");
-
-var _expect2 = _interopRequireDefault(_expect);
-
-var _agent = require("../agent");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe("buildSuffix", function () {
-
-  it("should correctly build the url suffix when simple params are provided", function () {
-    (0, _expect2.default)((0, _agent.buildSuffix)("p", 1, "foo=bar")).toEqual("?foo=bar&p=1");
-  });
-
-  it("should correctly build the url suffix when less simple params are provided", function () {
-    (0, _expect2.default)((0, _agent.buildSuffix)("p", 1, "foo=bar&baz=foo")).toEqual("?baz=foo&foo=bar&p=1");
-  });
-
-  it("should correctly build the url suffix when params contains no extractable query params", function () {
-    (0, _expect2.default)((0, _agent.buildSuffix)("p", 1, "foo/bar")).toEqual("foo/bar?p=1");
-  });
-
-  it('should correctly build the url suffix when "params" is not provided', function () {
-    (0, _expect2.default)((0, _agent.buildSuffix)("p", 1, "")).toEqual("?p=1");
-  });
-
-  it("should correctly build the url suffix when complex params are provided", function () {
-    (0, _expect2.default)((0, _agent.buildSuffix)("p", 1, "foo/bar?bar=biz&baz=foo")).toEqual("foo/bar?baz=foo&bar=biz&p=1");
-  });
-});