@vizzly/dashboard 0.15.0-dev-4c548c2a9cdc29d779838ea3325029fe7e640235 → 0.15.0-dev-b977a1154b349ec1e508214978bfd28cd7e5c26b

package/dist/dashboard.esm.js

@@ -33414,26 +33414,28 @@ var Legend = function Legend(props) {
   });
 };
 
-var useXAxisLabelCount = function useXAxisLabelCount(override, forceXAxisAsTime) {
+var useXAxisLabelCount = function useXAxisLabelCount(override, forceXAxisAsTime, horizontal) {
   var ref = useRef(null);
   var _useState = useState(0),
-    width = _useState[0],
-    setWidth = _useState[1];
+    size = _useState[0],
+    setSize = _useState[1];
   useEffect(function () {
     var handleResize = throttle(function () {
-      setWidth(ref.current ? ref.current.clientWidth : 0);
+      if (!ref.current) return;
+      var measurement = horizontal ? ref.current.clientHeight : ref.current.clientWidth;
+      setSize(measurement);
     }, 100);
     handleResize();
-    window.addEventListener('resize', function () {
-      return handleResize;
-    });
+    window.addEventListener('resize', handleResize);
     return function () {
       window.removeEventListener('resize', handleResize);
+      handleResize.cancel();
     };
   });
-  var approximateXTickCount = Math.min(width < 1000 ? parseInt(("" + width)[0]) : 12, 12);
-  if (override != 'auto') return [ref, override];
-  return [ref, approximateXTickCount * (forceXAxisAsTime ? 4 : 1)];
+  if (override !== 'auto') return [ref, override];
+  var approximateTickCount = Math.min(size < 1000 ? parseInt(("" + size)[0]) : 12, 12);
+  var multiplier = horizontal || forceXAxisAsTime ? 4 : 1;
+  return [ref, approximateTickCount * multiplier];
 };
 
 var buildTooltipStyles = function buildTooltipStyles(_ref) {
@@ -34175,7 +34177,7 @@ var VizzlyXYChart = function VizzlyXYChart(props) {
       scaleToFit: 'shrink-only'
     };
   };
-  var _useXAxisLabelCount = useXAxisLabelCount(approxXAxisLabelCount, !(props != null && props.horizontal) && (props == null ? void 0 : props.forceXAxisAsTime)),
+  var _useXAxisLabelCount = useXAxisLabelCount(approxXAxisLabelCount, props == null ? void 0 : props.forceXAxisAsTime, props == null ? void 0 : props.horizontal),
     widthRef = _useXAxisLabelCount[0],
     approximateXTickCount = _useXAxisLabelCount[1];
   var _useState = useState(undefined),
@@ -35741,9 +35743,6 @@ var AreaChart$4 = function AreaChart(props) {
       globalFilters: props.globalFilters
     }, props.dataSet, undefined, props.dashboardBehaviour.variables),
     queriesAreChanging = _useQueryEffect.queriesAreChanging;
-  var componentInterface = getComponentInterface(props.component.attributes.type, {
-    queryEngineConfig: props.dashboardBehaviour.queryEngineConfig
-  });
   return jsxs(Fragment, {
     children: [jsx(memoized, _extends({
       id: props.id

package/package.json

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