react-usespinner 1.0.14 → 1.0.16

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)) {
@@ -16,12 +27,16 @@ var useSpinner = function (globalOptions) {
     var _a = (0, react_1.useState)([]), actions = _a[0], setActions = _a[1];
     // set a timer that every second checks if any actions can be closed
     (0, react_1.useEffect)(function () {
-        var timer = setTimeout(function () {
-            if (actions) {
-                setActions(function (prev) { return prev.filter(function (item) { return item.endtime > Date.now(); }); });
-            }
-        }, 1000);
-        return function () { return clearTimeout(timer); };
+        if (actions.length > 0) {
+            var timer_1 = setTimeout(function () {
+                if (actions) {
+                    setActions(function (prev) {
+                        return prev.filter(function (item) { return item.endtime > Date.now(); });
+                    });
+                }
+            }, 1000);
+            return function () { return clearTimeout(timer_1); };
+        }
     }, [actions]);
     // Allow the start of a new Action to be tracked
     var start = function (name, options) {
@@ -40,16 +55,17 @@ var useSpinner = function (globalOptions) {
         setActions([]);
     };
     var busy = function () {
+        console.log("Busy = ", actions && actions.length > 0);
         return actions && actions.length > 0;
     };
     // JSX component used to wrap spinner of choice
     var SpinnerContainer = function (_a) {
         var spinner = _a.spinner, 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 (busy()) {
+            return (0, jsx_runtime_1.jsx)("div", __assign({ className: "useSpinner" }, { children: spinner }));
         }
-        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, SpinnerContainer: SpinnerContainer };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-usespinner",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "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",