react-usespinner 1.0.13 → 1.0.15

package/dist/usespinner.d.ts

@@ -4,14 +4,12 @@ interface Options {
 }
 interface SpinnerProps {
     children: React.ReactNode;
-    spinner: React.ReactNode;
 }
 declare const useSpinner: (globalOptions?: Options) => {
     start: (name: string, options?: Options) => void;
     end: (name: string) => void;
     clear: () => void;
     busy: () => boolean;
-    fetch: (...params: any) => Promise<unknown>;
-    SpinnerContainer: ({ spinner, children }: SpinnerProps) => JSX.Element;
+    SpinnerContainer: ({ children }: SpinnerProps) => JSX.Element | null;
 };
 export default useSpinner;

package/dist/usespinner.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -42,46 +53,16 @@ var useSpinner = function (globalOptions) {
     var busy = function () {
         return actions && actions.length > 0;
     };
-    var fetch = function () {
-        var params = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            params[_i] = arguments[_i];
-        }
-        var createUUID = function () {
-            // https://www.arungudelli.com/tutorial/javascript/how-to-create-uuid-guid-in-javascript-with-examples/
-            return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-                var r = Math.random() * 16 | 0, v = c === 'x' ? r : ((r & 0x3) | 0x8);
-                return v.toString(16);
-            });
-        };
-        var id = createUUID();
-        console.log("Start fetch", id, params);
-        start(id);
-        return new Promise(function (resolve, reject) {
-            var config = params[1] || {};
-            fetch(params[0], config)
-                .then(function (res) {
-                resolve(res);
-            })
-                .catch(function (err) {
-                reject(err);
-            })
-                .finally(function () {
-                console.log("End fetch", id);
-                end(id);
-            });
-        });
-    };
     // JSX component used to wrap spinner of choice
     var SpinnerContainer = function (_a) {
-        var spinner = _a.spinner, children = _a.children;
+        var children = _a.children;
         // If no active Actions then dont display anything
-        if (actions && actions.length > 0) {
-            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: spinner });
+        if (actions && actions.length === 0) {
+            return null;
         }
-        return (0, jsx_runtime_1.jsx)("div", { children: children });
+        return (0, jsx_runtime_1.jsx)("div", __assign({ className: "useSpinner" }, { children: children }));
     };
     // return hook values
-    return { start: start, end: end, clear: clear, busy: busy, fetch: fetch, SpinnerContainer: SpinnerContainer };
+    return { start: start, end: end, clear: clear, busy: busy, SpinnerContainer: SpinnerContainer };
 };
 exports.default = useSpinner;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-usespinner",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "Track actions in progress to know if a spinner should be display. Actions expire within 10 seconds if not expired in code",
   "private": false,
   "license": "MIT",