@semcore/d3-chart 3.60.2-prerelease.0 → 3.61.0-prerelease.0

package/lib/esm/a11y/PlotA11yModule.mjs

@@ -1,40 +1,33 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { sstyled, assignProps } from "@semcore/core";
+import { Box } from "@semcore/base-components";
+import { Context, useI18n } from "@semcore/core/lib/utils/enhances/WithI18n";
 import React from "react";
 import { normalizeLocale } from "./locale.mjs";
 import { localizedMessages } from "./translations/module/__intergalactic-dynamic-locales.mjs";
-import { Context, useI18n } from "@semcore/utils/lib/enhances/WithI18n";
-import { Box } from "@semcore/flex-box";
 /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yModule_1kd8z_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1kd8z_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
+    ".___SPlotA11yModule_oaoqy_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}",
     /*__inner_css_end__*/
-    "1kd8z_gg_"
+    "oaoqy_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yModule": "___SPlotA11yModule_1kd8z_gg_"
+    "__SPlotA11yModule": "___SPlotA11yModule_oaoqy_gg_"
   })
 );
-var globalWasFocused = false;
-var globalNavWithKeyboard = false;
-var PlotA11yModule = function PlotA11yModule2(props) {
-  var _ref = arguments[0], _ref5;
+function PlotA11yModule(props) {
+  var _ref = arguments[0], _ref3;
   var SPlotA11yModule = Box;
-  var _React$useState = React.useState(globalWasFocused), _React$useState2 = _slicedToArray(_React$useState, 2), wasFocused = _React$useState2[0], setWasFocused = _React$useState2[1];
-  var _React$useState3 = React.useState(globalNavWithKeyboard), _React$useState4 = _slicedToArray(_React$useState3, 2), navWithKeyboard = _React$useState4[0], setNavWithKeyboard = _React$useState4[1];
-  var _React$useState5 = React.useState(null), _React$useState6 = _slicedToArray(_React$useState5, 2), plotA11yView = _React$useState6[0], setPlotA11yView = _React$useState6[1];
-  var hadnleHiddenElementsFocus = React.useCallback(function() {
-    setWasFocused(true);
-    setNavWithKeyboard(true);
-  }, []);
-  var _React$useState7 = React.useState(false), _React$useState8 = _slicedToArray(_React$useState7, 2), loading = _React$useState8[0], setLoading = _React$useState8[1];
-  var _React$useState9 = React.useState(null), _React$useState10 = _slicedToArray(_React$useState9, 2), error = _React$useState10[0], setError = _React$useState10[1];
+  var _React$useState = React.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), isOpened = _React$useState2[0], setIsOpened = _React$useState2[1];
+  var _React$useState3 = React.useState(null), _React$useState4 = _slicedToArray(_React$useState3, 2), plotA11yView = _React$useState4[0], setPlotA11yView = _React$useState4[1];
+  var srButtonRef = React.useRef(null);
+  var _React$useState5 = React.useState(false), _React$useState6 = _slicedToArray(_React$useState5, 2), loading = _React$useState6[0], setLoading = _React$useState6[1];
+  var _React$useState7 = React.useState(null), _React$useState8 = _slicedToArray(_React$useState7, 2), error = _React$useState8[0], setError = _React$useState8[1];
   var contextLocale = React.useContext(Context);
   var locale = React.useMemo(function() {
     var _props$locale;
@@ -42,42 +35,12 @@ var PlotA11yModule = function PlotA11yModule2(props) {
   }, [props.locale]);
   var t = useI18n(localizedMessages, locale);
   React.useEffect(function() {
-    var _props$plotRef$curren;
-    if (wasFocused) return;
-    var focusListener = function focusListener2() {
-      globalWasFocused = true;
-      setWasFocused(true);
-    };
-    (_props$plotRef$curren = props.plotRef.current) === null || _props$plotRef$curren === void 0 ? void 0 : _props$plotRef$curren.addEventListener("focus", focusListener);
-    return function() {
-      var _props$plotRef$curren2;
-      return (_props$plotRef$curren2 = props.plotRef.current) === null || _props$plotRef$curren2 === void 0 ? void 0 : _props$plotRef$curren2.removeEventListener("focus", focusListener);
-    };
-  }, [wasFocused, props.plotRef]);
-  React.useEffect(function() {
-    var _document$body;
-    if (navWithKeyboard) return;
-    var keyboardListener = function keyboardListener2(event) {
-      var navigationKeys = ["Tab", "ArrowUp", "ArrowLeft", "ArrowDown", "ArrowRight", "ArrowUp", "ArrowLeft"];
-      if ("key" in event && navigationKeys.includes(event.key)) {
-        setNavWithKeyboard(true);
-        globalNavWithKeyboard = true;
-      }
-    };
-    (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.addEventListener("keydown", keyboardListener);
-    return function() {
-      var _document$body2;
-      return (_document$body2 = document.body) === null || _document$body2 === void 0 ? void 0 : _document$body2.removeEventListener("keydown", keyboardListener);
-    };
-  }, [navWithKeyboard]);
-  var shouldDisplayView = wasFocused && navWithKeyboard;
-  React.useEffect(function() {
-    if (!shouldDisplayView) return;
+    if (!isOpened) return;
     if (plotA11yView) return;
     if (loading) return;
     setLoading(true);
-    import("./PlotA11yView.mjs").then(function(_ref6) {
-      var PlotA11yView = _ref6.PlotA11yView;
+    import("./PlotA11yView.mjs").then(function(_ref4) {
+      var PlotA11yView = _ref4.PlotA11yView;
       setPlotA11yView({
         Component: PlotA11yView
       });
@@ -86,32 +49,30 @@ var PlotA11yModule = function PlotA11yModule2(props) {
     })["catch"](function(error2) {
       console.error(error2);
       setError(error2);
+      setLoading(false);
     });
-  }, [plotA11yView, shouldDisplayView, loading, setLoading]);
+  }, [plotA11yView, isOpened, loading, setLoading]);
   if (plotA11yView) {
-    return sstyled$1(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
+    var _ref2;
+    return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(plotA11yView.Component, _extends({}, props, {
+      onCloseHandler: function onCloseHandler() {
+        setIsOpened(false);
+        setPlotA11yView(null);
+      },
+      triggerRef: srButtonRef,
       locale
     }));
   }
-  if (error) {
-    var _ref3;
-    return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", _objectSpread({}, assignProps({
-      "tabIndex": 0,
-      "aria-live": "assertive"
-    }, _ref))), t("failed"));
-  }
-  if (loading) {
-    var _ref4;
-    return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref4.cn("SPlotA11yModule", _objectSpread({}, assignProps({
-      "tabIndex": 0,
-      "aria-live": "polite"
-    }, _ref))), t("loading"));
-  }
-  return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref5.cn("SPlotA11yModule", _objectSpread({}, assignProps({
-    "tabIndex": 0,
-    "onFocus": hadnleHiddenElementsFocus
-  }, _ref))), t("disabled"));
-};
+  return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", _objectSpread({}, assignProps({}, _ref))), /* @__PURE__ */ React.createElement("button", _ref3.cn("button", {
+    "ref": srButtonRef,
+    "onClick": function onClick() {
+      return setIsOpened(true);
+    },
+    "aria-label": t("PlotA11yModule.ScreenReaderOnlyButton.Label")
+  })), /* @__PURE__ */ React.createElement(Box, _ref3.cn("Box", {
+    "role": "status"
+  }), loading && t("loading"), error && t("failed")));
+}
 export {
   PlotA11yModule
 };

