react-usespinner 1.0.9 → 1.0.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/dist/usespinner.js +13 -12
  2. package/package.json +1 -1
@@ -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, react_1.useState)([]), actions = _a[0], setActions = _a[1];
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, react_1.useEffect)(function () {
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 createUUID = function () {
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 === 0) {
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-usespinner",
3
- "version": "1.0.9",
3
+ "version": "1.0.11",
4
4
  "description": "Track actions in progress to know if a spinner should be display. Actions expire within 10 seconds if not expired in code",
5
5
  "private": false,
6
6
  "license": "MIT",