@digigov/ui 0.12.2 → 0.13.0

package/es/utils/withDeprecation.js

@@ -0,0 +1,103 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+
+var DigigovError = /*#__PURE__*/function (_Error) {
+  _inherits(DigigovError, _Error);
+
+  var _super = _createSuper(DigigovError);
+
+  function DigigovError(message) {
+    var _this;
+
+    _classCallCheck(this, DigigovError);
+
+    _this = _super.call(this, message); // (1)
+
+    _this.name = 'DigigovError'; // (2)
+
+    return _this;
+  }
+
+  return _createClass(DigigovError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+var loggedDeprecations = new Set();
+
+var handleErrorWarning = function handleErrorWarning(componentName, name, _ref, type) {
+  var error = _ref.error,
+      warning = _ref.warning;
+
+  if (warning === true) {
+    console.warn("\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
+  } else if (typeof warning === 'string') {
+    console.warn(warning);
+  }
+
+  if (error === true) {
+    throw new DigigovError("".concat(componentName, ": !! ").concat(name, " ").concat(type, " is deprecated."));
+  } else if (typeof error === 'string') {
+    throw new DigigovError("Component `".concat(componentName, "` with `").concat(name, "` prop: ").concat(error));
+  }
+};
+
+export default function withDeprecation(Component, deprecations) {
+  var _Component$render;
+
+  var componentName = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name);
+
+  if (loggedDeprecations.has(componentName)) {
+    return Component;
+  } else {
+    loggedDeprecations.add(componentName);
+  } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+
+
+  return function withDeprecationComponent(props) {
+    if (deprecations.rename) {
+      console.warn("\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
+    }
+
+    handleErrorWarning(componentName, componentName, deprecations, 'component');
+
+    if (deprecations.props) {
+      Object.keys(deprecations.props).forEach(function (propName) {
+        var _deprecations$props, _propDeprecation$valu;
+
+        var value = props[propName];
+
+        if (!value) {
+          return;
+        }
+
+        var propDeprecation = deprecations === null || deprecations === void 0 ? void 0 : (_deprecations$props = deprecations.props) === null || _deprecations$props === void 0 ? void 0 : _deprecations$props[propName];
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && (_propDeprecation$valu = propDeprecation.values) !== null && _propDeprecation$valu !== void 0 && _propDeprecation$valu[value]) {
+          var _propDeprecation$valu2;
+
+          return handleErrorWarning(componentName, "".concat(propName, " ").concat(value), propDeprecation === null || propDeprecation === void 0 ? void 0 : (_propDeprecation$valu2 = propDeprecation.values) === null || _propDeprecation$valu2 === void 0 ? void 0 : _propDeprecation$valu2[value], 'property value');
+        }
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.error || propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.warning) {
+          return handleErrorWarning(componentName, propName, propDeprecation, 'property');
+        }
+      });
+    } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+
+
+    return /*#__PURE__*/React.createElement(Component, props);
+  };
+}

package/esm/api/APIErrors.js

@@ -0,0 +1,96 @@
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+export var APIErrors = /*#__PURE__*/function (_React$Component) {
+  _inherits(APIErrors, _React$Component);
+
+  var _super = _createSuper(APIErrors);
+
+  function APIErrors() {
+    var _this;
+
+    _classCallCheck(this, APIErrors);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      hasError: false,
+      error: null
+    };
+    return _this;
+  }
+
+  _createClass(APIErrors, [{
+    key: "render",
+    value: function render() {
+      if (this.state.hasError) {
+        var Comp = this.props.fallback;
+        return /*#__PURE__*/React.createElement(Comp, {
+          error: this.state.error
+        });
+      }
+
+      return this.props.children;
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError(error) {
+      return {
+        hasError: true,
+        error: error
+      };
+    }
+  }]);
+
+  return APIErrors;
+}(React.Component);
+export default APIErrors;
+/*
+  The type of `error` variable of the `useRequest` hook result.
+
+  We expect a request to fail for at least one reason (`error` property). In
+  case of multiple errors, developers may use `errors` property to construct
+  a more verbose error report.
+*/
+
+export var APIError = /*#__PURE__*/function (_Error) {
+  _inherits(APIError, _Error);
+
+  var _super2 = _createSuper(APIError);
+
+  function APIError(errors, status) {
+    var _this2;
+
+    _classCallCheck(this, APIError);
+
+    for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+      args[_key2 - 2] = arguments[_key2];
+    }
+
+    _this2 = _super2.call.apply(_super2, [this].concat(args));
+    _this2.error = null;
+    _this2.errors = null;
+    _this2.status = 200;
+    _this2.name = 'APIError';
+    Error.captureStackTrace(_assertThisInitialized(_this2), APIError);
+    _this2.error = errors && errors.length && errors[0] || errors;
+    _this2.errors = errors;
+    _this2.status = status;
+    return _this2;
+  }
+
+  return _createClass(APIError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));