package/lib/esm/a11y/PlotA11yView.mjs

@@ -1,32 +1,31 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import { sstyled as sstyled$1, assignProps } from "@semcore/core";
+import { sstyled, assignProps } from "@semcore/core";
+import { Box } from "@semcore/base-components";
+import { useAsyncI18nMessages } from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import React from "react";
+import { DataAccessibilityTable } from "./DataAccessibilityTable.mjs";
 import { heavyFindNextFocusableElement } from "./focus.mjs";
 import { makeDataSummarizationConfig } from "./hints.mjs";
 import { getIntl } from "./intl.mjs";
 import { summarize } from "./summarize.mjs";
-import { Box } from "@semcore/flex-box";
-import { useAsyncI18nMessages } from "@semcore/utils/lib/enhances/i18nEnhance";
 import { localizedMessages } from "./translations/view/__intergalactic-dynamic-locales.mjs";
-import { DataAccessibilityTable } from "./DataAccessibilityTable.mjs";
 /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
 var styles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPlotA11yView_yv5r3_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;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);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_yv5r3_gg_:focus,.___SPlotA11yView_yv5r3_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_yv5r3_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_yv5r3_gg_ table,.___SPlotA11yView_yv5r3_gg_ td,.___SPlotA11yView_yv5r3_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
