tenjin-ui-kit 0.3.67 → 0.3.69

package/build/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

package/dist/README.md

@@ -0,0 +1,13 @@
+# Tenjin UI Kit
+
+The Tenjin UI kit ships a set of pre-built components that can be used while building user interfaces for Tenjin.
+
+## Installation
+
+In the project directory, you can run:
+
+    npm install tenjin-ui-kit
+
+## Usage
+
+The [Tenjin UI Kit](https://tenjin-ui-kit.netlify.app) storybook gives clear documentation on how to use the Tenjin UI Kit.

package/dist/common/hooks/apiHooks.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePut = exports.usePost = exports.useFetch = exports.useDelete = void 0;
+var _react = require("react");
+var _http = require("../../http");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /* eslint-disable react-hooks/exhaustive-deps */
+const useFetch = (url, clean, dependency) => {
+  const _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  const _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  (0, _react.useEffect)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await (0, _http.get)(url);
+      setData(res);
+      setLoading(false);
+    } catch (error) {
+      setLoading(false);
+      const parsedError = (0, _http.parseAxiosError)(error);
+      setError(parsedError.message);
+    }
+    return () => {
+      clean();
+    };
+  }, [dependency]);
+  return {
+    data,
+    loading,
+    error
+  };
+};
+exports.useFetch = useFetch;
+const usePost = (url, body, clean, dependency) => {
+  const _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    data = _useState8[0],
+    setData = _useState8[1];
+  const _useState9 = (0, _react.useState)(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    loading = _useState0[0],
+    setLoading = _useState0[1];
+  const _useState1 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    error = _useState10[0],
+    setError = _useState10[1];
+  (0, _react.useEffect)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await (0, _http.post)(url, body);
+      setData(data);
+      setLoading(false);
+    } catch (error) {
+      setError(error);
+      setLoading(false);
+    }
+    return () => {
+      clean();
+    };
+  }, [dependency]);
+  return {
+    data,
+    loading,
+    error
+  };
+};
+exports.usePost = usePost;
+const usePut = (url, body, clean, dependency) => {
+  const _useState11 = (0, _react.useState)(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    data = _useState12[0],
+    setData = _useState12[1];
+  const _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    loading = _useState14[0],
+    setLoading = _useState14[1];
+  const _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    error = _useState16[0],
+    setError = _useState16[1];
+  (0, _react.useEffect)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await (0, _http.put)(url, body);
+      setData(data);
+      setLoading(false);
+    } catch (error) {
+      setError(error);
+      setLoading(false);
+    }
+    return () => {
+      clean();
+    };
+  }, [dependency]);
+  return {
+    data,
+    loading,
+    error
+  };
+};
+exports.usePut = usePut;
+const useDelete = (url, body, clean, dependency) => {
+  const _useState17 = (0, _react.useState)(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    data = _useState18[0],
+    setData = _useState18[1];
+  const _useState19 = (0, _react.useState)(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    loading = _useState20[0],
+    setLoading = _useState20[1];
+  const _useState21 = (0, _react.useState)(null),
+    _useState22 = _slicedToArray(_useState21, 2),
+    error = _useState22[0],
+    setError = _useState22[1];
+  (0, _react.useEffect)(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await (0, _http.doDelete)(url);
+      setData(data);
+      setLoading(false);
+    } catch (error) {
+      setError(error);
+      setLoading(false);
+    }
+    return () => {
+      clean();
+    };
+  }, [dependency]);
+  return {
+    data,
+    loading,
+    error
+  };
+};
+exports.useDelete = useDelete;

package/dist/common/hooks/newApiHook.js

