@vizzly/dashboard 0.15.0-dev-d3bd0732844c4da88caabbe74f25416da8b21c02 → 0.15.0-dev-dffd1f2722535df19b75eb03560f3ad4eb95a104

package/dist/dashboard.cjs.development.js

@@ -26742,7 +26742,16 @@ var useQueryEffect = function useQueryEffect(queries, runQueriesCallback, filter
   var _useVariablesInDataSe = useVariablesInDataSet(dataSet, queries, variables),
     noOfVariableChanges = _useVariablesInDataSe.noOfVariableChanges;
   var watchCustomFieldChangesKey = watchDataSetFieldChanges(dataSet, queries);
+  var hasMeasures = function () {
+    if (typeof queries === 'object' && queries !== null && 'measure' in queries) {
+      return Array.isArray(queries.measure) && queries.measure.length > 0;
+    }
+    return false;
+  }();
   React.useEffect(function () {
+    if (queriesAreChanging) {
+      setResults([]);
+    }
     var abortController = new AbortController();
     var fetch$1 = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
@@ -26754,36 +26763,30 @@ var useQueryEffect = function useQueryEffect(queries, runQueriesCallback, filter
                 _context.next = 3;
                 break;
               }
-              setResults([]);
+              setQueriesAreChanging(false);
               return _context.abrupt("return");
             case 3:
               setQueriesAreChanging(true);
-              _context.next = 6;
+              if (hasMeasures) {
+                setResults([]);
+              }
+              _context.next = 7;
               return fetch(queries, runQueriesCallback, abortController.signal, filterConfig);
-            case 6:
+            case 7:
               hasResults = _context.sent;
-              if (!hasResults) {
-                _context.next = 11;
-                break;
-              }
-              setQueriesAreChanging(false);
-              if (!abortController.signal.aborted) {
-                // Only set the results if the signal was not aborted...
-                setResults(hasResults);
-              }
-              return _context.abrupt("return");
-            case 11:
-              if (!Array.isArray(queries)) {
-                _context.next = 14;
-                break;
+              if (hasResults) {
+                if (!abortController.signal.aborted) {
+                  // Only set the results if the signal was not aborted...
+                  setResults(hasResults);
+                }
+                setQueriesAreChanging(false);
+              } else {
+                setResults(Array.isArray(queries) ? queries.map(function () {
+                  return null;
+                }) : [null]);
+                setQueriesAreChanging(false);
               }
-              setResults(queries.map(function (_q) {
-                return null;
-              }));
-              return _context.abrupt("return");
-            case 14:
-              setResults([null]);
-            case 15:
+            case 9:
             case "end":
               return _context.stop();
           }
@@ -26795,7 +26798,7 @@ var useQueryEffect = function useQueryEffect(queries, runQueriesCallback, filter
     }();
     fetch$1();
     return function () {
-      abortController.abort('useQueryEffect unmounted');
+      return abortController.abort('useQueryEffect unmounted');
     };
   }, [JSON.stringify({
     componentType: componentType,
@@ -39434,12 +39437,12 @@ var PieChart$3 = function PieChart(props) {
       setDrilldownSelections([]);
     }
   }, [JSON.stringify(props.component.attributes)]);
-  var _useQueryEffect = useQueryEffect(attributes, props.runQueriesCallback, {
+  var _useComponentEffect = useComponentEffect(attributes, props.dataSet, dashboardBehaviour.queryEngineConfig, {
       localFilters: localFilters,
       globalFilters: props.globalFilters
-    }, props.dataSet, undefined, props.dashboardBehaviour.variables),
-    queriesAreChanging = _useQueryEffect.queriesAreChanging,
-    results = _useQueryEffect.results;
+    }, props.updateComponentAttributes, props.runQueriesCallback, dashboardBehaviour.variables),
+    queriesAreChanging = _useComponentEffect.queriesAreChanging,
+    results = _useComponentEffect.results;
   var _useDrilldownSelectio = useDrilldownSelection(results, attributes, function (newAttributes) {
       return setAttributes(newAttributes);
     }, props.dataSet, dashboardBehaviour.queryEngineConfig),
@@ -56966,6 +56969,9 @@ var Component = function Component(props) {
         dataSet: dataSet,
         runQueriesCallback: props.runQueriesCallback,
         component: props.component,
+        updateComponentAttributes: function updateComponentAttributes(newAttributes) {
+          return _updateComponentAttributes(newAttributes);
+        },
         globalFilters: dashboard.globalFilters,
         dashboardBehaviour: dashboardBehaviour,
         library: props == null ? void 0 : props.library,