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

package/lib/esm/Venn.mjs

@@ -1,61 +1,53 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, Component } from "@semcore/core";
-import { FadeInOut } from "@semcore/animation";
+import { FadeInOut } from "@semcore/base-components";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import { scaleSolution, normalizeSolution, venn, intersectionAreaPath } from "@upsetjs/venn.js";
+import { intersectionAreaPath, scaleSolution, normalizeSolution, venn } from "@upsetjs/venn.js";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
 import Tooltip from "./Tooltip.mjs";
 import { getChartDefaultColorName } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCircle_fyipu_gg_,.___SIntersection_fyipu_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_fyipu_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_fyipu);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_fyipu_gg_:hover{fill-opacity:.7}}.___SCircle_fyipu_gg_.__color_fyipu_gg_{fill:var(--color_fyipu)}.___SCircle_fyipu_gg_.__pattern_fyipu_gg_.__color_fyipu_gg_{fill:var(--pattern_fyipu);fill-opacity:.7;stroke:var(--color_fyipu);stroke-width:1px}@media (hover:hover){.___SCircle_fyipu_gg_.__pattern_fyipu_gg_.__color_fyipu_gg_:hover{fill-opacity:.85}}.___SCircle_fyipu_gg_.__transparent_fyipu_gg_{opacity:.3}.___SIntersection_fyipu_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_fyipu_gg_:hover{fill-opacity:.1}}.___SIntersection_fyipu_gg_.__transparent_fyipu_gg_{opacity:.3}",
+    ".___SCircle_1irr3_gg_,.___SIntersection_1irr3_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1irr3_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1irr3);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1irr3_gg_:hover{fill-opacity:.7}}.___SCircle_1irr3_gg_.__color_1irr3_gg_{fill:var(--color_1irr3)}.___SCircle_1irr3_gg_.__pattern_1irr3_gg_.__color_1irr3_gg_{fill:var(--pattern_1irr3);fill-opacity:.7;stroke:var(--color_1irr3);stroke-width:1px}@media (hover:hover){.___SCircle_1irr3_gg_.__pattern_1irr3_gg_.__color_1irr3_gg_:hover{fill-opacity:.85}}.___SCircle_1irr3_gg_.__transparent_1irr3_gg_{opacity:.3}.___SIntersection_1irr3_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1irr3_gg_:hover{fill-opacity:.1}}.___SIntersection_1irr3_gg_.__transparent_1irr3_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "fyipu_gg_"
+    "1irr3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCircle": "___SCircle_fyipu_gg_",
-    "_color": "__color_fyipu_gg_",
-    "--color": "--color_fyipu",
-    "_transparent": "__transparent_fyipu_gg_",
-    "__SIntersection": "___SIntersection_fyipu_gg_",
-    "--duration": "--duration_fyipu",
-    "_pattern": "__pattern_fyipu_gg_",
-    "--pattern": "--pattern_fyipu"
+    "__SCircle": "___SCircle_1irr3_gg_",
+    "_color": "__color_1irr3_gg_",
+    "--color": "--color_1irr3",
+    "_transparent": "__transparent_1irr3_gg_",
+    "__SIntersection": "___SIntersection_1irr3_gg_",
+    "--duration": "--duration_1irr3",
+    "_pattern": "__pattern_1irr3_gg_",
+    "--pattern": "--pattern_1irr3"
   })
 );