package/esm/api/APIProvider.js

@@ -0,0 +1,25 @@
+import React, { createContext, useMemo } from 'react';
+export var APIContext = /*#__PURE__*/createContext({
+  config: {
+    baseURL: ''
+  },
+  token: null
+});
+export var APIProvider = function APIProvider(_ref) {
+  var _ref$token = _ref.token,
+      token = _ref$token === void 0 ? null : _ref$token,
+      _ref$config = _ref.config,
+      config = _ref$config === void 0 ? {
+    baseURL: ''
+  } : _ref$config,
+      children = _ref.children;
+  var data = useMemo(function () {
+    return {
+      token: token,
+      config: config
+    };
+  }, [token, config]);
+  return /*#__PURE__*/React.createElement(APIContext.Provider, {
+    value: data
+  }, children);
+};

package/esm/api/fetchAPI.js

@@ -0,0 +1,49 @@
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import { getArgs, processResponse } from '@digigov/ui/api/utils';
+export function fetchAPI(_x, _x2, _x3) {
+  return _fetchAPI.apply(this, arguments);
+}
+
+function _fetchAPI() {
+  _fetchAPI = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resource, _ref, apiConfig) {
+    var _ref$query, query, _ref$path, path, _ref$method, method, _ref$body, body, baseURL, token, _getArgs, _getArgs2, url, options, response, _yield$processRespons, data, error, status;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _ref$query = _ref.query, query = _ref$query === void 0 ? {} : _ref$query, _ref$path = _ref.path, path = _ref$path === void 0 ? '' : _ref$path, _ref$method = _ref.method, method = _ref$method === void 0 ? 'GET' : _ref$method, _ref$body = _ref.body, body = _ref$body === void 0 ? null : _ref$body;
+            baseURL = apiConfig.config.baseURL, token = apiConfig.token;
+            _getArgs = getArgs(resource, path, query, body, null, method, baseURL, token), _getArgs2 = _slicedToArray(_getArgs, 2), url = _getArgs2[0], options = _getArgs2[1];
+            _context.next = 5;
+            return window.fetch(url, options);
+
+          case 5:
+            response = _context.sent;
+            _context.next = 8;
+            return processResponse(response);
+
+          case 8:
+            _yield$processRespons = _context.sent;
+            data = _yield$processRespons.data;
+            error = _yield$processRespons.error;
+            status = _yield$processRespons.status;
+            return _context.abrupt("return", {
+              data: data,
+              error: error,
+              status: status
+            });
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _fetchAPI.apply(this, arguments);
+}
+
+export default fetchAPI;

package/esm/api/index.js

@@ -0,0 +1,13 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { useContext } from 'react';
+import { APIContext } from '@digigov/ui/api/APIProvider';
+export * from '@digigov/ui/api/APIErrors';
+export * from '@digigov/ui/api/APIProvider';
+export * from '@digigov/ui/api/useResource';
+export * from '@digigov/ui/api/useResourceAction';
+export * from '@digigov/ui/api/useResourceQuery';
+export * from '@digigov/ui/api/fetchAPI';
+export var useAPI = function useAPI() {
+  return useContext(APIContext);
+};
+export default useAPI;