@vizzly/dashboard 0.15.0-dev-5edb8434dd7cdeec2714e56ebae47d56cd384d45 → 0.15.0-dev-5f603171f06ba14586bf9cf5a1a3a54330022c71

package/dist/dashboard.esm.js

@@ -77849,7 +77849,7 @@ var NoDataSetResolved = /*#__PURE__*/function (_Error) {
   return NoDataSetResolved;
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
-var useVizzly = function useVizzly(properties, options) {
+var useVizzly = function useVizzly(properties, options, deps) {
   var _useState = useState({
       loading: true,
       error: undefined,
@@ -77860,6 +77860,9 @@ var useVizzly = function useVizzly(properties, options) {
     setState = _useState[1];
   var vizzlyRef = useRef();
   var vizzly = vizzlyRef.current;
+  var _useState2 = useState(0),
+    refetchCount = _useState2[0],
+    setRefetchCount = _useState2[1];
   useEffect(function () {
     var abortController = new AbortController();
     var doWork = /*#__PURE__*/function () {
@@ -77917,91 +77920,22 @@ var useVizzly = function useVizzly(properties, options) {
     return function () {
       return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
     };
-  }, []);
-  var refetch = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var abortController, doWork;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            abortController = new AbortController();
-            doWork = /*#__PURE__*/function () {
-              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-                var _yield$Promise$all2, globalLibraries, dashboards;
-                return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
-                    case 0:
-                      _context2.prev = 0;
-                      _context2.next = 3;
-                      return Vizzly$1.load(properties, {
-                        apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
-                      });
-                    case 3:
-                      vizzlyRef.current = _context2.sent;
-                      _context2.next = 6;
-                      return Promise.all([vizzlyRef.current.getGlobalLibraries({
-                        abortController: abortController
-                      }), vizzlyRef.current.getDashboards({
-                        abortController: abortController
-                      })]);
-                    case 6:
-                      _yield$Promise$all2 = _context2.sent;
-                      globalLibraries = _yield$Promise$all2[0];
-                      dashboards = _yield$Promise$all2[1];
-                      setState({
-                        loading: false,
-                        error: undefined,
-                        dashboards: dashboards,
-                        globalLibraries: globalLibraries
-                      });
-                      _context2.next = 16;
-                      break;
-                    case 12:
-                      _context2.prev = 12;
-                      _context2.t0 = _context2["catch"](0);
-                      logError('Error loading Vizzly', _context2.t0);
-                      setState({
-                        loading: false,
-                        error: _context2.t0,
-                        dashboards: [].concat(state.dashboards),
-                        globalLibraries: [].concat(state.globalLibraries)
-                      });
-                    case 16:
-                    case "end":
-                      return _context2.stop();
-                  }
-                }, _callee2, null, [[0, 12]]);
-              }));
-              return function doWork() {
-                return _ref3.apply(this, arguments);
-              };
-            }();
-            doWork();
-            return _context3.abrupt("return", function () {
-              return abortController.abort(new LoadingAborted('We stopped loading Vizzly because of an abort signal triggered by an unmount'));
-            });
-          case 4:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function refetch() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
+  }, [refetchCount].concat(deps || []));
+  var refetch = function refetch() {
+    setRefetchCount(refetchCount + 1);
+  };
   var createDashboard = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
       var createdDashboard;
-      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (!vizzly) {
-              _context4.next = 15;
+              _context2.next = 15;
               break;
             }
-            _context4.prev = 1;
-            _context4.next = 4;
+            _context2.prev = 1;
+            _context2.next = 4;
             return vizzly.createDashboard({
               definition: params.definition,
               // permissions: params.permissions,
@@ -78010,76 +77944,76 @@ var useVizzly = function useVizzly(properties, options) {
               abortSignal: params.abortSignal
             });
           case 4:
-            createdDashboard = _context4.sent;
+            createdDashboard = _context2.sent;
             setState(_extends({}, state, {
               dashboards: [].concat(state.dashboards, [createdDashboard])
             }));
-            return _context4.abrupt("return", createdDashboard);
+            return _context2.abrupt("return", createdDashboard);
           case 9:
-            _context4.prev = 9;
-            _context4.t0 = _context4["catch"](1);
-            logError(_context4.t0);
-            return _context4.abrupt("return", null);
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](1);
+            logError(_context2.t0);
+            return _context2.abrupt("return", null);
           case 13:
-            _context4.next = 16;
+            _context2.next = 16;
             break;
           case 15:
             throw 'Unable to create a dashboard when vizzly has not been loaded.';
           case 16:
           case "end":
-            return _context4.stop();
+            return _context2.stop();
         }
