react-usespinner 1.0.13 → 1.0.15
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/usespinner.d.ts +1 -3
- package/dist/usespinner.js +16 -35
- package/package.json +1 -1
package/dist/usespinner.d.ts
CHANGED
@@ -4,14 +4,12 @@ interface Options {
|
|
4
4
|
}
|
5
5
|
interface SpinnerProps {
|
6
6
|
children: React.ReactNode;
|
7
|
-
spinner: React.ReactNode;
|
8
7
|
}
|
9
8
|
declare const useSpinner: (globalOptions?: Options) => {
|
10
9
|
start: (name: string, options?: Options) => void;
|
11
10
|
end: (name: string) => void;
|
12
11
|
clear: () => void;
|
13
12
|
busy: () => boolean;
|
14
|
-
|
15
|
-
SpinnerContainer: ({ spinner, children }: SpinnerProps) => JSX.Element;
|
13
|
+
SpinnerContainer: ({ children }: SpinnerProps) => JSX.Element | null;
|
16
14
|
};
|
17
15
|
export default useSpinner;
|
package/dist/usespinner.js
CHANGED
@@ -1,4 +1,15 @@
|
|
1
1
|
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
2
13
|
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
3
14
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
4
15
|
if (ar || !(i in from)) {
|
@@ -42,46 +53,16 @@ var useSpinner = function (globalOptions) {
|
|
42
53
|
var busy = function () {
|
43
54
|
return actions && actions.length > 0;
|
44
55
|
};
|
45
|
-
var fetch = function () {
|
46
|
-
var params = [];
|
47
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
48
|
-
params[_i] = arguments[_i];
|
49
|
-
}
|
50
|
-
var createUUID = function () {
|
51
|
-
// https://www.arungudelli.com/tutorial/javascript/how-to-create-uuid-guid-in-javascript-with-examples/
|
52
|
-
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
|
53
|
-
var r = Math.random() * 16 | 0, v = c === 'x' ? r : ((r & 0x3) | 0x8);
|
54
|
-
return v.toString(16);
|
55
|
-
});
|
56
|
-
};
|
57
|
-
var id = createUUID();
|
58
|
-
console.log("Start fetch", id, params);
|
59
|
-
start(id);
|
60
|
-
return new Promise(function (resolve, reject) {
|
61
|
-
var config = params[1] || {};
|
62
|
-
fetch(params[0], config)
|
63
|
-
.then(function (res) {
|
64
|
-
resolve(res);
|
65
|
-
})
|
66
|
-
.catch(function (err) {
|
67
|
-
reject(err);
|
68
|
-
})
|
69
|
-
.finally(function () {
|
70
|
-
console.log("End fetch", id);
|
71
|
-
end(id);
|
72
|
-
});
|
73
|
-
});
|
74
|
-
};
|
75
56
|
// JSX component used to wrap spinner of choice
|
76
57
|
var SpinnerContainer = function (_a) {
|
77
|
-
var
|
58
|
+
var children = _a.children;
|
78
59
|
// If no active Actions then dont display anything
|
79
|
-
if (actions && actions.length
|
80
|
-
return
|
60
|
+
if (actions && actions.length === 0) {
|
61
|
+
return null;
|
81
62
|
}
|
82
|
-
return (0, jsx_runtime_1.jsx)("div", { children: children });
|
63
|
+
return (0, jsx_runtime_1.jsx)("div", __assign({ className: "useSpinner" }, { children: children }));
|
83
64
|
};
|
84
65
|
// return hook values
|
85
|
-
return { start: start, end: end, clear: clear, busy: busy,
|
66
|
+
return { start: start, end: end, clear: clear, busy: busy, SpinnerContainer: SpinnerContainer };
|
86
67
|
};
|
87
68
|
exports.default = useSpinner;
|
package/package.json
CHANGED