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

package/lib/cjs/a11y/DataAccessibilityTable.js

@@ -1,78 +1,51 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataAccessibilityTable = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _serialize = require("./serialize");
-var DataAccessibilityTable = exports.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["default"].useMemo(function () {
-    var _fromHints, _fromHints2, _fromHints3, _fromHints4, _fromHints5;
-    var fromHints = [];
-    (_fromHints = fromHints).push.apply(_fromHints, (0, _toConsumableArray2["default"])(hints.fields.verticalAxes));
-    (_fromHints2 = fromHints).push.apply(_fromHints2, (0, _toConsumableArray2["default"])(hints.fields.horizontalAxes));
-    (_fromHints3 = fromHints).push.apply(_fromHints3, (0, _toConsumableArray2["default"])(hints.fields.valueAxes));
-    (_fromHints4 = fromHints).push.apply(_fromHints4, (0, _toConsumableArray2["default"])(config.additionalFields));
-    (_fromHints5 = fromHints).push.apply(_fromHints5, (0, _toConsumableArray2["default"])(Object.keys(hints.fields.values)));
-    fromHints = (0, _toConsumableArray2["default"])(new Set(fromHints)).filter(function (key) {
-      return key in data[0];
-    });
+const DataAccessibilityTable = ({
+  id,
+  dataTableRef,
+  data,
+  hints,
+  config,
+  intl
+}) => {
+  const keys = _react.default.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, (0, _toConsumableArray2["default"])(Object.keys(row)));
-      });
+      data.forEach(row => fromHints.push(...Object.keys(row)));
     }
-    return (0, _toConsumableArray2["default"])(new Set(fromHints));
+    return [...new Set(fromHints)];
   }, [data, hints]);
-  var duplicatedBaseKeys = _react["default"].useMemo(function () {
-    var baseKeys = keys.filter(function (key) {
-      return !hints.titles.valuesAxes[key];
-    }).map(function (key) {
+  const duplicatedBaseKeys = _react.default.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 = (0, _createForOfIteratorHelper2["default"])(baseKeys),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _step$value = (0, _slicedToArray2["default"])(_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["default"].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.default.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]) {
@@ -81,35 +54,24 @@ var DataAccessibilityTable = exports.DataAccessibilityTable = function DataAcces
     }
     return dataKey;
   }, [data, hints, duplicatedBaseKeys, config]);
-  var formatValue = _react["default"].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 : (0, _serialize.defaultValueFormatter)(intl, value);
+  const formatValue = _react.default.useCallback((value, row) => {
+    return config.valuesFormatter?.(value, row) ?? (0, _serialize.defaultValueFormatter)(intl, value);
   }, [intl, config]);
-  return /*#__PURE__*/_react["default"].createElement("table", {
-    id: "".concat(id, "-data-table"),
+  return /*#__PURE__*/_react.default.createElement("table", {
+    id: `${id}-data-table`,
     tabIndex: 0,
     ref: dataTableRef
-  }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, keys.map(function (key, index) {
-    return /*#__PURE__*/_react["default"].createElement("th", {
-      key: "".concat(key, "-").concat(index)
-    }, renderTitle(key));
-  }))), /*#__PURE__*/_react["default"].createElement("tbody", null, data.map(function (row, index) {
-    var key = "".concat(Object.values(row).filter(function (item) {
-      return (0, _typeof2["default"])(item) !== 'symbol';
-    }).join('-'), "-").concat(index);
-    var cells = keys.map(function (key) {
-      return (0, _typeof2["default"])(row[key]) !== 'symbol' ? [key, row[key]] : [key, ''];
-    });
-    return /*#__PURE__*/_react["default"].createElement("tr", {
+  }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, keys.map((key, index) => /*#__PURE__*/_react.default.createElement("th", {
+    key: `${key}-${index}`
+  }, renderTitle(key))))), /*#__PURE__*/_react.default.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.default.createElement("tr", {
       key: key
-    }, cells.map(function (_ref2, index) {
-      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-        key = _ref3[0],
-        value = _ref3[1];
-      return /*#__PURE__*/_react["default"].createElement("td", {
-        key: "".concat(key, "-").concat(index)
-      }, formatValue(value, keys[index]));
-    }));
+    }, cells.map(([key, value], index) => /*#__PURE__*/_react.default.createElement("td", {
+      key: `${key}-${index}`
+    }, formatValue(value, keys[index]))));
   })));
 };
+exports.DataAccessibilityTable = DataAccessibilityTable;
 //# sourceMappingURL=DataAccessibilityTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataAccessibilityTable.js","names":["_react","_interopRequireDefault","require","_serialize","DataAccessibilityTable","exports","_ref","id","dataTableRef","data","hints","config","intl","keys","React","useMemo","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray2","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","_createForOfIteratorHelper2","_step","s","n","done","_step$value","_slicedToArray2","value","label","err","e","f","renderTitle","useCallback","dataKey","_config$titlesFormatt","formatted","titlesFormatter","call","formatValue","_config$valuesFormatt","_config$valuesFormatt2","valuesFormatter","defaultValueFormatter","createElement","concat","tabIndex","ref","index","item","_typeof2","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","_interopRequireDefault","require","_serialize","DataAccessibilityTable","id","dataTableRef","data","hints","config","intl","keys","React","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","defaultValueFormatter","default","createElement","tabIndex","ref","index","item","join","cells","exports"],"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/cjs/a11y/PlotA11yModule.js

