@semcore/d3-chart 16.7.0-prerelease.3 → 16.7.0

package/lib/cjs/a11y/PlotA11yModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["_core","require","_WithI18n","_flexBox","_react","_interopRequireDefault","_locale","_intergalacticDynamicLocales","styles","sstyled","insert","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","_ref","arguments[0]","_ref5","SPlotA11yModule","Box","_React$useState","React","useState","_React$useState2","_slicedToArray2","wasFocused","setWasFocused","_React$useState3","_React$useState4","navWithKeyboard","setNavWithKeyboard","_React$useState5","_React$useState6","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","_React$useState7","_React$useState8","loading","setLoading","_React$useState9","_React$useState0","error","setError","contextLocale","useContext","I18nContext","locale","useMemo","_props$locale","normalizeLocale","localizedMessages","t","useI18n","useEffect","_props$plotRef$curren","focusListener","plotRef","current","addEventListener","_props$plotRef$curren2","removeEventListener","_document$body","keyboardListener","event","navigationKeys","includes","key","document","body","_document$body2","shouldDisplayView","Promise","resolve","then","_interopRequireWildcard2","_ref6","PlotA11yView","Component","console","_ref2","createElement","_extends2","_ref3","cn","_objectSpread2","assignProps","_ref4"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import { Root, sstyled } from '@semcore/core';\nimport { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport type { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\n\nlet globalWasFocused = false;\nlet globalNavWithKeyboard = false;\n\nexport type A11yViewProps = {\n  id: string;\n  data: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n\n  plotRef: React.RefObject<HTMLElement>;\n};\n\nexport function PlotA11yModule(props: A11yViewProps) {\n  const SPlotA11yModule = Root;\n  const [wasFocused, setWasFocused] = React.useState(globalWasFocused);\n  const [navWithKeyboard, setNavWithKeyboard] = React.useState(globalNavWithKeyboard);\n  const [plotA11yView, setPlotA11yView] = React.useState<{\n    Component: React.FC<A11yViewProps>;\n  } | null>(null);\n\n  const hadnleHiddenElementsFocus = React.useCallback(() => {\n    setWasFocused(true);\n    setNavWithKeyboard(true);\n  }, []);\n\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const contextLocale = React.useContext(I18nContext);\n  const locale = React.useMemo(\n    () => normalizeLocale(props.locale ?? contextLocale, localizedMessages),\n    [props.locale],\n  );\n  const t = useI18n(localizedMessages, locale!);\n\n  React.useEffect(() => {\n    if (wasFocused) return;\n    const focusListener = () => {\n      globalWasFocused = true;\n      setWasFocused(true);\n    };\n\n    props.plotRef.current?.addEventListener('focus', focusListener);\n    return () => props.plotRef.current?.removeEventListener('focus', focusListener);\n  }, [wasFocused, props.plotRef]);\n  React.useEffect(() => {\n    if (navWithKeyboard) return;\n    const keyboardListener = (event: Event) => {\n      const navigationKeys = [\n        'Tab',\n        'ArrowUp',\n        'ArrowLeft',\n        'ArrowDown',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowLeft',\n      ];\n      if ('key' in event && navigationKeys.includes((event as KeyboardEvent).key)) {\n        setNavWithKeyboard(true);\n        globalNavWithKeyboard = true;\n      }\n    };\n    document.body?.addEventListener('keydown', keyboardListener);\n    return () => document.body?.removeEventListener('keydown', keyboardListener);\n  }, [navWithKeyboard]);\n\n  const shouldDisplayView = wasFocused && navWithKeyboard;\n\n  React.useEffect(() => {\n    if (!shouldDisplayView) return;\n    if (plotA11yView) return;\n    if (loading) return;\n\n    setLoading(true);\n\n    import('./PlotA11yView')\n      .then(({ PlotA11yView }) => {\n        setPlotA11yView({ Component: PlotA11yView });\n        setLoading(false);\n        setError(null);\n      })\n      .catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error(error);\n        setError(error);\n      });\n  }, [plotA11yView, shouldDisplayView, loading, setLoading]);\n\n  if (plotA11yView) {\n    return sstyled(styles)(\n      <plotA11yView.Component {...props} locale={locale!} />,\n    ) as React.ReactElement;\n  }\n\n  if (error) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={Box} tabIndex={0} aria-live='assertive'>\n        {t('failed')}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n  if (loading) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={Box} tabIndex={0} aria-live='polite'>\n        {t('loading')}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={Box} tabIndex={0} onFocus={hadnleHiddenElementsFocus}>\n      {t('disabled')}\n    </SPlotA11yModule>,\n  ) as React.ReactElement;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PlotA11yModule.js","names":["_core","require","_baseComponents","_WithI18n","_react","_interopRequireDefault","_locale","_intergalacticDynamicLocales","styles","sstyled","insert","PlotA11yModule","props","_ref","arguments[0]","_ref3","SPlotA11yModule","Box","_React$useState","React","useState","_React$useState2","_slicedToArray2","isOpened","setIsOpened","_React$useState3","_React$useState4","plotA11yView","setPlotA11yView","srButtonRef","useRef","_React$useState5","_React$useState6","loading","setLoading","_React$useState7","_React$useState8","error","setError","contextLocale","useContext","I18nContext","locale","useMemo","_props$locale","normalizeLocale","localizedMessages","t","useI18n","useEffect","Promise","resolve","then","_interopRequireWildcard2","_ref4","PlotA11yView","Component","console","_ref2","createElement","_extends2","onCloseHandler","triggerRef","cn","_objectSpread2","assignProps","onClick"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Root, sstyled } from '@semcore/core';\nimport { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';\nimport React from 'react';\n\nimport { normalizeLocale } from './locale';\nimport type { A11yViewProps } from './PlotA11yView';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\n\ntype A11yModuleProps = Omit<A11yViewProps, 'onBlurHandler' | 'triggerRef'>;\n\nexport function PlotA11yModule(props: A11yModuleProps) {\n  const SPlotA11yModule = Root;\n  const [isOpened, setIsOpened] = React.useState(false);\n  const [plotA11yView, setPlotA11yView] = React.useState<{\n    Component: React.FC<A11yViewProps>;\n  } | null>(null);\n  const srButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const contextLocale = React.useContext(I18nContext);\n  const locale = React.useMemo(\n    () => normalizeLocale(props.locale ?? contextLocale, localizedMessages),\n    [props.locale],\n  );\n  const t = useI18n(localizedMessages, locale!);\n\n  React.useEffect(() => {\n    if (!isOpened) return;\n    if (plotA11yView) return;\n    if (loading) return;\n\n    setLoading(true);\n\n    import('./PlotA11yView')\n      .then(({ PlotA11yView }) => {\n        setPlotA11yView({ Component: PlotA11yView });\n        setLoading(false);\n        setError(null);\n      })\n      .catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error(error);\n        setError(error);\n        setLoading(false);\n      });\n  }, [plotA11yView, isOpened, loading, setLoading]);\n\n  if (plotA11yView) {\n    return sstyled(styles)(\n      <plotA11yView.Component\n        {...props}\n        onCloseHandler={() => {\n          setIsOpened(false);\n          setPlotA11yView(null);\n        }}\n        triggerRef={srButtonRef}\n        locale={locale!}\n      />,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={Box}>\n      <button\n        ref={srButtonRef}\n        onClick={() => setIsOpened(true)}\n        aria-label={t('PlotA11yModule.ScreenReaderOnlyButton.Label')}\n      />\n      <Box role='status'>\n        {loading && t('loading')}\n        {error && t('failed')}\n      </Box>\n    </SPlotA11yModule>,\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/a11y/PlotA11yView.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PlotA11yView = void 0;
+exports.PlotA11yView = PlotA11yView;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _i18nEnhance = require("@semcore/core/lib/utils/enhances/i18nEnhance");
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _DataAccessibilityTable = require("./DataAccessibilityTable");
 var _focus = require("./focus");
@@ -18,22 +18,24 @@ var _intl = require("./intl");
 var _summarize = require("./summarize");
 var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_1ms8l_gg_{-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;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);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1ms8l_gg_{border:3px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1ms8l_gg_{border:3px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SPlotA11yView_1ms8l_gg_:focus,.___SPlotA11yView_1ms8l_gg_:focus-within{-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_1ms8l_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1ms8l_gg_ table,.___SPlotA11yView_1ms8l_gg_ td,.___SPlotA11yView_1ms8l_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@supports (color:color(display-p3 0 0 0%)){.___SPlotA11yView_1ms8l_gg_ table,.___SPlotA11yView_1ms8l_gg_ td,.___SPlotA11yView_1ms8l_gg_ th{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SPlotA11yView_1ms8l_gg_ table,.___SPlotA11yView_1ms8l_gg_ td,.___SPlotA11yView_1ms8l_gg_ th{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}", /*__inner_css_end__*/"1ms8l_gg_"),
+var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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__*/"1adlx_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yView": "___SPlotA11yView_1ms8l_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_1adlx_gg_"
 });
-var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
+function PlotA11yView(_ref3) {
   var _ref = arguments[0],
     _ref2;
   var id = _ref3.id,
-    providedData = _ref3.data,
+    providedData = _ref3.payload,
     hints = _ref3.hints,
     plotLabel = _ref3.plotLabel,
+    triggerRef = _ref3.triggerRef,
     plotRef = _ref3.plotRef,
     providedConfig = _ref3.config,
-    locale = _ref3.locale;
-  var SPlotA11yView = _flexBox.Box;
+    locale = _ref3.locale,
+    onCloseHandler = _ref3.onCloseHandler;
+  var SPlotA11yView = _baseComponents.Box;
   var translations = (0, _i18nEnhance.useAsyncI18nMessages)(_intergalacticDynamicLocales.localizedMessages, locale);
   var intl = _react["default"].useMemo(function () {
     return (0, _intl.getIntl)(locale, translations, _intergalacticDynamicLocales.localizedMessages);
@@ -44,6 +46,7 @@ var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
   var data = _react["default"].useMemo(function () {
     return Array.isArray(providedData) ? providedData : [providedData];
   }, [providedData]);
+  var rootRef = _react["default"].useRef(null);
   var _React$useState = _react["default"].useState(null),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     summary = _React$useState2[0],
@@ -52,6 +55,24 @@ var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
     _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
     generatingSummary = _React$useState4[0],
     setGeneratingSummary = _React$useState4[1];
+  _react["default"].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["default"].useEffect(function () {
     if (config.disable) {
       setSummary('');
@@ -69,14 +90,18 @@ var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
     }, 0);
   }, [providedData, hints, config, locale, translations, _intergalacticDynamicLocales.localizedMessages]);
   var handleClose = _react["default"].useCallback(function () {
-    var _plotRef$current;
-    (_plotRef$current = plotRef.current) === null || _plotRef$current === 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["default"].useCallback(function (event) {
     var _heavyFindNextFocusab;
     event.preventDefault();
     if (!plotRef.current) return;
     (_heavyFindNextFocusab = (0, _focus.heavyFindNextFocusableElement)(plotRef.current)) === null || _heavyFindNextFocusab === void 0 || _heavyFindNextFocusab.focus();
+    onCloseHandler();
   }, []);
   var handleSkipKeyboard = _react["default"].useCallback(function (event) {
     if (!(event.key === 'Enter' || event.key === ' ')) return;
@@ -125,7 +150,8 @@ var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
     "tabIndex": 0,
     "aria-label": texts.label,
     "role": 'dialog',
-    "__excludeProps": ['data']
+    "__excludeProps": ['data'],
+    "ref": rootRef
   }, _ref))), /*#__PURE__*/_react["default"].createElement("button", _ref2.cn("button", {
     "type": 'button',
     "onClick": handleClose
@@ -152,5 +178,6 @@ var PlotA11yView = exports.PlotA11yView = function PlotA11yView(_ref3) {
     "config": config,
     "intl": intl
   })));
-};
+}
+;
 //# sourceMappingURL=PlotA11yView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yView.js","names":["_core","require","_i18nEnhance","_flexBox","_react","_interopRequireDefault","_DataAccessibilityTable","_focus","_hints","_intl","_summarize","_intergalacticDynamicLocales","styles","sstyled","insert","PlotA11yView","exports","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleClose","useCallback","_plotRef$current","current","focus","handleSkip","event","_heavyFindNextFocusab","preventDefault","heavyFindNextFocusableElement","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread2","assignProps","concat","DataAccessibilityTable"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import { Root, sstyled } from '@semcore/core';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport { getIntl } from './intl';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { summarize } from './summarize';\nimport styles from '../style/plotA11yView.shadow.css';\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\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 handleClose = React.useCallback(() => {\n    plotRef.current?.focus();\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\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      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\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\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role='dialog'\n      __excludeProps={['data']}\n    >\n      <button type='button' onClick={handleClose}>\n        {texts.close}\n      </button>\n      <a href='#' onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a href={`#${id}-data-table`} 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}>\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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","ignoreList":[]}
+{"version":3,"file":"PlotA11yView.js","names":["_core","require","_baseComponents","_i18nEnhance","_react","_interopRequireDefault","_DataAccessibilityTable","_focus","_hints","_intl","_summarize","_intergalacticDynamicLocales","styles","sstyled","insert","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","payload","hints","plotLabel","triggerRef","plotRef","providedConfig","config","locale","onCloseHandler","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","data","Array","isArray","rootRef","useRef","_React$useState","useState","_React$useState2","_slicedToArray2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","_rootRef$current","_rootRef$current3","current","focus","focusOutHandler","event","_rootRef$current2","relatedTarget","requestIdleCallback","HTMLElement","contains","addEventListener","_rootRef$current4","removeEventListener","disable","override","setTimeout","summarize","handleClose","useCallback","_triggerRef$current","handleSkip","_heavyFindNextFocusab","preventDefault","heavyFindNextFocusableElement","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","createElement","cn","_objectSpread2","assignProps","concat","DataAccessibilityTable"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Root, sstyled } from '@semcore/core';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport React from 'react';\n\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport type A11yViewProps = {\n  id: string;\n  payload: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n\n  plotRef: React.RefObject<HTMLElement>;\n  triggerRef: React.RefObject<HTMLElement>;\n  onCloseHandler: () => void;\n};\n\nexport function PlotA11yView({\n  id,\n  payload: providedData,\n  hints,\n  plotLabel,\n  triggerRef,\n  plotRef,\n  config: providedConfig,\n  locale,\n  onCloseHandler,\n}: A11yViewProps) {\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 rootRef = React.useRef<HTMLDivElement>(null);\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    rootRef.current?.focus();\n\n    function focusOutHandler(event: FocusEvent) {\n      if (event.relatedTarget === null) {\n        return requestIdleCallback(onCloseHandler);\n      }\n\n      if (!(event.relatedTarget instanceof HTMLElement)) return;\n\n      if (rootRef.current?.contains(event.relatedTarget)) return;\n\n      requestIdleCallback(onCloseHandler);\n    }\n\n    rootRef.current?.addEventListener('focusout', focusOutHandler);\n    return () => rootRef.current?.removeEventListener('focusout', focusOutHandler);\n  }, []);\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 handleClose = React.useCallback(() => {\n    onCloseHandler();\n\n    requestIdleCallback(() => {\n      triggerRef.current?.focus();\n    });\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n\n    onCloseHandler();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\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\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role='dialog'\n      __excludeProps={['data']}\n      ref={rootRef}\n    >\n      <button type='button' onClick={handleClose}>\n        {texts.close}\n      </button>\n      <a href='#' onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a href={`#${id}-data-table`} 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}>\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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","ignoreList":[]}

package/lib/cjs/a11y/translations/module/de.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Drücken Sie die Tabulatortaste, um das Zugriffsmodul für grafische Diagramme zu aktivieren.",
   "loading": "Lade Zugriffsmodul.",
-  "failed": "Zugriffsmodul konnte nicht geladen werden. Kontaktieren Sie den Support und helfen Sie uns, das Problem schneller zu beheben."
+  "failed": "Zugriffsmodul konnte nicht geladen werden. Kontaktieren Sie den Support und helfen Sie uns, das Problem schneller zu beheben.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Zusammenfassung der Daten öffnen"
 }

package/lib/cjs/a11y/translations/module/en.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Press \"Tab\" to enable graphical charts accessibility module.",
   "loading": "Loading accessibility module.",
-  "failed": "Failed to load accessibility module. Contact service user support to help us resolve issue faster."
+  "failed": "Failed to load accessibility module. Contact service user support to help us resolve issue faster.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Open data summary"
 }

package/lib/cjs/a11y/translations/module/es.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Pulse \"Tab\" para activar el módulo de accesibilidad a los gráficos.",
   "loading": "Cargando módulo de accesibilidad.",
-  "failed": "No se ha podido cargar el módulo de accesibilidad. Contacta con el servicio de asistencia al usuario para ayudarnos a resolver el problema rápidamente."
+  "failed": "No se ha podido cargar el módulo de accesibilidad. Contacta con el servicio de asistencia al usuario para ayudarnos a resolver el problema rápidamente.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Abrir resumen de datos"
 }

package/lib/cjs/a11y/translations/module/fr.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Appuyez sur « Onglet » pour activer le module d’accessibilité aux diagrammes.",
   "loading": "Chargement du module d’accessibilité en cours.",
-  "failed": "Impossible de charger le module d’accessibilité. Contactez le service d’assistance aux utilisateurs pour nous permettre de résoudre le problème plus rapidement."
+  "failed": "Impossible de charger le module d’accessibilité. Contactez le service d’assistance aux utilisateurs pour nous permettre de résoudre le problème plus rapidement.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Ouvrir le récapitulatif des données"
 }

package/lib/cjs/a11y/translations/module/it.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Premi \"Tab\" per abilitare il modulo di accessibilità dei dati per i grafici.",
   "loading": "Caricamento del modulo di accessibilità in corso.",
-  "failed": "Caricamento del modulo di accessibilità non riuscito. Contatta il servizio di assistenza utenti per risolvere il problema più in fretta."
+  "failed": "Caricamento del modulo di accessibilità non riuscito. Contatta il servizio di assistenza utenti per risolvere il problema più in fretta.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Aprire il riepilogo dei dati"
 }

package/lib/cjs/a11y/translations/module/ja.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "アクセシビリティモジュールのグラフィカルチャートを有効化するには「Tab」キーを押してください。",
   "loading": "アクセシビリティモジュールのロード中。",
-  "failed": "アクセシビリティモジュールの読み込みに失敗しました。サービスユーザーサポートに連絡し、問題を迅速に解決します。"
+  "failed": "アクセシビリティモジュールの読み込みに失敗しました。サービスユーザーサポートに連絡し、問題を迅速に解決します。",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "データサマリーを開く"
 }

package/lib/cjs/a11y/translations/module/ko.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "'탭'을 누르면 그래픽 차트 접근성 모듈이 활성화됩니다.",
   "loading": "접근성 모듈 로딩 중.",
-  "failed": "접근성 모듈을 불러오지 못했습니다. 사용자 지원 서비스 팀에 문의하시면 문제를 더 빨리 해결하실 수 있습니다."
+  "failed": "접근성 모듈을 불러오지 못했습니다. 사용자 지원 서비스 팀에 문의하시면 문제를 더 빨리 해결하실 수 있습니다.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "데이터 요약 열기"
 }

package/lib/cjs/a11y/translations/module/nl.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Druk op Tab om de toegankelijkheidsmodule voor grafieken in te schakelen.",
   "loading": "De toegankelijkheidsmodule wordt geladen.",
-  "failed": "De toegankelijkheidsmodule kan niet worden geladen. Neem contact op met ons supportteam zodat we het probleem sneller kunnen oplossen."
+  "failed": "De toegankelijkheidsmodule kan niet worden geladen. Neem contact op met ons supportteam zodat we het probleem sneller kunnen oplossen.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Open samenvatting gegevens"
 }

package/lib/cjs/a11y/translations/module/pl.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Naciśnij Tab, aby włączyć moduł dostępności wykresów graficznych.",
   "loading": "Ładowanie modułu dostępności.",
-  "failed": "Nie udało się załadować modułu dostępności. Skontaktuj się ze wsparciem użytkowników, aby pomóc nam w szybszym rozwiązaniu problemu."
+  "failed": "Nie udało się załadować modułu dostępności. Skontaktuj się ze wsparciem użytkowników, aby pomóc nam w szybszym rozwiązaniu problemu.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Otwórz podsumowanie danych"
 }

package/lib/cjs/a11y/translations/module/pt.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Pressione \"Tab\" para habilitar o módulo de acessibilidade a gráficos.",
   "loading": "Carregando módulo de acessibilidade.",
-  "failed": "Falha ao carregar o módulo de acessibilidade. Entre em contato com o suporte ao usuário do serviço para nos ajudar a resolver o problema com mais rapidez."
+  "failed": "Falha ao carregar o módulo de acessibilidade. Entre em contato com o suporte ao usuário do serviço para nos ajudar a resolver o problema com mais rapidez.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Abrir resumo dos dados"
 }

package/lib/cjs/a11y/translations/module/sv.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Tryck på \"Flik\" för att aktivera åtkomstmodulen för grafiska diagram.",
   "loading": "Laddar åtkomstmodul.",
-  "failed": "Det gick inte att ladda åtkomstmodulen. Kontakta supporten för att hjälpa oss att lösa problemet snabbare."
+  "failed": "Det gick inte att ladda åtkomstmodulen. Kontakta supporten för att hjälpa oss att lösa problemet snabbare.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Öppna sammanfattning av data"
 }

package/lib/cjs/a11y/translations/module/tr.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Grafik çizelgeleri erişilebilirlik modülünü etkinleştirmek için \"Sekme\" tuşuna basın.",
   "loading": "Erişilebilirlik modülü yükleniyor.",
-  "failed": "Erişilebilirlik modülü yüklenemedi. Sorunu daha hızlı çözmemize yardımcı olmak için kullanıcı destek hizmeti ile iletişime geçin."
+  "failed": "Erişilebilirlik modülü yüklenemedi. Sorunu daha hızlı çözmemize yardımcı olmak için kullanıcı destek hizmeti ile iletişime geçin.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Veri özetini aç"
 }

package/lib/cjs/a11y/translations/module/vi.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "Nhấn \"Tab\" để bật mô-đun trợ năng biểu đồ đồ họa.",
   "loading": "Đang tải mô-đun trợ năng.",
-  "failed": "Không tải được mô-đun trợ năng. Liên hệ với bộ phận hỗ trợ người dùng dịch vụ để giúp chúng tôi giải quyết vấn đề nhanh hơn."
+  "failed": "Không tải được mô-đun trợ năng. Liên hệ với bộ phận hỗ trợ người dùng dịch vụ để giúp chúng tôi giải quyết vấn đề nhanh hơn.",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "Mở tóm tắt dữ liệu"
 }

