@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.9

package/lib/esm/style/plot.shadow.css

@@ -1,5 +1,3 @@
-@import './var.css';
-
 SPlot {
   overflow: hidden;
 }
@@ -17,7 +15,7 @@ foreignObject[data-aria-only] {
   pointer-events: none;
 }
 
-SPlot[keyboardFocused] {
+SPlot:has(foreignObject[data-aria-only]:focus-within) {
   @mixin focus-outline-mixin;
   border-radius: var(--intergalactic-surface-rounded, 6px);
 }

package/lib/esm/style/plotA11yModule.shadow.css

@@ -1,12 +1,11 @@
-@import './var.css';
-
 SPlotA11yModule {
-  user-select: none;
-  pointer-events: none;
-  opacity: 0;
-}
-SPlotA11yModule:focus {
-  user-select: all;
-  pointer-events: all;
-  opacity: 1;
-}
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0,
+}

package/lib/esm/style/plotA11yView.shadow.css

@@ -1,39 +1,26 @@
-@import './var.css';
-
 SPlotA11yView {
-  user-select: none;
-  pointer-events: none;
-  opacity: 0;
+  position: relative;
+  display: block;
   background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
   color: var(--intergalactic-text-primary, #191b23);
   border: 3px solid var(--intergalactic-border-primary, #c4c7cf);
   font-size: var(--intergalactic-fs-50, 10px);
-  /* disable-tokens-validator */
+  z-index: var(--intergalactic-z-index-overlay, 500);
   padding: 2px;
   width: 200px;
   height: 200px;
   max-width: 80%;
   max-height: 80%;
   overflow: auto;
-}
-SPlotA11yView:focus-within,
-SPlotA11yView:focus {
-  user-select: all;
-  pointer-events: all;
-  opacity: 1;
-  z-index: var(--intergalactic-z-index-overlay, 500);
-  position: relative;
-  display: block;
-}
-SPlotA11yView a {
-  cursor: pointer;
-  text-decoration: underline;
-  margin-bottom: var(--intergalactic-spacing-2x, 8px);
-  display: block;
-}
 
-SPlotA11yView table,
-SPlotA11yView td,
-SPlotA11yView th {
-  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  a {
+    cursor: pointer;
+    text-decoration: underline;
+    margin-bottom: var(--intergalactic-spacing-2x, 8px);
+    display: block;
+  }
+
+  table, td, th {
+    border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  }
 }

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -11,7 +11,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   en,
   es,
   fr,

package/lib/esm/utils.mjs

@@ -1,219 +1,184 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import EventEmitter from "@semcore/core/lib/utils/eventEmitter";
 import { extent, bisector } from "d3-array";
 import { scaleSqrt, scaleBand, scaleQuantize } from "d3-scale";
-var eventToPoint = function eventToPoint2(event, svgRoot) {
-  var node = event.currentTarget || event.target;
-  var rect = svgRoot.getBoundingClientRect();
+const eventToPoint = (event, svgRoot) => {
+  const node = event.currentTarget || event.target;
+  const rect = svgRoot.getBoundingClientRect();
   return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
 };
-var invert = function invert2(scale, value) {
+const invert = (scale, value) => {
   if ("invert" in scale && scale.invert) return scale.invert(value);
-  var range = scale.range();
-  var domain = scale.domain();
+  const range = scale.range();
+  const domain = scale.domain();
   if ("paddingOuter" in scale) {
     range[0] += scale.paddingOuter() * scale.step();
     range[1] -= scale.paddingOuter() * scale.step();
   }
   return scaleQuantize().domain(range[0] <= range[1] ? range : range.slice().reverse()).range(range[0] <= range[1] ? domain : domain.slice().reverse())(value);
 };
-var definedNullData = function definedNullData2(x, y) {
-  return function(plot) {
-    return plot[x] !== null && plot[y] !== null;
-  };
-};
-var definedData = function definedData2(x, y) {
-  return function(plot) {
-    return plot[x] !== null && plot[x] !== void 0 && plot[y] !== null && plot[y] !== void 0;
-  };
-};
-var scaleOfBandwidth = function scaleOfBandwidth2(scale, value) {
-  return scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);
-};
-var minMax = function minMax2(data, key) {
+const definedNullData = (x, y) => (plot) => plot[x] !== null && plot[y] !== null;
+const definedData = (x, y) => (plot) => plot[x] !== null && plot[x] !== void 0 && plot[y] !== null && plot[y] !== void 0;
+const scaleOfBandwidth = (scale, value) => scale.bandwidth ? scale(value) + scale.bandwidth() / 2 : scale(value);
+const minMax = (data, key) => {
   if (typeof key === "string") {
-    return extent(data, function(d) {
-      return d[key];
-    });
+    return extent(data, (d) => d[key]);
   }
   return extent(data, key);
 };
-var getNullData = function getNullData2(data, defined, name) {
-  return data.reduce(function(acc, d, i, data2) {
-    if (defined(d)) {
-      acc.push(_defineProperty({}, name, null));
-    } else {
-      var prev = data2[i - 1];
-      var next = data2[i + 1];
-      if (i === 0) {
-        var defNext = data2.find(defined);
-        acc.push(_objectSpread(_objectSpread({}, d), {}, _defineProperty({}, name, defNext ? defNext[name] : null)));
-      }
-      if (prev && defined(prev)) {
-        acc.push(prev);
-      }
-      if (next && defined(next)) {
-        acc.push(next);
-      }
-      if (data2.length - 1 === i) {
-        var defPrev = data2.slice().reverse().find(defined);
-        acc.push(_objectSpread(_objectSpread({}, d), {}, _defineProperty({}, name, defPrev ? defPrev[name] : null)));
-      }
+const getNullData = (data, defined, name) => data.reduce((acc, d, i, data2) => {
+  if (defined(d)) {
+    acc.push({
+      [name]: null
+    });
+  } else {
+    const prev = data2[i - 1];
+    const next = data2[i + 1];
+    if (i === 0) {
+      const defNext = data2.find(defined);
+      acc.push({
+        ...d,
+        [name]: defNext ? defNext[name] : null
+      });
     }
-    return acc;
-  }, []);
-};
-var getIndexFromData = function getIndexFromData2(data, scale, key, value) {
+    if (prev && defined(prev)) {
+      acc.push(prev);
+    }
+    if (next && defined(next)) {
+      acc.push(next);
+    }
+    if (data2.length - 1 === i) {
+      const defPrev = data2.slice().reverse().find(defined);
+      acc.push({
+        ...d,
+        [name]: defPrev ? defPrev[name] : null
+      });
+    }
+  }
+  return acc;
+}, []);
+const getIndexFromData = (data, scale, key, value) => {
   if ("invert" in scale && typeof scale.invert === "function" && Array.isArray(data)) {
-    var bisect = bisector(function(d) {
-      return d[key];
-    }).center;
+    const bisect = bisector((d) => d[key]).center;
     return bisect(data, value);
   } else if ("step" in scale && typeof scale.step !== "undefined" && Array.isArray(data)) {
-    var index = data.findIndex(function(d) {
-      return d[key] === value;
-    });
+    const index = data.findIndex((d) => d[key] === value);
     return index >= 0 ? index : null;
   } else if ("invert" in scale && typeof scale.invert === "function" && !Array.isArray(data)) {
-    var keys = Object.keys(data);
-    var domain = keys.map(function(_key, index2) {
-      return keys.slice(0, index2).reduce(function(acc, item) {
+    const keys = Object.keys(data);
+    const domain = keys.map((_key, index) => {
+      return keys.slice(0, index).reduce((acc, item) => {
         if (data[item] !== interpolateValue) {
           acc = acc + data[item];
         }
         return acc;
       }, 0);
     });
-    var _key2 = null;
-    var lastKeyIndex = keys.length - 1;
+    let key2 = null;
+    const lastKeyIndex = keys.length - 1;
     if (value > domain[lastKeyIndex]) {
-      _key2 = keys[lastKeyIndex];
+      key2 = keys[lastKeyIndex];
     } else {
-      for (var i = 0; i < lastKeyIndex; i++) {
+      for (let i = 0; i < lastKeyIndex; i++) {
         if (i === 0 && value < domain[i]) {
           break;
         }
         if (value > domain[i] && value < domain[i + 1]) {
-          _key2 = keys[i];
+          key2 = keys[i];
           break;
         }
       }
     }
-    return _key2;
+    return key2;
   } else {
     console.warn("[d3-chart/utils/getIndexFromData] encountered incompatible scale type");
     return null;
   }
 };
-var roundedPath = function roundedPath2(x, y, w, h, r) {
-  var tl = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : false;
-  var tr = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : false;
-  var bl = arguments.length > 7 && arguments[7] !== void 0 ? arguments[7] : false;
-  var br = arguments.length > 8 && arguments[8] !== void 0 ? arguments[8] : false;
-  var result = "M".concat(x + r, ",").concat(y);
-  result += "h".concat(w - 2 * r);
+const roundedPath = (x, y, w, h, r, tl = false, tr = false, bl = false, br = false) => {
+  let result = `M${x + r},${y}`;
+  result += `h${w - 2 * r}`;
   if (tr) {
-    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",").concat(r);
+    result += `a${r},${r} 0 0 1 ${r},${r}`;
   } else {
-    result += "h".concat(r);
-    result += "v".concat(r);
+    result += `h${r}`;
+    result += `v${r}`;
   }
-  result += "v".concat(h - 2 * r);
+  result += `v${h - 2 * r}`;
   if (br) {
-    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(-r, ",").concat(r);
+    result += `a${r},${r} 0 0 1 ${-r},${r}`;
   } else {
-    result += "v".concat(r);
-    result += "h".concat(-r);
+    result += `v${r}`;
+    result += `h${-r}`;
   }
-  result += "h".concat(2 * r - w);
+  result += `h${2 * r - w}`;
   if (bl) {
-    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(-r, ",").concat(-r);
+    result += `a${r},${r} 0 0 1 ${-r},${-r}`;
   } else {
-    result += "h".concat(-r);
-    result += "v".concat(-r);
+    result += `h${-r}`;
+    result += `v${-r}`;
   }
-  result += "v".concat(2 * r - h);
+  result += `v${2 * r - h}`;
   if (tl) {
-    result += "a".concat(r, ",").concat(r, " 0 0 1 ").concat(r, ",").concat(-r);
+    result += `a${r},${r} 0 0 1 ${r},${-r}`;
   } else {
-    result += "v".concat(-r);
-    result += "h".concat(r);
+    result += `v${-r}`;
+    result += `h${r}`;
   }
   result += "z";
   return result;
 };
-var scaleToBand = function scaleToBand2(scale) {
+const scaleToBand = (scale) => {
   if ("bandwidth" in scale) {
     return scale;
   }
-  var band = scaleBand().range(scale.range()).domain(scale.domain());
+  const band = scaleBand().range(scale.range()).domain(scale.domain());
   return band;
 };
-var memoize = function memoize2(func) {
-  var results = {};
-  return function() {
-    for (var _len = arguments.length, args = new Array(_len), _key3 = 0; _key3 < _len; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-    var argsKey = args.join(",");
+const memoize = (func) => {
+  const results = {};
+  return (...args) => {
+    const argsKey = args.join(",");
     if (!results[argsKey]) {
-      results[argsKey] = func.apply(void 0, args);
+      results[argsKey] = func(...args);
     }
     return results[argsKey];
   };
 };
-var measureText = memoize(function(text, fontSize) {
+const measureText = memoize((text, fontSize) => {
   if (!text) return 0;
-  var span = document.createElement("span");
+  const span = document.createElement("span");
   if (fontSize) {
-    span.style.fontSize = "".concat(fontSize, "px");
+    span.style.fontSize = `${fontSize}px`;
   }
-  var _iterator = _createForOfIteratorHelper(text.split("\n")), _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-      var line = _step.value;
-      span.append(document.createTextNode(line));
-      span.append(document.createElement("br"));
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+  for (const line of text.split("\n")) {
+    span.append(document.createTextNode(line));
+    span.append(document.createElement("br"));
   }
   span.style.display = "inline-block";
   document.body.append(span);
-  var textWidth = span.offsetWidth;
-  var textHeight = span.offsetHeight;
+  const textWidth = span.offsetWidth;
+  const textHeight = span.offsetHeight;
   span.remove();
   return Math.max(textWidth, textHeight);
 });
-var idCounter = 0;
-var uniqueId = function uniqueId2() {
-  var prefix = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "id-";
-  return "".concat(prefix).concat(idCounter++);
-};
-var interpolateValue = Symbol("intergalactic-d3-chart-line-interpolate");
-var getChartDefaultColorName = function getChartDefaultColorName2(index) {
+let idCounter = 0;
+const uniqueId = (prefix = "id-") => `${prefix}${idCounter++}`;
+const interpolateValue = Symbol("intergalactic-d3-chart-line-interpolate");
+const getChartDefaultColorName = (index) => {
   index++;
   if (index < 1) index = 1;
   if (index > 24) index %= 24;
-  return "chart-palette-order-".concat(index);
+  return `chart-palette-order-${index}`;
 };
-var getBubbleChartValueScale = function getBubbleChartValueScale2(data, key) {
-  var z = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function(el) {
-    return el[key];
-  })))]).range([5.5, 50.5]);
+const getBubbleChartValueScale = (data, key) => {
+  const z = scaleSqrt().domain([0, Math.max(...data.map((el) => el[key]))]).range([5.5, 50.5]);
   return z;
 };
-var getScatterPlotRadius = function getScatterPlotRadius2(valueKey) {
+const getScatterPlotRadius = (valueKey) => {
   return valueKey !== void 0 ? 12 : 5.5;
 };
-var calculateBubbleDomain = function calculateBubbleDomain2(data, key, range) {
-  var miniestValue = data.reduce(function(acc, item) {
+const calculateBubbleDomain = (data, key, range) => {
+  const miniestValue = data.reduce((acc, item) => {
     if (item[key] - item.value < acc.min) {
       acc.min = item[key] - item.value;
       acc.value = item.value;
@@ -223,7 +188,7 @@ var calculateBubbleDomain = function calculateBubbleDomain2(data, key, range) {
     value: data[0].value,
     min: data[0][key] - data[0].value
   }).value;
-  var maxestValue = data.reduce(function(acc, item) {
+  const maxestValue = data.reduce((acc, item) => {
     if (item.value + item[key] > acc.max) {
       acc.max = item.value + item.x;
       acc.value = item.value;
@@ -233,16 +198,16 @@ var calculateBubbleDomain = function calculateBubbleDomain2(data, key, range) {
     value: data[0].value,
     max: data[0].value + data[0][key]
   }).value;
-  var _minMax = minMax(data, key), _minMax2 = _slicedToArray(_minMax, 2), min = _minMax2[0], max = _minMax2[1];
-  var pixelRatio = Math.abs(max - min) / Math.abs(range[0] - range[1]);
-  var valueScale = getBubbleChartValueScale(data, "value");
-  var minValueShift = valueScale(miniestValue) * pixelRatio;
-  var maxValueShift = valueScale(maxestValue) * pixelRatio;
+  let [min, max] = minMax(data, key);
+  const pixelRatio = Math.abs(max - min) / Math.abs(range[0] - range[1]);
+  const valueScale = getBubbleChartValueScale(data, "value");
+  const minValueShift = valueScale(miniestValue) * pixelRatio;
+  const maxValueShift = valueScale(maxestValue) * pixelRatio;
   min -= minValueShift * 2;
   max += maxValueShift * 2;
   return [min, max];
 };
-var PlotEventEmitter = EventEmitter;
+const PlotEventEmitter = EventEmitter;
 export {
   PlotEventEmitter,
   calculateBubbleDomain,

package/lib/types/Axis.d.ts

@@ -40,6 +40,10 @@ export type AxisTicksProps = Context & {
   ticks?: any[];
   /** Enables multiline tick labels, applicable only for band scales  */
   multiline?: boolean;
+  /**
+   * Enable `--intergalactic-text-primary` color for ticks
+   */
+  primaryText?: boolean;
 };
 
 /** @deprecated */

package/lib/types/CompactHorizontalBar.d.ts

@@ -1,4 +1,4 @@
-import type { BoxProps } from '@semcore/flex-box';
+import type { BoxProps } from '@semcore/base-components';
 
 import type { BackgroundProps } from './Bar';
 import type { Context } from './context';

package/lib/types/Hover.d.ts

@@ -1,5 +1,5 @@
+import type { BoxProps } from '@semcore/base-components';
 import type { UnknownProperties, ReturnEl } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
 import type React from 'react';
 
 import type { Context } from './context';

package/lib/types/Line.d.ts

@@ -1,4 +1,4 @@
-import type { FadeInOutProps } from '@semcore/animation';
+import type { FadeInOutProps } from '@semcore/base-components';
 import type { UnknownProperties } from '@semcore/core';
 import type { CurveFactory } from 'd3-shape';
 

package/lib/types/Plot.d.ts

@@ -1,5 +1,5 @@
+import type { BoxProps } from '@semcore/base-components';
 import type { UnknownProperties, Intergalactic } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
 
 import type { DataStructureHints } from './a11y/hints';
 import type { Context } from './context';

package/lib/types/Radar.d.ts

@@ -1,5 +1,5 @@
+import type { BoxProps } from '@semcore/base-components';
 import type { UnknownProperties } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
 import type { CurveFactory } from 'd3-shape';
 
 import type { Context } from './context';

package/lib/types/ResponsiveContainer.d.ts

@@ -1,5 +1,5 @@
+import type { BoxProps } from '@semcore/base-components';
 import type { UnknownProperties } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
 
 import type { IntergalacticD3Component } from './Plot';
 

package/lib/types/Tooltip.d.ts

@@ -1,7 +1,5 @@
+import type { Popper, Box, BoxProps, PopperProps, PopperTriggerProps } from '@semcore/base-components';
 import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import type { Box, BoxProps } from '@semcore/flex-box';
-import type { PopperProps, PopperTriggerProps } from '@semcore/popper';
-import type Popper from '@semcore/popper';
 import type React from 'react';
 
 import type { Context } from './context';

package/lib/types/Venn.d.ts

@@ -1,4 +1,4 @@
-import type { FadeInOutProps } from '@semcore/animation';
+import type { FadeInOutProps } from '@semcore/base-components';
 import type { UnknownProperties } from '@semcore/core';
 
 import type { Context } from './context';

package/lib/types/a11y/PlotA11yModule.d.ts

@@ -1,12 +1,5 @@
 import React from 'react';
-import type { DataStructureHints, PartialDataSummarizationConfig } from './hints';
-export type A11yViewProps = {
-    id: string;
-    data: Record<string, unknown>[];
-    hints: DataStructureHints;
-    plotLabel: string;
-    locale: NavigatorLanguage['language'];
-    config: PartialDataSummarizationConfig;
-    plotRef: React.RefObject<HTMLElement>;
-};
-export declare function PlotA11yModule(props: A11yViewProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import type { A11yViewProps } from './PlotA11yView';
+type A11yModuleProps = Omit<A11yViewProps, 'onBlurHandler' | 'triggerRef'>;
+export declare function PlotA11yModule(props: A11yModuleProps): React.ReactNode;
+export {};

package/lib/types/a11y/PlotA11yView.d.ts

@@ -1,3 +1,14 @@
 import React from 'react';
-import type { A11yViewProps } from './PlotA11yModule';
+import type { DataStructureHints, PartialDataSummarizationConfig } from './hints';
+export type A11yViewProps = {
+    id: string;
+    payload: Record<string, unknown>[];
+    hints: DataStructureHints;
+    plotLabel: string;
+    locale: NavigatorLanguage['language'];
+    config: PartialDataSummarizationConfig;
+    plotRef: React.RefObject<HTMLElement>;
+    triggerRef: React.RefObject<HTMLElement>;
+    onCloseHandler: () => void;
+};
 export declare const PlotA11yView: React.FC<A11yViewProps>;

package/lib/types/a11y/translations/module/__intergalactic-dynamic-locales.d.ts

@@ -1,72 +1,72 @@
 export declare const localizedMessages: {
     de: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     en: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     es: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     fr: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     it: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     ja: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     ko: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     nl: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     pt: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     tr: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     vi: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     zh: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     pl: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     sv: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
 };

package/lib/types/component/Chart/AbstractChart.d.ts

@@ -13,7 +13,7 @@ type ChartState = {
     withTrend: boolean;
 };
 export declare const NOT_A_VALUE = "n/a";
-export declare abstract class AbstractChart<D extends ListData | ObjectData, T extends BaseChartProps<D>, E extends readonly ((...args: any[]) => any)[] = []> extends Component<T, {}, ChartState, E> {
+export declare abstract class AbstractChart<D extends ListData | ObjectData, T extends BaseChartProps<D>, E extends readonly ((...args: any[]) => any)[] = []> extends Component<T, E, Readonly<{}>, {}, ChartState> {
     static style: {
         [key: string]: string;
     };