-var VennRoot = /* @__PURE__ */ (function(_Component) {
-  function VennRoot2() {
-    var _this;
-    _classCallCheck(this, VennRoot2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, VennRoot2, [].concat(args));
-    _defineProperty(_this, "virtualElement", canUseDOM() ? document.createElement("div") : {});
-    _defineProperty(_this, "bindHandlerTooltip", function(visible, props, tooltipProps) {
-      return function(_ref5) {
-        var clientX = _ref5.clientX, clientY = _ref5.clientY;
-        var _this$asProps = _this.asProps, eventEmitter = _this$asProps.eventEmitter, plotId = _this$asProps.plotId;
-        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
-        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), props, tooltipProps);
-        eventEmitter.emit("setTooltipVisible_".concat(plotId), visible);
-      };
+class VennRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "virtualElement", canUseDOM() ? document.createElement("div") : {});
+    _defineProperty(this, "bindHandlerTooltip", (visible, props, tooltipProps) => ({
+      clientX,
+      clientY
+    }) => {
+      const {
+        eventEmitter,
+        plotId
+      } = this.asProps;
+      eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);
+      eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);
+      eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);
     });
-    _defineProperty(_this, "renderElement", /* @__PURE__ */ React.forwardRef(function(props, ref) {
+    _defineProperty(this, "renderElement", /* @__PURE__ */ React.forwardRef((props, ref) => {
       return /* @__PURE__ */ React.createElement(FadeInOut, _extends({
         "aria-hidden": true,
         ref,
@@ -63,154 +55,150 @@ var VennRoot = /* @__PURE__ */ (function(_Component) {
         visible: true
       }, props));
     }));
-    return _this;
   }
-  _inherits(VennRoot2, _Component);
-  return _createClass(VennRoot2, [{
-    key: "generateGetBoundingClientRect",
-    value: function generateGetBoundingClientRect() {
-      var x = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
-      var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-      return function() {
-        return {
-          width: 0,
-          height: 0,
-          top: y,
-          right: x,
-          bottom: y,
-          left: x
-        };
-      };
-    }
-  }, {
-    key: "getVennData",
-    value: function getVennData() {
-      var _this$asProps2 = this.asProps, data = _this$asProps2.data, orientation = _this$asProps2.orientation, orientationOrder2 = _this$asProps2.orientationOrder, size = _this$asProps2.size;
-      var _size = _slicedToArray(size, 2), width = _size[0], height = _size[1];
-      var vennData = Object.entries(data).map(function(_ref6) {
-        var _ref7 = _slicedToArray(_ref6, 2), dataKey = _ref7[0], size2 = _ref7[1];
-        return {
-          sets: dataKey.split("/"),
-          size: size2
-        };
-      });
-      return scaleSolution(normalizeSolution(venn(vennData), orientation, orientationOrder2), width, height, 10);
-    }
-  }, {
-    key: "getTooltipProps",
-    value: function getTooltipProps() {
-      return {
-        uniqId: this.asProps.uid
-      };
-    }
-  }, {
-    key: "getCircleProps",
-    value: function getCircleProps(props, index) {
-      var colorBackwardCapabilityOffset = 1;
-      var color = props.color || getChartDefaultColorName(index + colorBackwardCapabilityOffset);
-      var tooltipProps = {
-        dataKey: props.dataKey,
-        name: props.name,
-        color,
-        patterns: this.asProps.patterns
-      };
-      return {
-        duration: this.asProps.duration,
-        data: this.vennData[props.dataKey],
-        originalData: this.asProps.data[props.dataKey],
-        onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
-        onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
-        transparent: this.asProps.transparent,
-        resolveColor: this.asProps.resolveColor,
-        color,
-        uid: "".concat(this.asProps.uid, "-").concat(index),
-        patterns: this.asProps.patterns,
-        minRadius: this.asProps.minRadius,
-        onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this)
-      };
-    }
-  }, {
-    key: "getIntersectionProps",
-    value: function getIntersectionProps(props) {
-      var _this$asProps3 = this.asProps, duration = _this$asProps3.duration, transparent = _this$asProps3.transparent;
-      var dataKeys = props.dataKey.split("/");
-      var tooltipProps = {
-        dataKey: props.dataKey,
-        name: props.name,
-        color: props.color,
-        duration: props.duration,
-        transparent: props.transparent
-      };
-      return {
-        duration,
-        delay: duration,
-        data: Object.values(this.vennData).filter(function(d) {
-          return dataKeys.includes(d.setid);
-        }),
-        originalData: this.asProps.data[props.dataKey],
-        onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
-        onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
-        transparent,
-        resolveColor: this.asProps.resolveColor,
-        onClickIntersectionRoot: this.handlerOnClick(props.dataKey).bind(this)
-      };
-    }
-  }, {
-    key: "handlerOnClick",
-    value: function handlerOnClick(dataKey) {
-      var _this2 = this;
-      return function(e) {
-        e.stopPropagation();
-        var onClick = _this2.asProps.onClick;
-        if (!onClick) return;
-        onClick(dataKey, e);
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var Element = this.Element;
-      this.asProps.dataHintsHandler.establishDataType("values-set");
-      this.vennData = this.getVennData();
-      return /* @__PURE__ */ React.createElement(Element, {
-        "aria-hidden": true,
-        render: this.renderElement,
-        childrenPosition: "inside",
-        vennData: this.vennData
-      });
-    }
-  }]);
-})(Component);
+  generateGetBoundingClientRect(x = 0, y = 0) {
+    return () => ({
+      width: 0,
+      height: 0,
+      top: y,
+      right: x,
+      bottom: y,
+      left: x
+    });
+  }
+  getVennData() {
+    const {
+      data,
+      orientation,
+      orientationOrder,
+      size
+    } = this.asProps;
+    const [width, height] = size;
+    const vennData = Object.entries(data).map(([dataKey, size2]) => ({
+      sets: dataKey.split("/"),
+      size: size2
+    }));
+    return scaleSolution(normalizeSolution(venn(vennData), orientation, orientationOrder), width, height, 10);
+  }
+  getTooltipProps() {
+    return {
+      uniqId: this.asProps.uid
+    };
+  }
+  getCircleProps(props, index) {
+    const colorBackwardCapabilityOffset = 1;
+    const color = props.color || getChartDefaultColorName(index + colorBackwardCapabilityOffset);
+    const tooltipProps = {
+      dataKey: props.dataKey,
+      name: props.name,
+      color,
+      patterns: this.asProps.patterns
+    };
+    return {
+      duration: this.asProps.duration,
+      data: this.vennData[props.dataKey],
+      originalData: this.asProps.data[props.dataKey],
+      onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
+      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
+      transparent: this.asProps.transparent,
+      resolveColor: this.asProps.resolveColor,
+      color,
+      uid: `${this.asProps.uid}-${index}`,
+      patterns: this.asProps.patterns,
+      minRadius: this.asProps.minRadius,
+      onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this)
+    };
+  }
+  getIntersectionProps(props) {
+    const {
+      duration,
+      transparent
+    } = this.asProps;
+    const dataKeys = props.dataKey.split("/");
+    const tooltipProps = {
+      dataKey: props.dataKey,
+      name: props.name,
+      color: props.color,
+      duration: props.duration,
+      transparent: props.transparent
+    };
+    return {
+      duration,
+      delay: duration,
+      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),
+      originalData: this.asProps.data[props.dataKey],
+      onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
+      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
+      transparent,
+      resolveColor: this.asProps.resolveColor,
+      onClickIntersectionRoot: this.handlerOnClick(props.dataKey).bind(this)
+    };
+  }
+  handlerOnClick(dataKey) {
+    return (e) => {
+      e.stopPropagation();
+      const {
+        onClick
+      } = this.asProps;
+      if (!onClick) return;
+      onClick(dataKey, e);
+    };
+  }
+  render() {
+    const Element = this.Element;
+    this.asProps.dataHintsHandler.establishDataType("values-set");
+    this.vennData = this.getVennData();
+    return /* @__PURE__ */ React.createElement(Element, {
+      "aria-hidden": true,
+      render: this.renderElement,
+      childrenPosition: "inside",
+      vennData: this.vennData
+    });
+  }
+}
 _defineProperty(VennRoot, "displayName", "Venn");
 _defineProperty(VennRoot, "style", style);
 _defineProperty(VennRoot, "defaultProps", {
   orientation: Math.PI / 2,
-  orientationOrder: function orientationOrder(c1, c2) {
-    return c2.radius - c1.radius;
-  },
+  orientationOrder: (c1, c2) => c2.radius - c1.radius,
   duration: 500,
   minRadius: 6
 });
 _defineProperty(VennRoot, "enhance", [uniqueIDEnhancement()]);
