react-usespinner 1.0.9 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/usespinner.js +13 -12
- package/package.json +1 -1
package/dist/usespinner.js
CHANGED
|
@@ -22,11 +22,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
22
22
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
23
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
24
24
|
var react_1 = require("react");
|
|
25
|
+
var react_2 = require("react");
|
|
25
26
|
var useSpinner = function (globalOptions) {
|
|
26
27
|
// store a list of actions
|
|
27
|
-
var _a = (0,
|
|
28
|
+
var _a = (0, react_2.useState)([]), actions = _a[0], setActions = _a[1];
|
|
28
29
|
// set a timer that every second checks if any actions can be closed
|
|
29
|
-
(0,
|
|
30
|
+
(0, react_2.useEffect)(function () {
|
|
30
31
|
var timer = setTimeout(function () {
|
|
31
32
|
if (actions) {
|
|
32
33
|
setActions(function (prev) { return prev.filter(function (item) { return item.endtime > Date.now(); }); });
|
|
@@ -53,18 +54,18 @@ var useSpinner = function (globalOptions) {
|
|
|
53
54
|
var busy = function () {
|
|
54
55
|
return actions && actions.length > 0;
|
|
55
56
|
};
|
|
56
|
-
var
|
|
57
|
-
// https://www.arungudelli.com/tutorial/javascript/how-to-create-uuid-guid-in-javascript-with-examples/
|
|
58
|
-
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
59
|
-
var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
|
|
60
|
-
return v.toString(16);
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
var fetch = function () {
|
|
57
|
+
var fetch = (0, react_1.useCallback)(function () {
|
|
64
58
|
var params = [];
|
|
65
59
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
66
60
|
params[_i] = arguments[_i];
|
|
67
61
|
}
|
|
62
|
+
var createUUID = function () {
|
|
63
|
+
// https://www.arungudelli.com/tutorial/javascript/how-to-create-uuid-guid-in-javascript-with-examples/
|
|
64
|
+
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
|
65
|
+
var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
|
|
66
|
+
return v.toString(16);
|
|
67
|
+
});
|
|
68
|
+
};
|
|
68
69
|
var id = createUUID();
|
|
69
70
|
start(id);
|
|
70
71
|
return new Promise(function (resolve, reject) {
|
|
@@ -80,12 +81,12 @@ var useSpinner = function (globalOptions) {
|
|
|
80
81
|
end(id);
|
|
81
82
|
});
|
|
82
83
|
});
|
|
83
|
-
};
|
|
84
|
+
}, [end, start]);
|
|
84
85
|
// JSX component used to wrap spinner of choice
|
|
85
86
|
var SpinnerContainer = function (_a) {
|
|
86
87
|
var spinner = _a.spinner, children = _a.children;
|
|
87
88
|
// If no active Actions then dont display anything
|
|
88
|
-
if (actions && actions.length
|
|
89
|
+
if (actions && actions.length > 0) {
|
|
89
90
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: spinner });
|
|
90
91
|
}
|
|
91
92
|
return (0, jsx_runtime_1.jsx)("div", __assign({ className: "useSpinner" }, { children: children }));
|
package/package.json
CHANGED