@semcore/d3-chart 3.36.0 → 3.37.0

package/lib/es6/a11y/PlotA11yView.js

@@ -1,24 +1,21 @@
-import _typeof from "@babel/runtime/helpers/typeof";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { heavyFindNextFocusableElement } from './focus';
 import { makeDataSummarizationConfig } from './hints';
-import { formatValue } from './serialize';
 import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1qed2_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_1qed2_gg_:focus,.___SPlotA11yView_1qed2_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_1qed2_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1qed2_gg_ table,.___SPlotA11yView_1qed2_gg_ td,.___SPlotA11yView_1qed2_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1qed2_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yView": "___SPlotA11yView_1qed2_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1q4lm_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_1q4lm_gg_:focus,.___SPlotA11yView_1q4lm_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_1q4lm_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1q4lm_gg_ table,.___SPlotA11yView_1q4lm_gg_ td,.___SPlotA11yView_1q4lm_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1q4lm_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_1q4lm_gg_"
 });
 import { Box } from '@semcore/flex-box';
 import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
+import { DataAccessibilityTable } from './DataAccessibilityTable';
 export var PlotA11yView = function PlotA11yView(_ref3) {
   var _ref = arguments[0],
     _ref2;
@@ -40,66 +37,6 @@ export var PlotA11yView = function PlotA11yView(_ref3) {
   var data = React.useMemo(function () {
     return Array.isArray(providedData) ? providedData : [providedData];
   }, [providedData]);
-  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];
-    });
-    if (fromHints.length === 0) {
-      data.forEach(function (row) {
-        var _fromHints6;
-        return (_fromHints6 = fromHints).push.apply(_fromHints6, _toConsumableArray(Object.keys(row)));
-      });
-    }
-    return _toConsumableArray(new Set(fromHints));
-  }, [data, hints]);
-  var duplicatedBaseKeys = React.useMemo(function () {
-    var baseKeys = keys.filter(function (key) {
-      return !hints.titles.valuesAxes[key];
-    }).map(function (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(function (entry) {
-      return entry !== undefined;
-    }).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;
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return doublicated;
-  }, [keys, hints]);
-  var renderTitle = React.useCallback(function (dataKey) {
-    if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];
-    if (!duplicatedBaseKeys[dataKey]) {
-      if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical) return hints.axesTitle.vertical;
-      if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal) return hints.axesTitle.horizontal;
-    }
-    return dataKey;
-  }, [data, hints, duplicatedBaseKeys]);
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     summary = _React$useState2[0],
@@ -197,29 +134,13 @@ export var PlotA11yView = function PlotA11yView(_ref3) {
     "tabIndex": 0
   }), generatingSummary ? texts.summaryPlaceholder : summary), /*#__PURE__*/React.createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/React.createElement("label", _ref2.cn("label", {
     "htmlFor": "".concat(id, "-data-table")
-  }), texts.table)), /*#__PURE__*/React.createElement("table", _ref2.cn("table", {
-    "id": "".concat(id, "-data-table"),
-    "tabIndex": 0,
-    "ref": dataTableRef
-  }), /*#__PURE__*/React.createElement("thead", _ref2.cn("thead", {}), /*#__PURE__*/React.createElement("tr", _ref2.cn("tr", {}), keys.map(function (key, index) {
-    return /*#__PURE__*/React.createElement("th", {
-      key: "".concat(key, "-").concat(index)
-    }, renderTitle(key));
-  }))), /*#__PURE__*/React.createElement("tbody", _ref2.cn("tbody", {}), data.map(function (row, index) {
-    return /*#__PURE__*/React.createElement("tr", {
-      key: "".concat(Object.values(row).filter(function (item) {
-        return _typeof(item) !== 'symbol';
-      }).join('-'), "-").concat(index)
-    }, keys.map(function (key) {
-      return _typeof(row[key]) !== 'symbol' ? [key, row[key]] : [key, ''];
-    }).map(function (_ref4, index) {
-      var _ref5 = _slicedToArray(_ref4, 2),
-        key = _ref5[0],
-        value = _ref5[1];
-      return /*#__PURE__*/React.createElement("td", {
-        key: "".concat(key, "-").concat(index)
-      }, formatValue(intl, value));
-    }));
-  }))));
+  }), texts.table)), /*#__PURE__*/React.createElement(DataAccessibilityTable, _ref2.cn("DataAccessibilityTable", {
+    "id": id,
+    "dataTableRef": dataTableRef,
+    "data": data,
+    "hints": hints,
+    "config": config,
+    "intl": intl
+  })));
 };
 //# sourceMappingURL=PlotA11yView.js.map