-      }, _callee4, null, [[1, 9]]);
+      }, _callee2, null, [[1, 9]]);
     }));
     return function createDashboard(_x) {
-      return _ref4.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   useEffect(function () {
     var abortController = new AbortController();
     var doWork = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var _yield$Promise$all3, globalLibraries;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var _yield$Promise$all2, globalLibraries;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context5.prev = 0;
-              _context5.next = 3;
+              _context3.prev = 0;
+              _context3.next = 3;
               return Vizzly$1.load(properties, {
                 apiHost: (options == null ? void 0 : options.apiHost) || 'https://api.vizzly.co'
               });
             case 3:
-              vizzlyRef.current = _context5.sent;
-              _context5.next = 6;
+              vizzlyRef.current = _context3.sent;
+              _context3.next = 6;
               return Promise.all([vizzlyRef.current.getGlobalLibraries({
                 abortController: abortController
               })]);
             case 6:
-              _yield$Promise$all3 = _context5.sent;
-              globalLibraries = _yield$Promise$all3[0];
+              _yield$Promise$all2 = _context3.sent;
+              globalLibraries = _yield$Promise$all2[0];
               setState(_extends({}, state, {
                 globalLibraries: globalLibraries
               }));
-              _context5.next = 15;
+              _context3.next = 15;
               break;
             case 11:
-              _context5.prev = 11;
-              _context5.t0 = _context5["catch"](0);
-              logError('Error loading Vizzly', _context5.t0);
+              _context3.prev = 11;
+              _context3.t0 = _context3["catch"](0);
+              logError('Error loading Vizzly', _context3.t0);
               setState({
                 loading: false,
-                error: _context5.t0,
+                error: _context3.t0,
                 dashboards: [].concat(state.dashboards),
                 globalLibraries: [].concat(state.globalLibraries)
               });
             case 15:
             case "end":
-              return _context5.stop();
+              return _context3.stop();
           }
-        }, _callee5, null, [[0, 11]]);
+        }, _callee3, null, [[0, 11]]);
       }));
       return function doWork() {
-        return _ref5.apply(this, arguments);
+        return _ref3.apply(this, arguments);
       };
     }();
     if (vizzly) {
@@ -78097,20 +78031,20 @@ var useVizzly = function useVizzly(properties, options) {
     };
   }, [vizzly]);
   var updateDashboard = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(params) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params) {
       var updatedDashboard, dashboards;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             if (!vizzly) {
-              _context6.next = 20;
+              _context4.next = 20;
               break;
             }
             setState(_extends({}, state, {
               saving: SavingState.InProgress
             }));
-            _context6.prev = 2;
-            _context6.next = 5;
+            _context4.prev = 2;
+            _context4.next = 5;
             return vizzly.updateDashboard({
               dashboardId: params.dashboardId,
               definition: params.definition,
@@ -78120,11 +78054,11 @@ var useVizzly = function useVizzly(properties, options) {
               name: params.name
             });
           case 5:
-            updatedDashboard = _context6.sent;
-            _context6.next = 8;
+            updatedDashboard = _context4.sent;
+            _context4.next = 8;
             return vizzly.getDashboards();
           case 8:
-            dashboards = _context6.sent;
+            dashboards = _context4.sent;
             setState(function (prevState) {
               return _extends({}, prevState, {
                 dashboards: dashboards,
@@ -78137,25 +78071,25 @@ var useVizzly = function useVizzly(properties, options) {
                 saving: SavingState.Undefined
               }));
             }, 500);
-            return _context6.abrupt("return", updatedDashboard);
+            return _context4.abrupt("return", updatedDashboard);
           case 14:
-            _context6.prev = 14;
-            _context6.t0 = _context6["catch"](2);
-            logError('Error updating dashboard', _context6.t0);
-            return _context6.abrupt("return", null);
+            _context4.prev = 14;
+            _context4.t0 = _context4["catch"](2);
+            logError('Error updating dashboard', _context4.t0);
+            return _context4.abrupt("return", null);
           case 18:
-            _context6.next = 21;
+            _context4.next = 21;
             break;
           case 20:
             throw 'Unable to update a dashboard when vizzly has not been loaded.';
           case 21:
           case "end":
-            return _context6.stop();
+            return _context4.stop();
         }
-      }, _callee6, null, [[2, 14]]);
+      }, _callee4, null, [[2, 14]]);
     }));
     return function updateDashboard(_x2) {
-      return _ref6.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
 

package/dist/shared-ui/src/hooks/useVizzly.d.ts

@@ -36,5 +36,5 @@ declare type State = {
     error: Error | undefined;
     saving?: SavingState;
 };
-export declare const useVizzly: (properties: VizzlyServicesProperties, options?: LoaderOptions | undefined) => Returns;
+export declare const useVizzly: (properties: VizzlyServicesProperties, options?: LoaderOptions | undefined, deps?: any[] | undefined) => Returns;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.15.0-dev-5edb8434dd7cdeec2714e56ebae47d56cd384d45",
+  "version": "0.15.0-dev-5f603171f06ba14586bf9cf5a1a3a54330022c71",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "module": "./dist/dashboard.esm.js",