react-usespinner 1.0.15 → 1.0.16

package/dist/usespinner.d.ts

@@ -4,12 +4,13 @@ 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;
-    SpinnerContainer: ({ children }: SpinnerProps) => JSX.Element | null;
+    SpinnerContainer: ({ spinner, children }: SpinnerProps) => JSX.Element;
 };
 export default useSpinner;

package/dist/usespinner.js

@@ -27,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) {
@@ -51,14 +55,15 @@ 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 children = _a.children;
+        var spinner = _a.spinner, children = _a.children;
         // If no active Actions then dont display anything
-        if (actions && actions.length === 0) {
-            return null;
+        if (busy()) {
+            return (0, jsx_runtime_1.jsx)("div", __assign({ className: "useSpinner" }, { children: spinner }));
         }
         return (0, jsx_runtime_1.jsx)("div", __assign({ className: "useSpinner" }, { children: children }));
     };

package/package.json

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