@@ -0,0 +1,188 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _http = require("../../http");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /* eslint-disable no-unused-vars */
+const useAPI = () => {
+  const _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    getResult = _useState2[0],
+    setGetResult = _useState2[1];
+  const _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    postResult = _useState4[0],
+    setpostResult = _useState4[1];
+  const _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    putResult = _useState6[0],
+    setputResult = _useState6[1];
+  const _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    deleteResult = _useState8[0],
+    setdeleteResult = _useState8[1];
+  //
+  const _useState9 = (0, _react.useState)(null),
+    _useState0 = _slicedToArray(_useState9, 2),
+    getError = _useState0[0],
+    setGetError = _useState0[1];
+  const _useState1 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    postError = _useState10[0],
+    setpostError = _useState10[1];
+  const _useState11 = (0, _react.useState)(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    putError = _useState12[0],
+    setputError = _useState12[1];
+  const _useState13 = (0, _react.useState)(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    deleteError = _useState14[0],
+    setdeleteError = _useState14[1];
+  //
+  const _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    getLoading = _useState16[0],
+    setGetLoading = _useState16[1];
+  const _useState17 = (0, _react.useState)(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    postLoading = _useState18[0],
+    setpostLoading = _useState18[1];
+  const _useState19 = (0, _react.useState)(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    putLoading = _useState20[0],
+    setputLoading = _useState20[1];
+  const _useState21 = (0, _react.useState)(null),
+    _useState22 = _slicedToArray(_useState21, 2),
+    deleteLoading = _useState22[0],
+    setdeleteLoading = _useState22[1];
+  const _useState23 = (0, _react.useState)({
+      getResult: getResult,
+      postResult: postResult,
+      putResult: putResult,
+      deleteResult: deleteResult
+    }),
+    _useState24 = _slicedToArray(_useState23, 2),
+    result = _useState24[0],
+    setResult = _useState24[1];
+  let _useState25 = (0, _react.useState)({
+      getError: getError,
+      postError: postError,
+      putError: putError,
+      deleteError: deleteError
+    }),
+    _useState26 = _slicedToArray(_useState25, 2),
+    errorMessage = _useState26[0],
+    setErrorMessage = _useState26[1];
+  let _useState27 = (0, _react.useState)({
+      getLoading: getLoading,
+      postLoading: postLoading,
+      putLoading: putLoading,
+      deleteLoading: deleteLoading
+    }),
+    _useState28 = _slicedToArray(_useState27, 2),
+    loading = _useState28[0],
+    setLoading = _useState28[1];
+  const useGet = async (url, action) => {
+    let response;
+    try {
+      setLoading({
+        getLoading: true
+      });
+      response = await (0, _http.getSecureClient)().get(url);
+      setResult({
+        getResult: response
+      });
+      setLoading({
+        getLoading: false
+      });
+    } catch (error) {
+      const parsedError = (0, _http.parseAxiosError)(error);
+      setErrorMessage({
+        getError: parsedError.message
+      });
+      setLoading({
+        getLoading: false
+      });
+    }
+  };
+  const usePost = async (url, body, action) => {
+    let response;
+    try {
+      setLoading({
+        postLoading: true
+      });
+      response = await (0, _http.getSecureClient)().post(url, body);
+      setResult({
+        postResult: response
+      });
+      setLoading({
+        postLoading: false
+      });
+    } catch (error) {
+      const parsedError = (0, _http.parseAxiosError)(error);
+      setErrorMessage({
+        postError: parsedError.message
+      });
+      setLoading({
+        postLoading: false
+      });
+    }
+  };
+  const usePut = async (url, body, action) => {
+    let response;
+    try {
+      setLoading({
+        putLoading: true
+      });
+      const response = await (0, _http.getSecureClient)().put(url, body);
+      setResult({
+        putResult: response
+      });
+      setLoading({
+        putLoading: false
+      });
+    } catch (error) {
+      const parsedError = (0, _http.parseAxiosError)(error);
+      setErrorMessage({
+        putError: parsedError.message
+      });
+      setLoading({
+        putLoading: false
+      });
+    }
+  };
+  const useDelete = async (url, action) => {
+    let response;
+    try {
+      setLoading({
+        deleteLoading: true
+      });
+      response = await (0, _http.getSecureClient)().delete(url);
+      setResult({
+        deleteResult: response
+      });
+      setLoading({
+        deleteLoading: false
+      });
+    } catch (error) {
+      const parsedError = (0, _http.parseAxiosError)(error);
+      setErrorMessage({
+        deleteError: parsedError.message
+      });
+      setLoading({
+        deleteLoading: false
+      });
+    }
+  };
+  return [result, errorMessage, loading, useGet, usePost, usePut, useDelete];
+};
+var _default = exports.default = useAPI;

package/{common → dist/common}/utils/security/index.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.secureEnterprise = void 0;
 var _axios = _interopRequireDefault(require("axios"));
 var _securityConfig = require("./securityConfig");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var secureEnterprise = function secureEnterprise() {};
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const secureEnterprise = () => {};
 exports.secureEnterprise = secureEnterprise;

package/{common → dist/common}/utils/security/securityConfig.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ACCESS_TOKEN_FROM_LOCAL_STORAGE = void 0;
-var ACCESS_TOKEN_FROM_LOCAL_STORAGE = "te4_at";
-exports.ACCESS_TOKEN_FROM_LOCAL_STORAGE = ACCESS_TOKEN_FROM_LOCAL_STORAGE;
+const ACCESS_TOKEN_FROM_LOCAL_STORAGE = exports.ACCESS_TOKEN_FROM_LOCAL_STORAGE = "te4_at";