+    ".___SPlotA11yView_1adlx_gg_{position:relative;display:block;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));font-size:var(--intergalactic-fs-50, 10px);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1adlx_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1adlx_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_1adlx_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1adlx_gg_ table,.___SPlotA11yView_1adlx_gg_ td,.___SPlotA11yView_1adlx_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1adlx_gg_ table,.___SPlotA11yView_1adlx_gg_ td,.___SPlotA11yView_1adlx_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1adlx_gg_ table,.___SPlotA11yView_1adlx_gg_ td,.___SPlotA11yView_1adlx_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}",
     /*__inner_css_end__*/
-    "yv5r3_gg_"
+    "1adlx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPlotA11yView": "___SPlotA11yView_yv5r3_gg_"
+    "__SPlotA11yView": "___SPlotA11yView_1adlx_gg_"
   })
 );
-var PlotA11yView = function PlotA11yView2(_ref3) {
+function PlotA11yView(_ref3) {
   var _ref = arguments[0], _ref2;
-  var id = _ref3.id, providedData = _ref3.data, hints = _ref3.hints, plotLabel = _ref3.plotLabel, plotRef = _ref3.plotRef, providedConfig = _ref3.config, locale = _ref3.locale;
+  var id = _ref3.id, providedData = _ref3.payload, hints = _ref3.hints, plotLabel = _ref3.plotLabel, triggerRef = _ref3.triggerRef, plotRef = _ref3.plotRef, providedConfig = _ref3.config, locale = _ref3.locale, onCloseHandler = _ref3.onCloseHandler;
   var SPlotA11yView = Box;
   var translations = useAsyncI18nMessages(localizedMessages, locale);
   var intl = React.useMemo(function() {
@@ -38,8 +37,27 @@ var PlotA11yView = function PlotA11yView2(_ref3) {
   var data = React.useMemo(function() {
     return Array.isArray(providedData) ? providedData : [providedData];
   }, [providedData]);
+  var rootRef = React.useRef(null);
   var _React$useState = React.useState(null), _React$useState2 = _slicedToArray(_React$useState, 2), summary = _React$useState2[0], setSummary = _React$useState2[1];
   var _React$useState3 = React.useState(true), _React$useState4 = _slicedToArray(_React$useState3, 2), generatingSummary = _React$useState4[0], setGeneratingSummary = _React$useState4[1];
+  React.useEffect(function() {
+    var _rootRef$current, _rootRef$current3;
+    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 || _rootRef$current.focus();
+    function focusOutHandler(event) {
+      var _rootRef$current2;
+      if (event.relatedTarget === null) {
+        return requestIdleCallback(onCloseHandler);
+      }
+      if (!(event.relatedTarget instanceof HTMLElement)) return;
+      if ((_rootRef$current2 = rootRef.current) !== null && _rootRef$current2 !== void 0 && _rootRef$current2.contains(event.relatedTarget)) return;
+      requestIdleCallback(onCloseHandler);
+    }
+    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 || _rootRef$current3.addEventListener("focusout", focusOutHandler);
+    return function() {
+      var _rootRef$current4;
+      return (_rootRef$current4 = rootRef.current) === null || _rootRef$current4 === void 0 ? void 0 : _rootRef$current4.removeEventListener("focusout", focusOutHandler);
+    };
+  }, []);
   React.useEffect(function() {
     if (config.disable) {
       setSummary("");
@@ -57,14 +75,18 @@ var PlotA11yView = function PlotA11yView2(_ref3) {
     }, 0);
   }, [providedData, hints, config, locale, translations, localizedMessages]);
   var handleClose = React.useCallback(function() {
-    var _plotRef$current;
-    (_plotRef$current = plotRef.current) === null || _plotRef$current === void 0 ? void 0 : _plotRef$current.focus();
+    onCloseHandler();
+    requestIdleCallback(function() {
+      var _triggerRef$current;
+      (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
+    });
   }, []);
   var handleSkip = React.useCallback(function(event) {
     var _heavyFindNextFocusab;
     event.preventDefault();
     if (!plotRef.current) return;
-    (_heavyFindNextFocusab = heavyFindNextFocusableElement(plotRef.current)) === null || _heavyFindNextFocusab === void 0 ? void 0 : _heavyFindNextFocusab.focus();
+    (_heavyFindNextFocusab = heavyFindNextFocusableElement(plotRef.current)) === null || _heavyFindNextFocusab === void 0 || _heavyFindNextFocusab.focus();
+    onCloseHandler();
   }, []);
   var handleSkipKeyboard = React.useCallback(function(event) {
     if (!(event.key === "Enter" || event.key === " ")) return;
@@ -73,7 +95,7 @@ var PlotA11yView = function PlotA11yView2(_ref3) {
   var handleGoToTable = React.useCallback(function(event) {
     var _dataTableRef$current;
     event.preventDefault();
-    (_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 ? void 0 : _dataTableRef$current.focus();
+    (_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 || _dataTableRef$current.focus();
   }, []);
   var handleGoToTableKeyboard = React.useCallback(function(event) {
     if (!(event.key === "Enter" || event.key === " ")) return;
@@ -109,11 +131,12 @@ var PlotA11yView = function PlotA11yView2(_ref3) {
     };
   }, [intl, plotLabel]);
   var dataTableRef = React.useRef(null);
-  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", _objectSpread({}, assignProps({
+  return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", _objectSpread({}, assignProps({
     "tabIndex": 0,
     "aria-label": texts.label,
     "role": "dialog",
-    "__excludeProps": ["data"]
+    "__excludeProps": ["data"],
+    "ref": rootRef
   }, _ref))), /* @__PURE__ */ React.createElement("button", _ref2.cn("button", {
     "type": "button",
     "onClick": handleClose
@@ -140,7 +163,8 @@ var PlotA11yView = function PlotA11yView2(_ref3) {
     "config": config,
     "intl": intl
   })));
-};
+}
+;
 export {
   PlotA11yView
 };

package/lib/esm/a11y/focus.mjs

@@ -1,5 +1,5 @@
-import { isFocusable } from "@semcore/utils/lib/focus-lock/isFocusable";
-var findNextFocusableElementInChildren = function findNextFocusableElementInChildren2(element) {
+import { isFocusable } from "@semcore/core/lib/utils/focus-lock/isFocusable";
+var _findNextFocusableElementInChildren = function findNextFocusableElementInChildren(element) {
   if (element && isFocusable(element)) {
     return element;
   }
@@ -8,7 +8,7 @@ var findNextFocusableElementInChildren = function findNextFocusableElementInChil
     for (var i = 0; i < children.length; i++) {
       var childChild = children.item(i);
       if (!childChild) continue;
-      var result = findNextFocusableElementInChildren2(childChild);
+      var result = _findNextFocusableElementInChildren(childChild);
       if (result) return result;
     }
   }
@@ -33,7 +33,7 @@ var heavyFindNextFocusableElement = function heavyFindNextFocusableElement2(base
       siblings = siblings.slice(siblings.indexOf(parents[i - 1] || base) + 1);
     }
     for (var _i = 0; _i < siblings.length; _i++) {
-      var focusable = findNextFocusableElementInChildren(siblings[_i]);
+      var focusable = _findNextFocusableElementInChildren(siblings[_i]);
       if (focusable) return focusable;
     }
   }

package/lib/esm/a11y/hints.mjs

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import reactToText from "@semcore/utils/lib/reactToText";
+import reactToText from "@semcore/core/lib/utils/reactToText";
 var makeDataHintsContainer = function makeDataHintsContainer2() {
   return {
     fields: {
@@ -105,7 +105,7 @@ var makeDataSummarizationConfig = function makeDataSummarizationConfig2(config)
       "static": 1 / 15,
       weak: 1 / 10,
       medium: 1 / 5,
-      strong: Infinity
+      strong: Number.POSITIVE_INFINITY
     }, (_config$trendTangens = config === null || config === void 0 ? void 0 : config.trendTangens) !== null && _config$trendTangens !== void 0 ? _config$trendTangens : {}),
     movingAverage: _objectSpread({
       longSize: void 0,

package/lib/esm/a11y/insights.mjs

@@ -124,9 +124,9 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
           for (var i2 in values2) {
             var _values$i, _longMovingAverage$i, _shortMovingAverage$i;
             table.push({
-              value: ((_values$i = values2[i2]) !== null && _values$i !== void 0 ? _values$i : NaN).toFixed(2),
-              "long": ((_longMovingAverage$i = longMovingAverage[i2]) !== null && _longMovingAverage$i !== void 0 ? _longMovingAverage$i : NaN).toFixed(2),
-              "short": ((_shortMovingAverage$i = shortMovingAverage[i2]) !== null && _shortMovingAverage$i !== void 0 ? _shortMovingAverage$i : NaN).toFixed(2)
+              value: ((_values$i = values2[i2]) !== null && _values$i !== void 0 ? _values$i : Number.NaN).toFixed(2),
+              "long": ((_longMovingAverage$i = longMovingAverage[i2]) !== null && _longMovingAverage$i !== void 0 ? _longMovingAverage$i : Number.NaN).toFixed(2),
+              "short": ((_shortMovingAverage$i = shortMovingAverage[i2]) !== null && _shortMovingAverage$i !== void 0 ? _shortMovingAverage$i : Number.NaN).toFixed(2)
             });
           }
           var strengthsMap = {
@@ -254,7 +254,7 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
         _iterator.f();
       }
     } else if (dataType === "points-cloud") {
-      var _ref7, _config$clustersGridS, _relativeSizeDistrivu, _insights2;
+      var _ref7, _config$clustersGridS, _insights2;
       var guessedXKey = [].concat(_toConsumableArray(hints.fields.horizontalAxes.values()), ["x"])[0];
       var guessedYKey = [].concat(_toConsumableArray(hints.fields.verticalAxes.values()), ["y"])[0];
       var guessedValueKey = [].concat(_toConsumableArray(hints.fields.valueAxes.values()), ["value"])[0];
@@ -274,9 +274,9 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
         var _iterator2 = _createForOfIteratorHelper(normalized), _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
-            var _step2$value = _step2.value, _x = _step2$value.x, _y = _step2$value.y;
-            usedX.add(_x);
-            usedY.add(_y);
+            var _step2$value = _step2.value, x = _step2$value.x, y = _step2$value.y;
+            usedX.add(x);
+            usedY.add(y);
           }
         } catch (err) {
           _iterator2.e(err);
@@ -289,29 +289,29 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
         var orderedY = _toConsumableArray(usedY).sort(function(a, b) {
           return a - b;
         });
-        var distancesX = orderedX.slice(0, -1).map(function(x, index) {
-          return orderedX[index + 1] - x;
+        var distancesX = orderedX.slice(0, -1).map(function(x2, index) {
+          return orderedX[index + 1] - x2;
         });
-        var distancesY = orderedY.slice(0, -1).map(function(y, index) {
-          return orderedY[index + 1] - y;
+        var distancesY = orderedY.slice(0, -1).map(function(y2, index) {
+          return orderedY[index + 1] - y2;
         });
-        var avgDistanceX = distancesX.reduce(function(sum, x) {
-          return sum + x;
+        var avgDistanceX = distancesX.reduce(function(sum, x2) {
+          return sum + x2;
         }, 0) / distancesX.length;
-        var avgDistanceY = distancesY.reduce(function(sum, y) {
-          return sum + y;
+        var avgDistanceY = distancesY.reduce(function(sum, y2) {
+          return sum + y2;
         }, 0) / distancesY.length;
-        var belowAvgDistancesX = distancesX.filter(function(x) {
-          return x < avgDistanceX;
+        var belowAvgDistancesX = distancesX.filter(function(x2) {
+          return x2 < avgDistanceX;
         });
-        var belowAvgDistancesY = distancesY.filter(function(y) {
-          return y < avgDistanceY;
+        var belowAvgDistancesY = distancesY.filter(function(y2) {
+          return y2 < avgDistanceY;
         });
-        var betweenDistanceX = belowAvgDistancesX.reduce(function(sum, x) {
-          return sum + x;
+        var betweenDistanceX = belowAvgDistancesX.reduce(function(sum, x2) {
+          return sum + x2;
         }, 0) / belowAvgDistancesX.length;
-        var betweenDistanceY = belowAvgDistancesY.reduce(function(sum, y) {
-          return sum + y;
+        var betweenDistanceY = belowAvgDistancesY.reduce(function(sum, y2) {
+          return sum + y2;
         }, 0) / belowAvgDistancesY.length;
         var avgDistance = 0;
         if (!Number.isNaN(betweenDistanceX) && !Number.isNaN(betweenDistanceY)) {
@@ -330,11 +330,11 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
       var takenX = /* @__PURE__ */ new Set();
       for (var i = 0; i < normalized.length; i++) {
         var _grid$gridX, _grid$gridX$gridY;
-        var _normalized$i = normalized[i], _x2 = _normalized$i.x, _y2 = _normalized$i.y;
-        var gridX = Math.round(_x2 / gridSize);
-        var gridY = Math.round(_y2 / gridSize);
-        takenY.add(_y2);
-        takenX.add(_x2);
+        var _normalized$i = normalized[i], _x = _normalized$i.x, _y = _normalized$i.y;
+        var gridX = Math.round(_x / gridSize);
+        var gridY = Math.round(_y / gridSize);
+        takenY.add(_y);
+        takenX.add(_x);
         grid[gridX] = (_grid$gridX = grid[gridX]) !== null && _grid$gridX !== void 0 ? _grid$gridX : {};
         grid[gridX][gridY] = (_grid$gridX$gridY = grid[gridX][gridY]) !== null && _grid$gridX$gridY !== void 0 ? _grid$gridX$gridY : {
           clusterId: "".concat(gridX, "_").concat(gridY),
@@ -343,36 +343,36 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
         grid[gridX][gridY].members.push(normalized[i]);
       }
       var clusters = {};
-      var _iterator3 = _createForOfIteratorHelper(Object.keys(grid).map(function(x) {
-        return parseInt(x, 10);
+      var _iterator3 = _createForOfIteratorHelper(Object.keys(grid).map(function(x2) {
+        return Number.parseInt(x2, 10);
       })), _step3;
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) {
-          var _x4 = _step3.value;
-          var _iterator4 = _createForOfIteratorHelper(Object.keys(grid[_x4]).map(function(y) {
-            return parseInt(y, 10);
+          var _x3 = _step3.value;
+          var _iterator4 = _createForOfIteratorHelper(Object.keys(grid[_x3]).map(function(y2) {
+            return Number.parseInt(y2, 10);
           })), _step4;
           try {
             for (_iterator4.s(); !(_step4 = _iterator4.n()).done; ) {
-              var _clusters$grid$_x4$_y, _clusters$grid$_x4$_y2;
-              var _y4 = _step4.value;
+              var _clusters$grid$_x3$_y, _clusters$grid$_x3$_y2;
+              var _y3 = _step4.value;
               var pointHandled = false;
-              for (var _i4 = 0, _arr = [_x4 - 1, _x4, _x4 + 1]; _i4 < _arr.length; _i4++) {
+              for (var _i4 = 0, _arr = [_x3 - 1, _x3, _x3 + 1]; _i4 < _arr.length; _i4++) {
                 var xNeighbour = _arr[_i4];
-                for (var _i5 = 0, _arr2 = [_y4 - 1, _y4, _y4 + 1]; _i5 < _arr2.length; _i5++) {
+                for (var _i5 = 0, _arr2 = [_y3 - 1, _y3, _y3 + 1]; _i5 < _arr2.length; _i5++) {
                   var _grid$xNeighbour;
                   var yNeighbour = _arr2[_i5];
                   if (xNeighbour === void 0 || yNeighbour === void 0) continue;
-                  if (xNeighbour === _x4 && yNeighbour === _y4) continue;
+                  if (xNeighbour === _x3 && yNeighbour === _y3) continue;
                   if (!((_grid$xNeighbour = grid[xNeighbour]) !== null && _grid$xNeighbour !== void 0 && _grid$xNeighbour[yNeighbour])) continue;
                   pointHandled = true;
-                  grid[_x4][_y4].clusterId = grid[xNeighbour][yNeighbour].clusterId;
+                  grid[_x3][_y3].clusterId = grid[xNeighbour][yNeighbour].clusterId;
                   break;
                 }
                 if (pointHandled) break;
               }
-              clusters[grid[_x4][_y4].clusterId] = (_clusters$grid$_x4$_y = clusters[grid[_x4][_y4].clusterId]) !== null && _clusters$grid$_x4$_y !== void 0 ? _clusters$grid$_x4$_y : [];
-              (_clusters$grid$_x4$_y2 = clusters[grid[_x4][_y4].clusterId]).push.apply(_clusters$grid$_x4$_y2, _toConsumableArray(grid[_x4][_y4].members));
+              clusters[grid[_x3][_y3].clusterId] = (_clusters$grid$_x3$_y = clusters[grid[_x3][_y3].clusterId]) !== null && _clusters$grid$_x3$_y !== void 0 ? _clusters$grid$_x3$_y : [];
+              (_clusters$grid$_x3$_y2 = clusters[grid[_x3][_y3].clusterId]).push.apply(_clusters$grid$_x3$_y2, _toConsumableArray(grid[_x3][_y3].members));
             }
           } catch (err) {
             _iterator4.e(err);
@@ -386,13 +386,13 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
         _iterator3.f();
       }
       var clustersInsights = [];
-      for (var _clusterId in clusters) {
+      for (var clusterId in clusters) {
         var _hints$axesTitle$hori, _hints$axesTitle$vert3;
-        var size = clusters[_clusterId].reduce(function(sum, _ref8) {
+        var size = clusters[clusterId].reduce(function(sum, _ref8) {
           var value = _ref8.value;
           return sum + (value !== null && value !== void 0 ? value : 1);
         }, 0);
-        var labels = _toConsumableArray(clusters[_clusterId]).sort(function(a, b) {
+        var labels = _toConsumableArray(clusters[clusterId]).sort(function(a, b) {
           return b.value - a.value;
         }).map(function(_ref9) {
           var label = _ref9.label;
@@ -401,14 +401,14 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
           return label !== void 0;
         });
         var uniqueLabels = _toConsumableArray(new Set(labels));
-        var _x3 = clusters[_clusterId].reduce(function(sum, _ref10) {
-          var x = _ref10.x;
-          return sum + x;
-        }, 0) / clusters[_clusterId].length;
-        var _y3 = clusters[_clusterId].reduce(function(sum, _ref11) {
-          var y = _ref11.y;
-          return sum + y;
-        }, 0) / clusters[_clusterId].length;
+        var _x2 = clusters[clusterId].reduce(function(sum, _ref0) {
+          var x2 = _ref0.x;
+          return sum + x2;
+        }, 0) / clusters[clusterId].length;
+        var _y2 = clusters[clusterId].reduce(function(sum, _ref1) {
+          var y2 = _ref1.y;
+          return sum + y2;
+        }, 0) / clusters[clusterId].length;
         clustersInsights.push({
           type: "cluster",
           priority: 1,
@@ -416,8 +416,8 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
           labels: uniqueLabels,
           relativeSize: "average",
           center: {
-            x: _x3,
-            y: _y3,
+            x: _x2,
+            y: _y2,
             xLabel: (_hints$axesTitle$hori = hints.axesTitle.horizontal) !== null && _hints$axesTitle$hori !== void 0 ? _hints$axesTitle$hori : guessedXKey,
             yLabel: (_hints$axesTitle$vert3 = hints.axesTitle.vertical) !== null && _hints$axesTitle$vert3 !== void 0 ? _hints$axesTitle$vert3 : guessedYKey
           }
@@ -427,28 +427,28 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
       clustersInsights.sort(function(a, b) {
         return b.size - a.size;
       });
-      var relativeSizeDistrivution = (_relativeSizeDistrivu = {}, _defineProperty(_relativeSizeDistrivu, "significantly-bigger", {
-        max: Infinity,
+      var relativeSizeDistrivution = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "significantly-bigger", {
+        max: Number.POSITIVE_INFINITY,
         min: 0.85
-      }), _defineProperty(_relativeSizeDistrivu, "bigger", {
+      }), "bigger", {
         min: 0.7,
         max: 0.85
-      }), _defineProperty(_relativeSizeDistrivu, "slightly-bigger", {
+      }), "slightly-bigger", {
         min: 0.6,
         max: 0.7
-      }), _defineProperty(_relativeSizeDistrivu, "average", {
+      }), "average", {
         min: 0.4,
         max: 0.6
-      }), _defineProperty(_relativeSizeDistrivu, "slightly-smaller", {
+      }), "slightly-smaller", {
         max: 0.4,
         min: 0.3
-      }), _defineProperty(_relativeSizeDistrivu, "smaller", {
+      }), "smaller", {
         min: 0.15,
         max: 0.3
-      }), _defineProperty(_relativeSizeDistrivu, "significantly-smaller", {
-        min: -Infinity,
+      }), "significantly-smaller", {
+        min: Number.NEGATIVE_INFINITY,
         max: 0.15
-      }), _relativeSizeDistrivu);
+      });
       var averageSize = clustersInsights.reduce(function(sum, cluster) {
         return sum + cluster.size;
       }, 0) / clustersInsights.length;
@@ -535,12 +535,12 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
       var allRowsIds = data.map(makeRowKey);
       var groupedValues = {};
       for (var _i6 = 0; _i6 < data.length; _i6++) {
-        var _groupedValues$key, _hints$titles$getHori9, _hints$titles$getHori10, _hints$titles5;
+        var _groupedValues$key, _hints$titles$getHori9, _hints$titles$getHori0, _hints$titles5;
         var row = data[_i6];
         var key = allRowsIds[_i6];
         var groupKeyValue = getPropByPath(row, groupKeys[0]);
         groupedValues[key] = (_groupedValues$key = groupedValues[key]) !== null && _groupedValues$key !== void 0 ? _groupedValues$key : {
-          groupName: (_hints$titles$getHori9 = (_hints$titles$getHori10 = (_hints$titles5 = hints.titles).getHorizontalAxesTitle) === null || _hints$titles$getHori10 === void 0 ? void 0 : _hints$titles$getHori10.call(_hints$titles5, groupKeyValue)) !== null && _hints$titles$getHori9 !== void 0 ? _hints$titles$getHori9 : groupKeyValue,
+          groupName: (_hints$titles$getHori9 = (_hints$titles$getHori0 = (_hints$titles5 = hints.titles).getHorizontalAxesTitle) === null || _hints$titles$getHori0 === void 0 ? void 0 : _hints$titles$getHori0.call(_hints$titles5, groupKeyValue)) !== null && _hints$titles$getHori9 !== void 0 ? _hints$titles$getHori9 : groupKeyValue,
           rows: []
         };
         groupedValues[key].rows.push(row);
@@ -556,9 +556,9 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
       fields = fields.filter(function(key2) {
         return !grouppingKeys[key2];
       });
-      var groups = Object.entries(groupedValues).map(function(_ref12) {
+      var groups = Object.entries(groupedValues).map(function(_ref10) {
         var _group$groupName;
-        var _ref13 = _slicedToArray(_ref12, 2), groupKey = _ref13[0], group = _ref13[1];
+        var _ref11 = _slicedToArray(_ref10, 2), groupKey = _ref11[0], group = _ref11[1];
         var values2 = [];
         var _iterator5 = _createForOfIteratorHelper(group.rows), _step5;
         try {
@@ -567,10 +567,10 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
             var _iterator6 = _createForOfIteratorHelper(fields), _step6;
             try {
               for (_iterator6.s(); !(_step6 = _iterator6.n()).done; ) {
-                var _ref15, _hints$titles$valuesA, _hints$titles$getVert, _hints$titles6;
+                var _ref13, _hints$titles$valuesA, _hints$titles$getVert, _hints$titles6;
                 var field = _step6.value;
                 values2.push({
-                  label: (_ref15 = (_hints$titles$valuesA = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA !== void 0 ? _hints$titles$valuesA : (_hints$titles$getVert = (_hints$titles6 = hints.titles).getVerticalAxesTitle) === null || _hints$titles$getVert === void 0 ? void 0 : _hints$titles$getVert.call(_hints$titles6, field)) !== null && _ref15 !== void 0 ? _ref15 : field,
+                  label: (_ref13 = (_hints$titles$valuesA = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA !== void 0 ? _hints$titles$valuesA : (_hints$titles$getVert = (_hints$titles6 = hints.titles).getVerticalAxesTitle) === null || _hints$titles$getVert === void 0 ? void 0 : _hints$titles$getVert.call(_hints$titles6, field)) !== null && _ref13 !== void 0 ? _ref13 : field,
                   value: getPropByPath(_row, field)
                 });
               }
@@ -589,8 +589,8 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
           if (typeof a.value !== "number" || typeof b.value !== "number") return 0;
           return b.value - a.value;
         });
-        var averageValue = values2.reduce(function(sum, _ref14) {
-          var value = _ref14.value;
+        var averageValue = values2.reduce(function(sum, _ref12) {
+          var value = _ref12.value;
           return sum + value;
         }, 0) / values2.length;
         return {
@@ -620,9 +620,9 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
       _fields2.push.apply(_fields2, _toConsumableArray(Object.keys(keysMap)));
     }
     var values = _fields2.map(function(field) {
-      var _ref16, _hints$titles$valuesA2, _hints$titles$getValu, _hints$titles7;
+      var _ref14, _hints$titles$valuesA2, _hints$titles$getValu, _hints$titles7;
       return {
-        label: (_ref16 = (_hints$titles$valuesA2 = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA2 !== void 0 ? _hints$titles$valuesA2 : (_hints$titles$getValu = (_hints$titles7 = hints.titles).getValueAxesTitle) === null || _hints$titles$getValu === void 0 ? void 0 : _hints$titles$getValu.call(_hints$titles7, field)) !== null && _ref16 !== void 0 ? _ref16 : field,
+        label: (_ref14 = (_hints$titles$valuesA2 = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA2 !== void 0 ? _hints$titles$valuesA2 : (_hints$titles$getValu = (_hints$titles7 = hints.titles).getValueAxesTitle) === null || _hints$titles$getValu === void 0 ? void 0 : _hints$titles$getValu.call(_hints$titles7, field)) !== null && _ref14 !== void 0 ? _ref14 : field,
         value: getPropByPath(data, field)
       };
     });
@@ -653,8 +653,8 @@ var extractDataInsights = function extractDataInsights2(data, hints, config) {
         if (typeof a.value !== "number" || typeof b.value !== "number") return 0;
         return b.value - a.value;
       });
-      var averageValue = values2.reduce(function(sum, _ref17) {
-        var value = _ref17.value;
+      var averageValue = values2.reduce(function(sum, _ref15) {
+        var value = _ref15.value;
         return sum + value;
       }, 0) / values2.length;
       return {