package/lib/es6/a11y/PlotA11yView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","formatValue","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","keys","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","_fromHints6","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","_iterator","_createForOfIteratorHelper","_step","s","n","done","_step$value","_slicedToArray","value","label","err","e","f","renderTitle","useCallback","dataKey","_React$useState","useState","_React$useState2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleSkip","_heavyFindNextFocusab","current","focus","handleSkipKeyboard","event","preventDefault","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat","index","item","_typeof","join","_ref4","_ref5"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n  const keys = React.useMemo(() => {\n    let fromHints: (string | number)[] = [];\n    fromHints.push(...hints.fields.verticalAxes);\n    fromHints.push(...hints.fields.horizontalAxes);\n    fromHints.push(...hints.fields.valueAxes);\n    fromHints.push(...config.additionalFields);\n    fromHints.push(...Object.keys(hints.fields.values));\n\n    fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n    if (fromHints.length === 0) {\n      data.forEach((row) => fromHints.push(...Object.keys(row)));\n    }\n\n    return [...new Set(fromHints)];\n  }, [data, hints]);\n  const duplicatedBaseKeys = React.useMemo(() => {\n    const baseKeys = keys\n      .filter((key) => !hints.titles.valuesAxes[key])\n      .map((key) => {\n        if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n          return [key, hints.axesTitle.vertical];\n        if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n          return [key, hints.axesTitle.horizontal];\n      })\n      .filter((entry) => entry !== undefined)\n      .map((entry) => entry!);\n    const doublicated: Record<string, true> = {};\n    const handled: Record<string, string | number> = {};\n    for (const [key, label] of baseKeys) {\n      if (handled[label]) {\n        doublicated[key] = true;\n        doublicated[handled[label]] = true;\n      }\n      handled[label] = key;\n    }\n    return doublicated;\n  }, [keys, hints]);\n  const renderTitle = React.useCallback(\n    (dataKey: string | number) => {\n      if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n      if (!duplicatedBaseKeys[dataKey]) {\n        if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n          return hints.axesTitle.vertical;\n        if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n          return hints.axesTitle.horizontal;\n      }\n\n      return dataKey;\n    },\n    [data, hints, duplicatedBaseKeys],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleSkip = React.useCallback(() => {\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      event.preventDefault();\n      handleSkip();\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback(() => {\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      event.preventDefault();\n      handleGoToTable();\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView render={Box} tabIndex={0} aria-label={texts.label}>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a aria-hidden onClick={handleSkip}>\n        {texts.close}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a role='link' tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a role='link' tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n        <thead>\n          <tr>\n            {keys.map((key, index) => (\n              <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((row, index) => (\n            <tr\n              key={`${Object.values(row)\n                .filter((item) => typeof item !== 'symbol')\n                .join('-')}-${index}`}\n            >\n              {keys\n                .map((key) => (typeof row[key] !== 'symbol' ? [key, row[key]] : [key, '']))\n                .map(([key, value], index) => (\n                  <td key={`${key}-${index}`}>{formatValue(intl, value)}</td>\n                ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}
+{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","DataAccessibilityTable","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleSkip","useCallback","_heavyFindNextFocusab","current","focus","handleSkipKeyboard","event","key","preventDefault","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleSkip = React.useCallback(() => {\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      event.preventDefault();\n      handleSkip();\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback(() => {\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      event.preventDefault();\n      handleGoToTable();\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView render={Box} tabIndex={0} aria-label={texts.label}>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a aria-hidden onClick={handleSkip}>\n        {texts.close}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a role='link' tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a role='link' tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/es6/a11y/hints.js.map

@@ -1 +1 @@
-{"version":3,"file":"hints.js","names":["reactToText","makeDataHintsContainer","fields","verticalAxes","Set","horizontalAxes","valueAxes","values","groups","axesTitle","vertical","horizontal","titles","getVerticalAxesTitle","getHorizontalAxesTitle","valuesAxes","getValueAxesTitle","grid","dataType","pointsDensity","makeDataHintsHandlers","mutableContainer","handler","specifyDataRowFields","x","y","value","add","setupGrid","direction","size","establishDataType","describeValueEntity","dataKey","readableName","labelKey","describeGroupedValues","groupKey","axes","label","addKeyLabelGetter","getter","setTitle","describedDataAxes","title","_typeof","Date","String","setPointsDensity","makeDataSummarizationConfig","config","_config$trendTangens","_config$movingAverage","_config$additionalFie","_objectSpread","clustersGridSize","undefined","maxListSymbols","datesWithTime","clustersLimit","valuesLimit","groupsLimit","disable","override","trendTangens","weak","medium","strong","Infinity","movingAverage","longSize","shortSize","notableDiff","additionalFields","_toConsumableArray"],"sources":["../../../src/a11y/hints.ts"],"sourcesContent":["import { SerializableDataType } from './insights';\nimport reactToText from '@semcore/utils/lib/reactToText';\n\ntype DeepPartial<T> = T extends object\n  ? {\n      [P in keyof T]?: DeepPartial<T[P]>;\n    }\n  : T;\n\nexport type DataStructureHints = {\n  fields: {\n    verticalAxes: Set<string | number>;\n    horizontalAxes: Set<string | number>;\n    valueAxes: Set<string | number>;\n    values: Set<string | number>;\n  };\n  groups: Set<string | number>;\n  axesTitle: {\n    vertical: string | null;\n    horizontal: string | null;\n  };\n  titles: {\n    verticalAxes: {\n      [dataKey: string | number]: string;\n    };\n    getVerticalAxesTitle: null | ((dataKey: string | number) => string);\n    horizontalAxes: {\n      [dataKey: string | number]: string;\n    };\n    getHorizontalAxesTitle: null | ((dataKey: string | number) => string);\n    valuesAxes: {\n      [dataKey: string | number]: string;\n    };\n    getValueAxesTitle: null | ((dataKey: string | number) => string);\n  };\n  grid: {\n    verticalAxes: number | null;\n    horizontalAxes: number | null;\n  };\n  pointsDensity: {\n    verticalAxes: number;\n    horizontalAxes: number;\n  } | null;\n  dataType: SerializableDataType | null;\n};\nexport type DataSummarizationConfig = {\n  trendTangens: {\n    static: number;\n    weak: number;\n    medium: number;\n    strong: number;\n  };\n  movingAverage: {\n    longSize: number | undefined;\n    shortSize: number | undefined;\n    notableDiff: number | undefined;\n  };\n  dataType: SerializableDataType | undefined;\n  clustersGridSize: number | undefined;\n  maxListSymbols: number;\n  datesWithTime: boolean | undefined;\n  clustersLimit: number;\n  valuesLimit: number;\n  groupsLimit: number;\n  disable: boolean;\n  override: string | undefined;\n  additionalFields: string[];\n};\nexport type PartialDataSummarizationConfig = DeepPartial<DataSummarizationConfig>;\n\nexport const makeDataHintsContainer = (): DataStructureHints => ({\n  fields: {\n    verticalAxes: new Set(),\n    horizontalAxes: new Set(),\n    valueAxes: new Set(),\n    values: new Set(),\n  },\n  groups: new Set(),\n  axesTitle: {\n    vertical: null,\n    horizontal: null,\n  },\n  titles: {\n    verticalAxes: {},\n    getVerticalAxesTitle: null,\n    horizontalAxes: {},\n    getHorizontalAxesTitle: null,\n    valuesAxes: {},\n    getValueAxesTitle: null,\n  },\n  grid: {\n    verticalAxes: null,\n    horizontalAxes: null,\n  },\n  dataType: null,\n  pointsDensity: null,\n});\n\nexport const makeDataHintsHandlers = (mutableContainer: DataStructureHints) => {\n  const handler = {\n    specifyDataRowFields: (x?: string, y?: string, value?: string) => {\n      if (y) mutableContainer.fields.verticalAxes.add(y);\n      if (x) mutableContainer.fields.horizontalAxes.add(x);\n      if (value) mutableContainer.fields.valueAxes.add(value);\n    },\n    setupGrid: (direction: 'vertical' | 'horizontal', size: number) => {\n      if (direction === 'horizontal') {\n        mutableContainer.grid.horizontalAxes = size;\n      } else if (direction === 'vertical') {\n        mutableContainer.grid.verticalAxes = size;\n      }\n    },\n    establishDataType: (dataType: SerializableDataType) => {\n      mutableContainer.dataType = dataType;\n    },\n    describeValueEntity: (dataKey: string | number, readableName: string) => {\n      mutableContainer.fields.values.add(dataKey);\n      handler.labelKey('value', dataKey, readableName);\n    },\n    describeGroupedValues: (groupKey: string | number, dataKey: string | number) => {\n      mutableContainer.groups.add(groupKey);\n      mutableContainer.fields.values.add(dataKey);\n    },\n    labelKey: (\n      axes: 'vertical' | 'horizontal' | 'value',\n      dataKey: string | number,\n      label: string,\n    ) => {\n      if (axes === 'vertical') mutableContainer.titles.verticalAxes[dataKey] = label;\n      if (axes === 'horizontal') mutableContainer.titles.horizontalAxes[dataKey] = label;\n      if (axes === 'value') mutableContainer.titles.valuesAxes[dataKey] = label;\n    },\n    addKeyLabelGetter: (\n      axes: 'vertical' | 'horizontal' | 'value',\n      getter: (dataKey: string | number) => string,\n    ) => {\n      if (axes === 'vertical') mutableContainer.titles.getVerticalAxesTitle = getter;\n      if (axes === 'horizontal') mutableContainer.titles.getHorizontalAxesTitle = getter;\n      if (axes === 'value') mutableContainer.titles.getValueAxesTitle = getter;\n    },\n    setTitle: (describedDataAxes: 'vertical' | 'horizontal', title: string) => {\n      if (\n        typeof title === 'number' ||\n        typeof title === 'bigint' ||\n        (typeof title === 'object' && (title as any) instanceof Date)\n      ) {\n        title = String(title);\n      }\n      if (typeof title !== 'string') {\n        title = reactToText(title);\n      }\n      if (describedDataAxes === 'horizontal') {\n        mutableContainer.axesTitle.horizontal = title;\n      } else if (describedDataAxes === 'vertical') {\n        mutableContainer.axesTitle.vertical = title;\n      }\n    },\n    setPointsDensity: (horizontalAxes: number, verticalAxes: number) => {\n      mutableContainer.pointsDensity = { verticalAxes, horizontalAxes };\n    },\n  };\n  return handler;\n};\n\nexport type DataHintsHandler = ReturnType<typeof makeDataHintsHandlers>;\n\nexport const makeDataSummarizationConfig = (\n  config?: PartialDataSummarizationConfig,\n): DataSummarizationConfig => ({\n  clustersGridSize: undefined,\n  maxListSymbols: 100,\n  datesWithTime: undefined,\n  clustersLimit: 5,\n  valuesLimit: 5,\n  groupsLimit: 5,\n  dataType: undefined,\n  disable: false,\n  override: undefined,\n  ...(config ?? {}),\n  trendTangens: {\n    static: 1 / 15,\n    weak: 1 / 10,\n    medium: 1 / 5,\n    strong: Infinity,\n    ...(config?.trendTangens ?? {}),\n  },\n  movingAverage: {\n    longSize: undefined,\n    shortSize: undefined,\n    notableDiff: undefined,\n    ...(config?.movingAverage ?? {}),\n  },\n  additionalFields: [...(config?.additionalFields ?? [])] as string[],\n});\n"],"mappings":"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"}
+{"version":3,"file":"hints.js","names":["reactToText","makeDataHintsContainer","fields","verticalAxes","Set","horizontalAxes","valueAxes","values","groups","axesTitle","vertical","horizontal","titles","getVerticalAxesTitle","getHorizontalAxesTitle","valuesAxes","getValueAxesTitle","grid","dataType","pointsDensity","makeDataHintsHandlers","mutableContainer","handler","specifyDataRowFields","x","y","value","add","setupGrid","direction","size","establishDataType","describeValueEntity","dataKey","readableName","labelKey","describeGroupedValues","groupKey","axes","label","addKeyLabelGetter","getter","setTitle","describedDataAxes","title","_typeof","Date","String","setPointsDensity","makeDataSummarizationConfig","config","_config$trendTangens","_config$movingAverage","_config$additionalFie","_objectSpread","clustersGridSize","undefined","maxListSymbols","datesWithTime","clustersLimit","valuesLimit","groupsLimit","disable","override","trendTangens","weak","medium","strong","Infinity","movingAverage","longSize","shortSize","notableDiff","additionalFields","_toConsumableArray"],"sources":["../../../src/a11y/hints.ts"],"sourcesContent":["import { SerializableDataType } from './insights';\nimport reactToText from '@semcore/utils/lib/reactToText';\n\ntype DeepPartial<T> = T extends object\n  ? {\n      [P in keyof T]?: DeepPartial<T[P]>;\n    }\n  : T;\n\nexport type DataStructureHints = {\n  fields: {\n    verticalAxes: Set<string | number>;\n    horizontalAxes: Set<string | number>;\n    valueAxes: Set<string | number>;\n    values: Set<string | number>;\n  };\n  groups: Set<string | number>;\n  axesTitle: {\n    vertical: string | null;\n    horizontal: string | null;\n  };\n  titles: {\n    verticalAxes: {\n      [dataKey: string | number]: string;\n    };\n    getVerticalAxesTitle: null | ((dataKey: string | number) => string);\n    horizontalAxes: {\n      [dataKey: string | number]: string;\n    };\n    getHorizontalAxesTitle: null | ((dataKey: string | number) => string);\n    valuesAxes: {\n      [dataKey: string | number]: string;\n    };\n    getValueAxesTitle: null | ((dataKey: string | number) => string);\n  };\n  grid: {\n    verticalAxes: number | null;\n    horizontalAxes: number | null;\n  };\n  pointsDensity: {\n    verticalAxes: number;\n    horizontalAxes: number;\n  } | null;\n  dataType: SerializableDataType | null;\n};\nexport type DataSummarizationConfig = {\n  trendTangens: {\n    static: number;\n    weak: number;\n    medium: number;\n    strong: number;\n  };\n  movingAverage: {\n    longSize: number | undefined;\n    shortSize: number | undefined;\n    notableDiff: number | undefined;\n  };\n  dataType: SerializableDataType | undefined;\n  clustersGridSize: number | undefined;\n  maxListSymbols: number;\n  datesWithTime: boolean | undefined;\n  clustersLimit: number;\n  valuesLimit: number;\n  groupsLimit: number;\n  disable: boolean;\n  override: string | undefined;\n  additionalFields: string[];\n  titlesFormatter?: (key: string | number | null) => string | undefined;\n  valuesFormatter?: (value: unknown, key: string | number | null) => string | undefined;\n};\nexport type PartialDataSummarizationConfig = DeepPartial<\n  Omit<DataSummarizationConfig, 'titlesFormatter' | 'valuesFormatter'>\n> & {\n  titlesFormatter?: (key: string | number | null) => string | undefined;\n  valuesFormatter?: (value: unknown, key: string | number | null) => string | undefined;\n};\n\nexport const makeDataHintsContainer = (): DataStructureHints => ({\n  fields: {\n    verticalAxes: new Set(),\n    horizontalAxes: new Set(),\n    valueAxes: new Set(),\n    values: new Set(),\n  },\n  groups: new Set(),\n  axesTitle: {\n    vertical: null,\n    horizontal: null,\n  },\n  titles: {\n    verticalAxes: {},\n    getVerticalAxesTitle: null,\n    horizontalAxes: {},\n    getHorizontalAxesTitle: null,\n    valuesAxes: {},\n    getValueAxesTitle: null,\n  },\n  grid: {\n    verticalAxes: null,\n    horizontalAxes: null,\n  },\n  dataType: null,\n  pointsDensity: null,\n});\n\nexport const makeDataHintsHandlers = (mutableContainer: DataStructureHints) => {\n  const handler = {\n    specifyDataRowFields: (x?: string, y?: string, value?: string) => {\n      if (y) mutableContainer.fields.verticalAxes.add(y);\n      if (x) mutableContainer.fields.horizontalAxes.add(x);\n      if (value) mutableContainer.fields.valueAxes.add(value);\n    },\n    setupGrid: (direction: 'vertical' | 'horizontal', size: number) => {\n      if (direction === 'horizontal') {\n        mutableContainer.grid.horizontalAxes = size;\n      } else if (direction === 'vertical') {\n        mutableContainer.grid.verticalAxes = size;\n      }\n    },\n    establishDataType: (dataType: SerializableDataType) => {\n      mutableContainer.dataType = dataType;\n    },\n    describeValueEntity: (dataKey: string | number, readableName: string) => {\n      mutableContainer.fields.values.add(dataKey);\n      handler.labelKey('value', dataKey, readableName);\n    },\n    describeGroupedValues: (groupKey: string | number, dataKey: string | number) => {\n      mutableContainer.groups.add(groupKey);\n      mutableContainer.fields.values.add(dataKey);\n    },\n    labelKey: (\n      axes: 'vertical' | 'horizontal' | 'value',\n      dataKey: string | number,\n      label: string,\n    ) => {\n      if (axes === 'vertical') mutableContainer.titles.verticalAxes[dataKey] = label;\n      if (axes === 'horizontal') mutableContainer.titles.horizontalAxes[dataKey] = label;\n      if (axes === 'value') mutableContainer.titles.valuesAxes[dataKey] = label;\n    },\n    addKeyLabelGetter: (\n      axes: 'vertical' | 'horizontal' | 'value',\n      getter: (dataKey: string | number) => string,\n    ) => {\n      if (axes === 'vertical') mutableContainer.titles.getVerticalAxesTitle = getter;\n      if (axes === 'horizontal') mutableContainer.titles.getHorizontalAxesTitle = getter;\n      if (axes === 'value') mutableContainer.titles.getValueAxesTitle = getter;\n    },\n    setTitle: (describedDataAxes: 'vertical' | 'horizontal', title: string) => {\n      if (\n        typeof title === 'number' ||\n        typeof title === 'bigint' ||\n        (typeof title === 'object' && (title as any) instanceof Date)\n      ) {\n        title = String(title);\n      }\n      if (typeof title !== 'string') {\n        title = reactToText(title);\n      }\n      if (describedDataAxes === 'horizontal') {\n        mutableContainer.axesTitle.horizontal = title;\n      } else if (describedDataAxes === 'vertical') {\n        mutableContainer.axesTitle.vertical = title;\n      }\n    },\n    setPointsDensity: (horizontalAxes: number, verticalAxes: number) => {\n      mutableContainer.pointsDensity = { verticalAxes, horizontalAxes };\n    },\n  };\n  return handler;\n};\n\nexport type DataHintsHandler = ReturnType<typeof makeDataHintsHandlers>;\n\nexport const makeDataSummarizationConfig = (\n  config?: PartialDataSummarizationConfig,\n): DataSummarizationConfig => ({\n  clustersGridSize: undefined,\n  maxListSymbols: 100,\n  datesWithTime: undefined,\n  clustersLimit: 5,\n  valuesLimit: 5,\n  groupsLimit: 5,\n  dataType: undefined,\n  disable: false,\n  override: undefined,\n  ...(config ?? {}),\n  trendTangens: {\n    static: 1 / 15,\n    weak: 1 / 10,\n    medium: 1 / 5,\n    strong: Infinity,\n    ...(config?.trendTangens ?? {}),\n  },\n  movingAverage: {\n    longSize: undefined,\n    shortSize: undefined,\n    notableDiff: undefined,\n    ...(config?.movingAverage ?? {}),\n  },\n  additionalFields: [...(config?.additionalFields ?? [])] as string[],\n});\n"],"mappings":"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"}

package/lib/es6/a11y/serialize.js

@@ -44,14 +44,14 @@ var isReactComponent = function isReactComponent(obj) {
   return _typeof(obj) === 'object' && obj && 'displayName' in obj && typeof obj.displayName === 'string';
 };
 var guessNumberAsTimestampMinDate = new Date('1975').getTime();
-export var formatValue = function formatValue(intl, value) {
+export var defaultValueFormatter = function defaultValueFormatter(intl, value) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
     siblingsTimeMark = _ref.siblingsTimeMark,
     maxListSymbols = _ref.maxListSymbols,
     datesWithTime = _ref.datesWithTime;
   if (typeof value === 'number') {
     if (value >= guessNumberAsTimestampMinDate) {
-      return formatValue(intl, new Date(value), {
+      return defaultValueFormatter(intl, new Date(value), {
         siblingsTimeMark: siblingsTimeMark,
         maxListSymbols: maxListSymbols,
         datesWithTime: datesWithTime
@@ -72,7 +72,7 @@ export var formatValue = function formatValue(intl, value) {
   }
   if (Array.isArray(value)) {
     var formattedValues = value.map(function (subValue) {
-      return formatValue(intl, subValue, {
+      return defaultValueFormatter(intl, subValue, {
         siblingsTimeMark: siblingsTimeMark,
         maxListSymbols: maxListSymbols,
         datesWithTime: datesWithTime
@@ -99,7 +99,7 @@ var formatValuesList = function formatValuesList(values, _ref2) {
     var rawValue = _ref3.value,
       label = _ref3.label;
     if (rawValue === undefined) return label;
-    var value = formatValue(intl, rawValue, {
+    var value = defaultValueFormatter(intl, rawValue, {
       datesWithTime: datesWithTime,
       maxListSymbols: maxListSymbols
     });
@@ -130,19 +130,22 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
     maxListSymbols = _ref5.maxListSymbols,
     clustersLimit = _ref5.clustersLimit,
     valuesLimit = _ref5.valuesLimit,
-    groupsLimit = _ref5.groupsLimit;
+    groupsLimit = _ref5.groupsLimit,
+    titlesFormatter = _ref5.titlesFormatter,
+    valuesFormatter = _ref5.valuesFormatter;
   var locale = _ref6.locale,
     translations = _ref6.translations,
     availableLocales = _ref6.availableLocales;
   if (insights.length === 0) return null;
   var intl = getIntl(locale, translations, availableLocales);
   var dataRangeSummary = intl.formatList(dataRange.map(function (range) {
-    var from = formatValue(intl, range.from, {
+    var _valuesFormatter, _valuesFormatter2, _titlesFormatter;
+    var from = (_valuesFormatter = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(range.from, range.label)) !== null && _valuesFormatter !== void 0 ? _valuesFormatter : defaultValueFormatter(intl, range.from, {
       siblingsTimeMark: range.to,
       datesWithTime: datesWithTime,
       maxListSymbols: maxListSymbols
     });
-    var to = formatValue(intl, range.to, {
+    var to = (_valuesFormatter2 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(range.to, range.label)) !== null && _valuesFormatter2 !== void 0 ? _valuesFormatter2 : defaultValueFormatter(intl, range.to, {
       siblingsTimeMark: range.from,
       datesWithTime: datesWithTime,
       maxListSymbols: maxListSymbols
@@ -152,10 +155,11 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
     }, {
       from: from,
       to: to,
-      label: range.label
+      label: (_titlesFormatter = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(range.label)) !== null && _titlesFormatter !== void 0 ? _titlesFormatter : range.label
     });
   }));
   if (dataType === 'time-series') {
+    var _titlesFormatter3;
     var trendsInsights = insights;
     var trendsByDataKey = {};
     var _iterator = _createForOfIteratorHelper(trendsInsights),
@@ -178,7 +182,7 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
       count: entitiesCount
     });
     var entitiesList = Object.entries(trendsByDataKey).map(function (_ref7) {
-      var _primaryTrend$label;
+      var _primaryTrend$label, _titlesFormatter2, _valuesFormatter3, _valuesFormatter4;
       var _ref8 = _slicedToArray(_ref7, 2),
         dataKey = _ref8[0],
         insights = _ref8[1];
@@ -192,43 +196,45 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
       var secondaryTrends = insights.filter(function (insight) {
         return insight !== primaryTrend;
       });
+      var summaryDataKey = entitiesCount !== 1 ? (_primaryTrend$label = primaryTrend.label) !== null && _primaryTrend$label !== void 0 ? _primaryTrend$label : dataKey : '';
       var mainSummary = intl.formatMessage({
         id: 'time-series-general-trend'
       }, {
-        dataKey: entitiesCount !== 1 ? (_primaryTrend$label = primaryTrend.label) !== null && _primaryTrend$label !== void 0 ? _primaryTrend$label : dataKey : '',
+        dataKey: (_titlesFormatter2 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(summaryDataKey)) !== null && _titlesFormatter2 !== void 0 ? _titlesFormatter2 : summaryDataKey,
         trend: intl.formatMessage({
           id: "trend-".concat(primaryTrend.change.strength)
         }),
-        from: intl.formatNumber(primaryTrend.change.from),
-        to: intl.formatNumber(primaryTrend.change.to)
+        from: (_valuesFormatter3 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(primaryTrend.change.from, dataKey)) !== null && _valuesFormatter3 !== void 0 ? _valuesFormatter3 : intl.formatNumber(primaryTrend.change.from),
+        to: (_valuesFormatter4 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(primaryTrend.change.to, dataKey)) !== null && _valuesFormatter4 !== void 0 ? _valuesFormatter4 : intl.formatNumber(primaryTrend.change.to)
       });
-      var secondarylSummaries = secondaryTrends.map(function (trend) {
+      var secondarySummaries = secondaryTrends.map(function (trend) {
+        var _valuesFormatter5, _valuesFormatter6;
         return intl.formatMessage({
           id: 'time-series-local-trend'
         }, {
           trend: intl.formatMessage({
             id: "trend-".concat(trend.change.strength)
           }),
-          from: formatValue(intl, trend.from, {
+          from: (_valuesFormatter5 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(trend.from, trend.dataKey)) !== null && _valuesFormatter5 !== void 0 ? _valuesFormatter5 : defaultValueFormatter(intl, trend.from, {
             siblingsTimeMark: trend.to,
             datesWithTime: datesWithTime,
             maxListSymbols: maxListSymbols
           }),
-          to: formatValue(intl, trend.to, {
+          to: (_valuesFormatter6 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(trend.to, trend.dataKey)) !== null && _valuesFormatter6 !== void 0 ? _valuesFormatter6 : defaultValueFormatter(intl, trend.to, {
             siblingsTimeMark: trend.from,
             datesWithTime: datesWithTime,
             maxListSymbols: maxListSymbols
           })
         });
       });
-      if (secondarylSummaries.length === 0) {
+      if (secondarySummaries.length === 0) {
         return mainSummary;
       }
       return intl.formatMessage({
         id: 'time-series-detailed-trend'
       }, {
         general: mainSummary,
-        locals: formatLimitedSizeList(secondarylSummaries, intl, 400, false)
+        locals: formatLimitedSizeList(secondarySummaries, intl, 400, false)
       });
     });
     var summary = intl.formatMessage({
@@ -236,13 +242,14 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
     }, {
       entities: entities,
       entitiesList: intl.formatList(entitiesList),
-      label: dataTitle
+      label: (_titlesFormatter3 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter3 !== void 0 ? _titlesFormatter3 : dataTitle
     });
     if (dataRangeSummary.length > 0) {
       return "".concat(summary, "\n").concat(dataRangeSummary);
     }
     return summary;
   } else if (dataType === 'points-cloud') {
+    var _titlesFormatter7;
     var clustersInsights = insights;
     var biggestClusters = clustersInsights.slice(0, clustersLimit);
     var maxSize = clustersInsights[0].size;
@@ -260,7 +267,11 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
       minSize: minSize
     });
     var _entitiesList = biggestClusters.map(function (clusterInsight) {
-      var labels = formatLimitedSizeList(clusterInsight.labels, intl, maxListSymbols);
+      var _valuesFormatter7, _titlesFormatter5, _valuesFormatter8, _titlesFormatter6;
+      var labels = formatLimitedSizeList(clusterInsight.labels.map(function (label) {
+        var _titlesFormatter4;
+        return (_titlesFormatter4 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(label)) !== null && _titlesFormatter4 !== void 0 ? _titlesFormatter4 : label;
+      }), intl, maxListSymbols);
       var anonymous = clusterInsight.labels.length === 0 || labels === String(clusterInsight.size);
       return intl.formatMessage({
         id: anonymous ? 'entity-type-clusters-label-anonymous' : 'entity-type-clusters-label'
@@ -270,10 +281,10 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
         }),
         labels: labels,
         size: clusterInsight.size,
-        x: intl.formatNumber(clusterInsight.center.x),
-        xLabel: clusterInsight.center.xLabel,
-        y: intl.formatNumber(clusterInsight.center.y),
-        yLabel: clusterInsight.center.yLabel
+        x: (_valuesFormatter7 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(clusterInsight.center.x, clusterInsight.labels)) !== null && _valuesFormatter7 !== void 0 ? _valuesFormatter7 : intl.formatNumber(clusterInsight.center.x),
+        xLabel: (_titlesFormatter5 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(clusterInsight.center.xLabel)) !== null && _titlesFormatter5 !== void 0 ? _titlesFormatter5 : clusterInsight.center.xLabel,
+        y: (_valuesFormatter8 = valuesFormatter === null || valuesFormatter === void 0 ? void 0 : valuesFormatter(clusterInsight.center.y, clusterInsight.labels)) !== null && _valuesFormatter8 !== void 0 ? _valuesFormatter8 : intl.formatNumber(clusterInsight.center.y),
+        yLabel: (_titlesFormatter6 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(clusterInsight.center.yLabel)) !== null && _titlesFormatter6 !== void 0 ? _titlesFormatter6 : clusterInsight.center.yLabel
       });
     });
     if (insights.length > clustersLimit) {
@@ -288,13 +299,14 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
     }, {
       entities: _entities,
       entitiesList: intl.formatList(_entitiesList),
-      label: dataTitle
+      label: (_titlesFormatter7 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter7 !== void 0 ? _titlesFormatter7 : dataTitle
     });
     if (dataRangeSummary.length > 0) {
       return "".concat(_summary, "\n").concat(dataRangeSummary);
     }
     return _summary;
   } else if (dataType === 'values-set') {
+    var _titlesFormatter8;
     var _ref9 = insights,
       _ref10 = _slicedToArray(_ref9, 1),
       valuesInsight = _ref10[0];
@@ -314,9 +326,10 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
     }, {
       entities: _entities2,
       entitiesList: _entitiesList2,
-      label: dataTitle
+      label: (_titlesFormatter8 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter8 !== void 0 ? _titlesFormatter8 : dataTitle
     });
   } else if (dataType === 'grouped-values' || dataType === 'indexed-groups') {
+    var _titlesFormatter9;
     var groupInsights = insights;
     var valueCounts = groupInsights.map(function (group) {
       return group.values.length;
@@ -358,14 +371,14 @@ export var serialize = function serialize(_ref4, _ref5, _ref6) {
         leftCount: groupInsights.values.length - groupsLimit
       }));
     }
-    var sumamry = intl.formatMessage({
+    var _summary2 = intl.formatMessage({
       id: dataTitle ? 'chart-summary' : 'chart-summary-no-label'
     }, {
       entities: _entities3,
       entitiesList: intl.formatList(_entitiesList3),
-      label: dataTitle
+      label: (_titlesFormatter9 = titlesFormatter === null || titlesFormatter === void 0 ? void 0 : titlesFormatter(dataTitle)) !== null && _titlesFormatter9 !== void 0 ? _titlesFormatter9 : dataTitle
     });
-    return sumamry;
+    return _summary2;
   }
   return null;
 };