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

package/dist/charts/src/useXAxisLabelCount.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'react';
 import { ApproxAxisLabelCount } from './XYChart/types';
-export declare const useXAxisLabelCount: (override: ApproxAxisLabelCount, forceXAxisAsTime?: boolean | undefined) => [Ref<HTMLHeadingElement>, number];
+export declare const useXAxisLabelCount: (override: ApproxAxisLabelCount, forceXAxisAsTime?: boolean | undefined, horizontal?: boolean | undefined) => [Ref<HTMLHeadingElement>, number];

package/dist/dashboard.cjs.development.js

@@ -33377,26 +33377,28 @@ var Legend = function Legend(props) {
   });
 };
 
-var useXAxisLabelCount = function useXAxisLabelCount(override, forceXAxisAsTime) {
+var useXAxisLabelCount = function useXAxisLabelCount(override, forceXAxisAsTime, horizontal) {
   var ref = React.useRef(null);
   var _useState = React.useState(0),
-    width = _useState[0],
-    setWidth = _useState[1];
+    size = _useState[0],
+    setSize = _useState[1];
   React.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) {
@@ -34138,7 +34140,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 = React.useState(undefined),
@@ -35704,9 +35706,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 jsxRuntime.jsxs(React.Fragment, {
     children: [jsxRuntime.jsx(memoized, _extends({
       id: props.id