@barteh/react-withservice/lib/useAction.js

A HOC injects and manages observable data services in a react Component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = useAction;

var _react = require("react");

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }

function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }

function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

/**
  * @class
  * @classdesc return type of useAction
  *
  */
var AUseActionReturnType =
/*#__PURE__*/
function () {
  /**
   *
   * @param {string} _status , can be "idle" | "busy" | "error"
   * @param {any} _data an object or primitives return from servic
   * @param {number} _error contains http error codes like 404 or 500 ...
   * @param {function} _run a function can do run or retry geting data for Action
   */
  function AUseActionReturnType(_status, _data, _error, _run) {
    _classCallCheck(this, AUseActionReturnType);

    _defineProperty(this, "status", void 0);

    _defineProperty(this, "data", void 0);

    _defineProperty(this, "error", void 0);

    _defineProperty(this, "run", void 0);

    this.status = _status;
    this.data = _data;
    this.error = _error;
    this.run = _run;
  }

  _createClass(AUseActionReturnType, [{
    key: "toArray",
    value: function toArray() {
      return [this.status, this.data, this.error, this.run];
    }
  }]);

  return AUseActionReturnType;
}();
/**
 * @description a react hook serves a action as fromis return function with state
 * @param {function} action promise return
 * @param  {...any} params
 * @returns {AUseActionReturnType} {status, data, error, retry}
 * @description 2 deferent mode of return can be used
 * 1-{status, data, error, retry}=useService(...)
 * 2-[status, data, error, retry]=useService(...).toArray()
 */


function useAction(action) {
  for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
    params[_key - 1] = arguments[_key];
  }

  var _useState = (0, _react.useState)(new AUseActionReturnType("idle", undefined, undefined, run)),
      _useState2 = _slicedToArray(_useState, 2),
      ret = _useState2[0],
      setRet = _useState2[1];

  if (action === undefined) throw new Error("action can not  be undefined in useService");

  function run() {
    if (ret.status !== "idle") {
      handleChangeError(5000);
      return;
    }

    setRet(new AUseActionReturnType("busy", undefined, undefined, run));

    for (var _len2 = arguments.length, otehrParams = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
      otehrParams[_key2] = arguments[_key2];
    }

    var pars = otehrParams.length > 0 ? otehrParams : params;
    return action.apply(void 0, _toConsumableArray(pars)).then(function (data) {
      handleChangeDone(data);
    }).catch(function (error) {
      handleChangeError(error);
    });
  }

  function handleChangeDone(data) {
    setRet(new AUseActionReturnType("idle", data, undefined, run));
  }

  function handleChangeError(error) {
    setRet(new AUseActionReturnType("error", undefined, error, run));
  }

  (0, _react.useEffect)(function () {
    return function () {
      setRet(new AUseActionReturnType("idle", undefined, undefined, run));
    };
  }, [].concat(params));
  return ret;
}