@@ -1,135 +1,75 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlotA11yModule = PlotA11yModule;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
 var _WithI18n = require("@semcore/core/lib/utils/enhances/WithI18n");
-var _flexBox = require("@semcore/flex-box");
 var _react = _interopRequireDefault(require("react"));
 var _locale = require("./locale");
 var _intergalacticDynamicLocales = require("./translations/module/__intergalactic-dynamic-locales");
 /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_core.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__*/_core.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_"
 });
-var globalWasFocused = false;
-var globalNavWithKeyboard = false;
 function PlotA11yModule(props) {
   var _ref = arguments[0],
-    _ref5;
-  var SPlotA11yModule = _flexBox.Box;
-  var _React$useState = _react["default"].useState(globalWasFocused),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    wasFocused = _React$useState2[0],
-    setWasFocused = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(globalNavWithKeyboard),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    navWithKeyboard = _React$useState4[0],
-    setNavWithKeyboard = _React$useState4[1];
-  var _React$useState5 = _react["default"].useState(null),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    plotA11yView = _React$useState6[0],
-    setPlotA11yView = _React$useState6[1];
-  var hadnleHiddenElementsFocus = _react["default"].useCallback(function () {
-    setWasFocused(true);
-    setNavWithKeyboard(true);
-  }, []);
-  var _React$useState7 = _react["default"].useState(false),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-    loading = _React$useState8[0],
-    setLoading = _React$useState8[1];
-  var _React$useState9 = _react["default"].useState(null),
-    _React$useState0 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-    error = _React$useState0[0],
-    setError = _React$useState0[1];
-  var contextLocale = _react["default"].useContext(_WithI18n.Context);
-  var locale = _react["default"].useMemo(function () {
-    var _props$locale;
-    return (0, _locale.normalizeLocale)((_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : contextLocale, _intergalacticDynamicLocales.localizedMessages);
-  }, [props.locale]);
-  var t = (0, _WithI18n.useI18n)(_intergalacticDynamicLocales.localizedMessages, locale);
-  _react["default"].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["default"].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["default"].useEffect(function () {
-    if (!shouldDisplayView) return;
+    _ref3;
+  const SPlotA11yModule = _baseComponents.Box;
+  const [isOpened, setIsOpened] = _react.default.useState(false);
+  const [plotA11yView, setPlotA11yView] = _react.default.useState(null);
+  const srButtonRef = _react.default.useRef(null);
+  const [loading, setLoading] = _react.default.useState(false);
+  const [error, setError] = _react.default.useState(null);
+  const contextLocale = _react.default.useContext(_WithI18n.Context);
+  const locale = _react.default.useMemo(() => (0, _locale.normalizeLocale)(props.locale ?? contextLocale, _intergalacticDynamicLocales.localizedMessages), [props.locale]);
+  const t = (0, _WithI18n.useI18n)(_intergalacticDynamicLocales.localizedMessages, locale);
+  _react.default.useEffect(() => {
+    if (!isOpened) return;
     if (plotA11yView) return;
     if (loading) return;
     setLoading(true);
-    Promise.resolve().then(function () {
-      return (0, _interopRequireWildcard2["default"])(require('./PlotA11yView'));
-    }).then(function (_ref6) {
-      var PlotA11yView = _ref6.PlotA11yView;
+    Promise.resolve().then(() => (0, _interopRequireWildcard2.default)(require('./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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(plotA11yView.Component, (0, _extends2["default"])({}, props, {
+    return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(plotA11yView.Component, (0, _extends2.default)({}, props, {
+      onCloseHandler: () => {
+        setIsOpened(false);
+        setPlotA11yView(null);
+      },
+      triggerRef: srButtonRef,
       locale: locale
     }));
   }
-  if (error) {
-    var _ref3;
-    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-      "tabIndex": 0,
-      "aria-live": 'assertive'
-    }, _ref))), t('failed'));
-  }
-  if (loading) {
-    var _ref4;
-    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref4.cn("SPlotA11yModule", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-      "tabIndex": 0,
-      "aria-live": 'polite'
-    }, _ref))), t('loading'));
-  }
-  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref5.cn("SPlotA11yModule", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tabIndex": 0,
-    "onFocus": hadnleHiddenElementsFocus
-  }, _ref))), t('disabled'));
+  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", {
+    ...(0, _core.assignProps)({}, _ref)
+  }), /*#__PURE__*/_react.default.createElement("button", _ref3.cn("button", {
+    "ref": srButtonRef,
+    "onClick": () => setIsOpened(true),
+    "aria-label": t('PlotA11yModule.ScreenReaderOnlyButton.Label')
+  })), /*#__PURE__*/_react.default.createElement(_baseComponents.Box, _ref3.cn("Box", {
+    "role": 'status'
+  }), loading && t('loading'), error && t('failed')));
 }
 //# sourceMappingURL=PlotA11yModule.js.map

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","isOpened","setIsOpened","React","useState","plotA11yView","setPlotA11yView","srButtonRef","useRef","loading","setLoading","error","setError","contextLocale","useContext","I18nContext","locale","useMemo","normalizeLocale","localizedMessages","t","useI18n","useEffect","Promise","resolve","then","_interopRequireWildcard2","default","PlotA11yView","Component","catch","console","_ref2","createElement","_extends2","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":"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","ignoreList":[]}