package/lib/cjs/a11y/translations/module/zh.json

@@ -1,5 +1,5 @@
 {
-  "disabled": "按“Tab”启用图形图表访问模块。",
   "loading": "加载访问模块。",
-  "failed": "无法加载访问模块。联系服务用户支持，以帮助我们更快地解决问题。"
+  "failed": "无法加载访问模块。联系服务用户支持，以帮助我们更快地解决问题。",
+  "PlotA11yModule.ScreenReaderOnlyButton.Label": "打开数据摘要"
 }

package/lib/cjs/component/Chart/AbstractChart.js

@@ -16,9 +16,9 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _ariaProps = require("@semcore/core/lib/utils/ariaProps");
 var _assignProps3 = require("@semcore/core/lib/utils/assignProps");
-var _flexBox = require("@semcore/flex-box");
 var _typography = require("@semcore/typography");
 var _react = _interopRequireWildcard(require("react"));
 var _ = require("../..");
@@ -28,12 +28,12 @@ var _ChartLegend = _interopRequireWildcard(require("../ChartLegend"));
 // @ts-ignore
 // @ts-ignore
 /*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_1r5yi_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_1r5yi_gg_._columnsCount_2_1r5yi_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_1r5yi_gg_._columnsCount_3_1r5yi_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"1r5yi_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_q3xi3_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_q3xi3_gg_._columnsCount_2_q3xi3_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_q3xi3_gg_._columnsCount_3_q3xi3_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"q3xi3_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_1r5yi_gg_",
-  "_columnsCount_2": "_columnsCount_2_1r5yi_gg_",
-  "_columnsCount_3": "_columnsCount_3_1r5yi_gg_"
+  "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_q3xi3_gg_",
+  "_columnsCount_2": "_columnsCount_2_q3xi3_gg_",
+  "_columnsCount_3": "_columnsCount_3_q3xi3_gg_"
 });
 var NOT_A_VALUE = exports.NOT_A_VALUE = 'n/a';
 var AbstractChart = exports.AbstractChart = /*#__PURE__*/function (_Component) {
@@ -446,7 +446,7 @@ var AbstractChart = exports.AbstractChart = /*#__PURE__*/function (_Component) {
         _ref3,
         _dataItem,
         _this3 = this;
-      var STooltipChildrenWrapper = _flexBox.Box;
+      var STooltipChildrenWrapper = _baseComponents.Box;
       var Tooltip = options.Tooltip,
         dataItem = options.dataItem;
       var _this$asProps7 = this.asProps,
@@ -454,7 +454,7 @@ var AbstractChart = exports.AbstractChart = /*#__PURE__*/function (_Component) {
         groupKey = _this$asProps7.groupKey;
       var dataDefinitions = this.state.dataDefinitions;
       var title = (_dataItem = dataItem[groupKey]) === null || _dataItem === void 0 ? void 0 : _dataItem.toString();
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref3.cn("Flex", {
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_baseComponents.Flex, _ref3.cn("Flex", {
         "direction": 'column'
       }), title && /*#__PURE__*/_react["default"].createElement(Tooltip.Title, null, title), /*#__PURE__*/_react["default"].createElement(STooltipChildrenWrapper, _ref3.cn("STooltipChildrenWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "columnsCount": '2',
@@ -479,7 +479,7 @@ var AbstractChart = exports.AbstractChart = /*#__PURE__*/function (_Component) {
         return null;
       }
       var total = this.totalValue(dataItem);
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, {
         mt: 2,
         mr: 2
       }, "Total"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
@@ -493,7 +493,7 @@ var AbstractChart = exports.AbstractChart = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref2 = this.asProps,
         _ref4;
-      var SChart = _flexBox.Flex;
+      var SChart = _baseComponents.Flex;
       var _this$asProps8 = this.asProps,
         styles = _this$asProps8.styles,
         plotWidth = _this$asProps8.plotWidth,