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

package/lib/es6/a11y/DataAccessibilityTable.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"DataAccessibilityTable.js","names":["React","defaultValueFormatter","DataAccessibilityTable","_ref","id","dataTableRef","data","hints","config","intl","keys","useMemo","_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","_config$titlesFormatt","formatted","titlesFormatter","call","formatValue","_config$valuesFormatt","_config$valuesFormatt2","valuesFormatter","createElement","concat","tabIndex","ref","index","item","_typeof","join","cells","_ref2","_ref3"],"sources":["../../../src/a11y/DataAccessibilityTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DataStructureHints, DataSummarizationConfig } from './hints';\nimport type { Intl } from './intl';\nimport { defaultValueFormatter } from './serialize';\n\nexport const DataAccessibilityTable: React.FC<{\n  id: string;\n  dataTableRef: React.RefObject<HTMLTableElement>;\n  data: Record<string | number, unknown>[];\n  hints: DataStructureHints;\n  config: DataSummarizationConfig;\n  intl: Intl;\n}> = ({ id, dataTableRef, data, hints, config, intl }) => {\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      const formatted = config.titlesFormatter?.(dataKey);\n      if (formatted !== undefined) return formatted;\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, config],\n  );\n  const formatValue = React.useCallback(\n    (value: unknown, row: string) => {\n      return config.valuesFormatter?.(value, row) ?? defaultValueFormatter(intl, value);\n    },\n    [intl, config],\n  );\n\n  return (\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          const key = `${Object.values(row)\n            .filter((item) => typeof item !== 'symbol')\n            .join('-')}-${index}`;\n          const cells = keys.map((key) =>\n            typeof row[key] !== 'symbol' ? [key, row[key]] : [key, ''],\n          );\n\n          return (\n            <tr key={key}>\n              {cells.map(([key, value], index) => (\n                <td key={`${key}-${index}`}>{formatValue(value, keys[index] as string)}</td>\n              ))}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataAccessibilityTable.js","names":["React","defaultValueFormatter","DataAccessibilityTable","id","dataTableRef","data","hints","config","intl","keys","useMemo","fromHints","push","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","label","renderTitle","useCallback","dataKey","formatted","titlesFormatter","formatValue","value","valuesFormatter","createElement","tabIndex","ref","index","item","join","cells"],"sources":["../../../src/a11y/DataAccessibilityTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DataStructureHints, DataSummarizationConfig } from './hints';\nimport type { Intl } from './intl';\nimport { defaultValueFormatter } from './serialize';\n\nexport const DataAccessibilityTable: React.FC<{\n  id: string;\n  dataTableRef: React.RefObject<HTMLTableElement>;\n  data: Record<string | number, unknown>[];\n  hints: DataStructureHints;\n  config: DataSummarizationConfig;\n  intl: Intl;\n}> = ({ id, dataTableRef, data, hints, config, intl }) => {\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      const formatted = config.titlesFormatter?.(dataKey);\n      if (formatted !== undefined) return formatted;\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, config],\n  );\n  const formatValue = React.useCallback(\n    (value: unknown, row: string) => {\n      return config.valuesFormatter?.(value, row) ?? defaultValueFormatter(intl, value);\n    },\n    [intl, config],\n  );\n\n  return (\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          const key = `${Object.values(row)\n            .filter((item) => typeof item !== 'symbol')\n            .join('-')}-${index}`;\n          const cells = keys.map((key) =>\n            typeof row[key] !== 'symbol' ? [key, row[key]] : [key, ''],\n          );\n\n          return (\n            <tr key={key}>\n              {cells.map(([key, value], index) => (\n                <td key={`${key}-${index}`}>{formatValue(value, keys[index] as string)}</td>\n              ))}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/a11y/PlotA11yModule.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["Root","sstyled","Context","I18nContext","useI18n","Box","React","normalizeLocale","styles","_sstyled","insert","localizedMessages","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","_ref","arguments[0]","_ref5","SPlotA11yModule","_React$useState","useState","_React$useState2","_slicedToArray","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","locale","useMemo","_props$locale","t","useEffect","_props$plotRef$curren","focusListener","plotRef","current","addEventListener","_props$plotRef$curren2","removeEventListener","_document$body","keyboardListener","event","navigationKeys","includes","key","document","body","_document$body2","shouldDisplayView","then","_ref6","PlotA11yView","Component","console","_ref2","createElement","_extends","_ref3","cn","_objectSpread","_assignProps","_ref4","_assignProps2","_assignProps3"],"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":["Box","Root","sstyled","Context","I18nContext","useI18n","React","normalizeLocale","styles","_sstyled","insert","localizedMessages","PlotA11yModule","props","_ref","arguments[0]","_ref3","SPlotA11yModule","isOpened","setIsOpened","useState","plotA11yView","setPlotA11yView","srButtonRef","useRef","loading","setLoading","error","setError","contextLocale","useContext","locale","useMemo","t","useEffect","then","PlotA11yView","Component","catch","console","_ref2","createElement","_extends","onCloseHandler","triggerRef","cn","_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":";;;AAAA,SAASA,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC7C,SAASC,OAAO,IAAIC,WAAW,EAAEC,OAAO,QAAQ,2CAA2C;AAC3F,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,UAAU;AAAC;AAAA,MAAAC,MAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;AAAA;AAG3C,SAASC,iBAAiB,QAAQ,uDAAuD;AAIzF,OAAO,SAASC,cAAcA,CAACC,KAAsB,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACrD,MAAMC,eAAe,GAqDMjB,GAAG;EApD9B,MAAM,CAACkB,QAAQ,EAAEC,WAAW,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGhB,KAAK,CAACc,QAAQ,CAE5C,IAAI,CAAC;EACf,MAAMG,WAAW,GAAGjB,KAAK,CAACkB,MAAM,CAAoB,IAAI,CAAC;EAEzD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGpB,KAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM,CAACO,KAAK,EAAEC,QAAQ,CAAC,GAAGtB,KAAK,CAACc,QAAQ,CAAe,IAAI,CAAC;EAE5D,MAAMS,aAAa,GAAGvB,KAAK,CAACwB,UAAU,CAAC1B,WAAW,CAAC;EACnD,MAAM2B,MAAM,GAAGzB,KAAK,CAAC0B,OAAO,CAC1B,MAAMzB,eAAe,CAACM,KAAK,CAACkB,MAAM,IAAIF,aAAa,EAAElB,iBAAiB,CAAC,EACvE,CAACE,KAAK,CAACkB,MAAM,CACf,CAAC;EACD,MAAME,CAAC,GAAG5B,OAAO,CAACM,iBAAiB,EAAEoB,MAAO,CAAC;EAE7CzB,KAAK,CAAC4B,SAAS,CAAC,MAAM;IACpB,IAAI,CAAChB,QAAQ,EAAE;IACf,IAAIG,YAAY,EAAE;IAClB,IAAII,OAAO,EAAE;IAEbC,UAAU,CAAC,IAAI,CAAC;IAEhB,MAAM,CAAC,gBAAgB,CAAC,CACrBS,IAAI,CAAC,CAAC;MAAEC;IAAa,CAAC,KAAK;MAC1Bd,eAAe,CAAC;QAAEe,SAAS,EAAED;MAAa,CAAC,CAAC;MAC5CV,UAAU,CAAC,KAAK,CAAC;MACjBE,QAAQ,CAAC,IAAI,CAAC;IAChB,CAAC,CAAC,CACDU,KAAK,CAAEX,KAAK,IAAK;MAChB;MACAY,OAAO,CAACZ,KAAK,CAACA,KAAK,CAAC;MACpBC,QAAQ,CAACD,KAAK,CAAC;MACfD,UAAU,CAAC,KAAK,CAAC;IACnB,CAAC,CAAC;EACN,CAAC,EAAE,CAACL,YAAY,EAAEH,QAAQ,EAAEO,OAAO,EAAEC,UAAU,CAAC,CAAC;EAEjD,IAAIL,YAAY,EAAE;IAAA,IAAAmB,KAAA;IAChB,OAAAA,KAAA,GAAOtC,OAAO,CAACM,MAAM,CAAC,eACpBF,KAAA,CAAAmC,aAAA,CAACpB,YAAY,CAACgB,SAAS,EAAAK,QAAA,KACjB7B,KAAK;MACT8B,cAAc,EAAEA,CAAA,KAAM;QACpBxB,WAAW,CAAC,KAAK,CAAC;QAClBG,eAAe,CAAC,IAAI,CAAC;MACvB,CAAE;MACFsB,UAAU,EAAErB,WAAY;MACxBQ,MAAM,EAAEA;IAAQ,EACjB,CAAC;EAEN;EAEA,OAAAf,KAAA,GAAOd,OAAO,CAACM,MAAM,CAAC,eACpBF,KAAA,CAAAmC,aAAA,CAACxB,eAAe,EAAAD,KAAA,CAAA6B,EAAA;IAAA,GAAAC,YAAA,KAAAhC,IAAA;EAAA,iBACdR,KAAA,CAAAmC,aAAA,WAAAzB,KAAA,CAAA6B,EAAA;IAAA,OACOtB,WAAW;IAAA,WACPwB,CAAA,KAAM5B,WAAW,CAAC,IAAI,CAAC;IAAA,cACpBc,CAAC,CAAC,6CAA6C;EAAC,EAC7D,CAAC,eACF3B,KAAA,CAAAmC,aAAA,CAACzC,GAAG,EAAAgB,KAAA,CAAA6B,EAAA;IAAA,QAAM;EAAQ,IACfpB,OAAO,IAAIQ,CAAC,CAAC,SAAS,CAAC,EACvBN,KAAK,IAAIM,CAAC,CAAC,QAAQ,CACjB,CACU,CAAC;AAEtB","ignoreList":[]}