-function Circle(_ref8) {
+function Circle({
+  Element: SCircle,
+  styles,
+  color,
+  resolveColor,
+  data,
+  duration,
+  name,
+  dataKey,
+  dataHintsHandler,
+  transparent,
+  uid,
+  patterns,
+  minRadius,
+  onClick,
+  onClickCircleRoot
+}) {
   var _ref2;
-  var SCircle = _ref8.Element, styles = _ref8.styles, color = _ref8.color, resolveColor = _ref8.resolveColor, data = _ref8.data, duration = _ref8.duration, name = _ref8.name, dataKey = _ref8.dataKey, dataHintsHandler = _ref8.dataHintsHandler, transparent = _ref8.transparent, uid = _ref8.uid, patterns = _ref8.patterns, minRadius = _ref8.minRadius, onClick = _ref8.onClick, onClickCircleRoot = _ref8.onClickCircleRoot;
   dataHintsHandler.describeValueEntity(dataKey, name);
-  var radius = data.radius < minRadius ? minRadius : data.radius;
+  const radius = data.radius < minRadius ? minRadius : data.radius;
   if (data.radius === 0) return null;
   return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SCircle, _ref2.cn("SCircle", {
     "aria-hidden": true,
     "render": "circle",
     "color": resolveColor(color),
-    "pattern": patterns ? "url(#".concat(uid, "-pattern)") : void 0,
+    "pattern": patterns ? `url(#${uid}-pattern)` : void 0,
     "cx": data.x,
     "cy": data.y,
     "r": radius,
     "transparent": transparent,
-    "use:duration": "".concat(duration, "ms"),
+    "use:duration": `${duration}ms`,
     "onClickCapture": callAllEventHandlers(onClickCircleRoot, onClick)
   }))), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref2.cn("PatternFill", {
-    "id": "".concat(uid, "-pattern"),
+    "id": `${uid}-pattern`,
     "patternKey": color,
     "color": resolveColor(color),
     "patterns": patterns
@@ -218,9 +206,19 @@ function Circle(_ref8) {
 }
 function Intersection(props) {
   var _ref3;
-  var SIntersection = props.Element, styles = props.styles, data = props.data, name = props.name, dataKey = props.dataKey, dataHintsHandler = props.dataHintsHandler, transparent = props.transparent, onClick = props.onClick, onClickIntersectionRoot = props.onClickIntersectionRoot;
+  const {
+    Element: SIntersection,
+    styles,
+    data,
+    name,
+    dataKey,
+    dataHintsHandler,
+    transparent,
+    onClick,
+    onClickIntersectionRoot
+  } = props;
   dataHintsHandler.describeValueEntity(dataKey, name);
-  var renderIntersection = React.useCallback(/* @__PURE__ */ React.forwardRef(function(props2, ref) {
+  const renderIntersection = React.useCallback(/* @__PURE__ */ React.forwardRef((props2, ref) => {
     return /* @__PURE__ */ React.createElement(FadeInOut, _extends({
       "aria-hidden": true,
       ref,
@@ -238,12 +236,14 @@ function Intersection(props) {
 }
 function VennTooltip(props) {
   var _ref = arguments[0], _ref4;
-  var SVennTooltip = Tooltip;
-  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SVennTooltip, _ref4.cn("SVennTooltip", _objectSpread({}, assignProps({
-    "excludeAnchorProps": true
-  }, _ref))));
+  const SVennTooltip = Tooltip;
+  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SVennTooltip, _ref4.cn("SVennTooltip", {
+    ...assignProps({
+      "excludeAnchorProps": true
+    }, _ref)
+  }));
 }
-var Venn = createElement(VennRoot, {
+const Venn = createElement(VennRoot, {
   Circle,
   Intersection,
   Tooltip: [VennTooltip, Tooltip._______childrenComponents]

package/lib/esm/a11y/DataAccessibilityTable.mjs

@@ -1,63 +1,45 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React from "react";
-import { defaultValueFormatter as _defaultValueFormatter } from "./serialize.mjs";
-var DataAccessibilityTable = function DataAccessibilityTable2(_ref) {
-  var id = _ref.id, dataTableRef = _ref.dataTableRef, data = _ref.data, hints = _ref.hints, config = _ref.config, intl = _ref.intl;
-  var keys = React.useMemo(function() {
-    var _fromHints, _fromHints2, _fromHints3, _fromHints4, _fromHints5;
-    var fromHints = [];
-    (_fromHints = fromHints).push.apply(_fromHints, _toConsumableArray(hints.fields.verticalAxes));
-    (_fromHints2 = fromHints).push.apply(_fromHints2, _toConsumableArray(hints.fields.horizontalAxes));
-    (_fromHints3 = fromHints).push.apply(_fromHints3, _toConsumableArray(hints.fields.valueAxes));
-    (_fromHints4 = fromHints).push.apply(_fromHints4, _toConsumableArray(config.additionalFields));
-    (_fromHints5 = fromHints).push.apply(_fromHints5, _toConsumableArray(Object.keys(hints.fields.values)));
-    fromHints = _toConsumableArray(new Set(fromHints)).filter(function(key) {
-      return key in data[0];
-    });
+import { defaultValueFormatter } from "./serialize.mjs";
+const DataAccessibilityTable = ({
+  id,
+  dataTableRef,
+  data,
+  hints,
+  config,
+  intl
+}) => {
+  const keys = React.useMemo(() => {
+    let fromHints = [];
+    fromHints.push(...hints.fields.verticalAxes);
+    fromHints.push(...hints.fields.horizontalAxes);
+    fromHints.push(...hints.fields.valueAxes);
+    fromHints.push(...config.additionalFields);
+    fromHints.push(...Object.keys(hints.fields.values));
+    fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);
     if (fromHints.length === 0) {
-      data.forEach(function(row) {
-        var _fromHints6;
-        return (_fromHints6 = fromHints).push.apply(_fromHints6, _toConsumableArray(Object.keys(row)));
-      });
+      data.forEach((row) => fromHints.push(...Object.keys(row)));
     }
-    return _toConsumableArray(new Set(fromHints));
+    return [...new Set(fromHints)];
   }, [data, hints]);
-  var duplicatedBaseKeys = React.useMemo(function() {
-    var baseKeys = keys.filter(function(key2) {
-      return !hints.titles.valuesAxes[key2];
-    }).map(function(key2) {
-      if (hints.fields.verticalAxes.has(key2) && hints.axesTitle.vertical) return [key2, hints.axesTitle.vertical];
-      if (hints.fields.horizontalAxes.has(key2) && hints.axesTitle.horizontal) return [key2, hints.axesTitle.horizontal];
-    }).filter(function(entry) {
-      return entry !== void 0;
-    }).map(function(entry) {
-      return entry;
-    });
-    var doublicated = {};
-    var handled = {};
-    var _iterator = _createForOfIteratorHelper(baseKeys), _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
-        var _step$value = _slicedToArray(_step.value, 2), key = _step$value[0], label = _step$value[1];
-        if (handled[label]) {
-          doublicated[key] = true;
-          doublicated[handled[label]] = true;
-        }
-        handled[label] = key;
+  const duplicatedBaseKeys = React.useMemo(() => {
+    const baseKeys = keys.filter((key) => !hints.titles.valuesAxes[key]).map((key) => {
+      if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical) return [key, hints.axesTitle.vertical];
+      if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal) return [key, hints.axesTitle.horizontal];
+    }).filter((entry) => entry !== void 0).map((entry) => entry);
+    const doublicated = {};
+    const handled = {};
+    for (const [key, label] of baseKeys) {
+      if (handled[label]) {
+        doublicated[key] = true;
+        doublicated[handled[label]] = true;
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+      handled[label] = key;
     }
     return doublicated;
   }, [keys, hints]);
-  var renderTitle = React.useCallback(function(dataKey) {
-    var _config$titlesFormatt;
-    var formatted = (_config$titlesFormatt = config.titlesFormatter) === null || _config$titlesFormatt === void 0 ? void 0 : _config$titlesFormatt.call(config, dataKey);
+  const renderTitle = React.useCallback((dataKey) => {
+    var _a;
+    const formatted = (_a = config.titlesFormatter) == null ? void 0 : _a.call(config, dataKey);
     if (formatted !== void 0) return formatted;
     if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];
     if (!duplicatedBaseKeys[dataKey]) {
@@ -66,33 +48,24 @@ var DataAccessibilityTable = function DataAccessibilityTable2(_ref) {
     }
     return dataKey;
   }, [data, hints, duplicatedBaseKeys, config]);
-  var formatValue = React.useCallback(function(value, row) {
-    var _config$valuesFormatt, _config$valuesFormatt2;
-    return (_config$valuesFormatt = (_config$valuesFormatt2 = config.valuesFormatter) === null || _config$valuesFormatt2 === void 0 ? void 0 : _config$valuesFormatt2.call(config, value, row)) !== null && _config$valuesFormatt !== void 0 ? _config$valuesFormatt : _defaultValueFormatter(intl, value);
+  const formatValue = React.useCallback((value, row) => {
+    var _a;
+    return ((_a = config.valuesFormatter) == null ? void 0 : _a.call(config, value, row)) ?? defaultValueFormatter(intl, value);
   }, [intl, config]);
   return /* @__PURE__ */ React.createElement("table", {
-    id: "".concat(id, "-data-table"),
+    id: `${id}-data-table`,
     tabIndex: 0,
     ref: dataTableRef
-  }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, keys.map(function(key, index) {
-    return /* @__PURE__ */ React.createElement("th", {
-      key: "".concat(key, "-").concat(index)
-    }, renderTitle(key));
-  }))), /* @__PURE__ */ React.createElement("tbody", null, data.map(function(row, index) {
-    var key = "".concat(Object.values(row).filter(function(item) {
-      return _typeof(item) !== "symbol";
-    }).join("-"), "-").concat(index);
-    var cells = keys.map(function(key2) {
-      return _typeof(row[key2]) !== "symbol" ? [key2, row[key2]] : [key2, ""];
-    });
+  }, /* @__PURE__ */ React.createElement("thead", null, /* @__PURE__ */ React.createElement("tr", null, keys.map((key, index) => /* @__PURE__ */ React.createElement("th", {
+    key: `${key}-${index}`
+  }, renderTitle(key))))), /* @__PURE__ */ React.createElement("tbody", null, data.map((row, index) => {
+    const key = `${Object.values(row).filter((item) => typeof item !== "symbol").join("-")}-${index}`;
+    const cells = keys.map((key2) => typeof row[key2] !== "symbol" ? [key2, row[key2]] : [key2, ""]);
     return /* @__PURE__ */ React.createElement("tr", {
       key
-    }, cells.map(function(_ref2, index2) {
-      var _ref3 = _slicedToArray(_ref2, 2), key2 = _ref3[0], value = _ref3[1];
-      return /* @__PURE__ */ React.createElement("td", {
-        key: "".concat(key2, "-").concat(index2)
-      }, formatValue(value, keys[index2]));
-    }));
+    }, cells.map(([key2, value], index2) => /* @__PURE__ */ React.createElement("td", {
+      key: `${key2}-${index2}`
+    }, formatValue(value, keys[index2]))));
   })));
 };
 export {