@semcore/d3-chart 2.2.4 → 2.3.0-1

package/lib/cjs/a11y/PlotA11yModule.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlotA11yModule = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _core = require("@semcore/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _locale = require("./locale");
+
+var _translations = require("./translations/module/translations");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
+var styles = (
+/*__reshadow_css_start__*/
+_core.sstyled.insert(
+/*__inner_css_start__*/
+".___SPlotA11yModule_1c5bq_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1c5bq_gg_:focus{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1}"
+/*__inner_css_end__*/
+, "1c5bq_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1c5bq_gg_"
+});
+var globalWasFocused = false;
+var globalNavWithKeyboard = false;
+
+var PlotA11yModule = function PlotA11yModule(props) {
+  var _ref = arguments[0],
+      _ref5;
+
+  var SPlotA11yModule = 'div';
+
+  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$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+      error = _React$useState10[0],
+      setError = _React$useState10[1];
+
+  var locale = _react["default"].useMemo(function () {
+    return (0, _locale.normalizeLocale)(props.locale, _translations.translations);
+  }, [props.locale]);
+
+  var texts = _react["default"].useMemo(function () {
+    return locale ? _translations.translations[locale] : {};
+  }, [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 ? 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 ? 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;
+    if (plotA11yView) return;
+    if (loading) return;
+    setLoading(true);
+    Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./PlotA11yView'));
+    }).then(function (_ref6) {
+      var PlotA11yView = _ref6.PlotA11yView;
+      setPlotA11yView({
+        Component: PlotA11yView
+      });
+      setLoading(false);
+      setError(null);
+    })["catch"](function (error) {
+      // eslint-disable-next-line no-console
+      console.error(error);
+      setError(error);
+    });
+  }, [plotA11yView, shouldDisplayView, loading, setLoading]);
+
+  if (plotA11yView) {
+    var _ref2;
+
+    return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(plotA11yView.Component, props);
+  }
+
+  if (error) {
+    var _ref3;
+
+    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", _objectSpread({}, (0, _core.assignProps)({
+      "tabIndex": 0,
+      "aria-live": "assertive"
+    }, _ref))), texts.failed);
+  }
+
+  if (loading) {
+    var _ref4;
+
+    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref4.cn("SPlotA11yModule", _objectSpread({}, (0, _core.assignProps)({
+      "tabIndex": 0,
+      "aria-live": "polite"
+    }, _ref))), texts.loading);
+  }
+
+  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref5.cn("SPlotA11yModule", _objectSpread({}, (0, _core.assignProps)({
+    "tabIndex": 0,
+    "onFocus": hadnleHiddenElementsFocus
+  }, _ref))), texts.disabled);
+};
+
+exports.PlotA11yModule = PlotA11yModule;
+//# sourceMappingURL=PlotA11yModule.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlotA11yModule.js","names":["globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","SPlotA11yModule","React","useState","wasFocused","setWasFocused","navWithKeyboard","setNavWithKeyboard","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","loading","setLoading","error","setError","locale","useMemo","normalizeLocale","translations","texts","useEffect","focusListener","plotRef","current","addEventListener","removeEventListener","keyboardListener","event","navigationKeys","includes","key","document","body","shouldDisplayView","then","PlotA11yView","Component","console","sstyled","styles","failed","disabled"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { translations } from './translations/module/translations';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\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  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope\n  plotRef: React.RefObject<Element>;\n};\n\nexport const PlotA11yModule: React.FC<A11yViewProps> = (props) => {\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 locale = React.useMemo(() => normalizeLocale(props.locale, translations), [props.locale]);\n  const texts = React.useMemo(() => (locale ? translations[locale] : {}), [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)(<plotA11yView.Component {...props} />) as React.ReactElement;\n  }\n\n  if (error) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={'div'} tabIndex={0} aria-live=\"assertive\">\n        {texts.failed}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n  if (loading) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={'div'} tabIndex={0} aria-live=\"polite\">\n        {texts.loading}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={'div'} tabIndex={0} onFocus={hadnleHiddenElementsFocus}>\n      {texts.disabled}\n    </SPlotA11yModule>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/cjs/a11y/PlotA11yView.js

@@ -0,0 +1,285 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlotA11yView = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _core = require("@semcore/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _focus = require("./focus");
+
+var _hints = require("./hints");
+
+var _serialize = require("./serialize");
+
+var _intl = require("./intl");
+
+var _summarize = require("./summarize");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
+var styles = (
+/*__reshadow_css_start__*/
+_core.sstyled.insert(
+/*__inner_css_start__*/
+".___SPlotA11yView_1e44s_gg_{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:#fff;color:#000;border:3px solid #000;font-size:10px;padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1e44s_gg_:focus,.___SPlotA11yView_1e44s_gg_.__focus-within_1e44s_gg_{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1e44s_gg_:focus,.___SPlotA11yView_1e44s_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:100;position:relative;display:block}.___SPlotA11yView_1e44s_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:8px;display:block}.___SPlotA11yView_1e44s_gg_ table,.___SPlotA11yView_1e44s_gg_ td,.___SPlotA11yView_1e44s_gg_ th{border:1px solid #000}"
+/*__inner_css_end__*/
+, "1e44s_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SPlotA11yView": "___SPlotA11yView_1e44s_gg_",
+  "_focus-within": "__focus-within_1e44s_gg_"
+});
+
+var PlotA11yView = function PlotA11yView(_ref3) {
+  var _ref = arguments[0],
+      _ref2;
+
+  var id = _ref3.id,
+      providedData = _ref3.data,
+      hints = _ref3.hints,
+      plotLabel = _ref3.plotLabel,
+      plotRef = _ref3.plotRef,
+      providedConfig = _ref3.config,
+      locale = _ref3.locale;
+  var SPlotA11yView = "div";
+
+  var intl = _react["default"].useMemo(function () {
+    return (0, _intl.getIntl)(locale);
+  }, [locale]);
+
+  var config = _react["default"].useMemo(function () {
+    return (0, _hints.makeDataSummarizationConfig)(providedConfig);
+  }, [providedConfig]);
+
+  var data = _react["default"].useMemo(function () {
+    return Array.isArray(providedData) ? providedData : [providedData];
+  }, [providedData]);
+
+  var keys = _react["default"].useMemo(function () {
+    var _fromHints, _fromHints2, _fromHints3, _fromHints4;
+
+    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"])(Object.keys(hints.fields.values)));
+
+    fromHints = (0, _toConsumableArray2["default"])(new Set(fromHints)).filter(function (key) {
+      return key in data[0];
+    });
+
+    if (fromHints.length === 0) {
+      data.forEach(function (row) {
+        var _fromHints5;
+
+        return (_fromHints5 = fromHints).push.apply(_fromHints5, (0, _toConsumableArray2["default"])(Object.keys(row)));
+      });
+    }
+
+    return (0, _toConsumableArray2["default"])(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) {
+      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 = (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;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    return doublicated;
+  }, [keys, hints]);
+
+  var renderTitle = _react["default"].useCallback(function (dataKey) {
+    if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];
+
+    if (!duplicatedBaseKeys[dataKey]) {
+      if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical) return hints.axesTitle.vertical;
+      if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal) return hints.axesTitle.horizontal;
+    }
+
+    return dataKey;
+  }, [data, hints, duplicatedBaseKeys]);
+
+  var _React$useState = _react["default"].useState(null),
+      _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+      summary = _React$useState2[0],
+      setSummary = _React$useState2[1];
+
+  var _React$useState3 = _react["default"].useState(true),
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      generatingSummary = _React$useState4[0],
+      setGeneratingSummary = _React$useState4[1];
+
+  _react["default"].useEffect(function () {
+    if (config.disable) {
+      setSummary('');
+      setGeneratingSummary(false);
+      return;
+    }
+
+    if (config.override) {
+      setSummary(config.override);
+      setGeneratingSummary(false);
+      return;
+    }
+
+    setTimeout(function () {
+      setSummary((0, _summarize.summarize)(providedData, hints, config, locale));
+      setGeneratingSummary(false);
+    }, 0);
+  }, [providedData, hints, config, locale]);
+
+  var handleSkip = _react["default"].useCallback(function () {
+    var _heavyFindNextFocusab;
+
+    if (!plotRef.current) return;
+    (_heavyFindNextFocusab = (0, _focus.heavyFindNextFocusableElement)(plotRef.current)) === null || _heavyFindNextFocusab === void 0 ? void 0 : _heavyFindNextFocusab.focus();
+  }, []);
+
+  var handleSkipKeyboard = _react["default"].useCallback(function (event) {
+    if (event.code !== 'Enter') return;
+    handleSkip();
+  }, [handleSkip]);
+
+  var handleGoToTable = _react["default"].useCallback(function () {
+    var _dataTableRef$current;
+
+    (_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 ? void 0 : _dataTableRef$current.focus();
+  }, []);
+
+  var handleGoToTableKeyboard = _react["default"].useCallback(function (event) {
+    if (event.code !== 'Enter') return;
+    handleGoToTable();
+  }, [handleGoToTable]);
+
+  var texts = _react["default"].useMemo(function () {
+    return {
+      label: intl.formatMessage({
+        id: 'view-label'
+      }, {
+        plotLabel: plotLabel !== null && plotLabel !== void 0 ? plotLabel : intl.formatMessage({
+          id: 'view-default-plot-label'
+        })
+      }),
+      close: intl.formatMessage({
+        id: 'view-close'
+      }),
+      skipPlot: intl.formatMessage({
+        id: 'view-skip-plot'
+      }),
+      goToTable: intl.formatMessage({
+        id: 'view-go-to-table'
+      }),
+      summary: intl.formatMessage({
+        id: 'view-data-summary'
+      }),
+      summaryPlaceholder: intl.formatMessage({
+        id: 'view-summary-placeholder'
+      }),
+      table: intl.formatMessage({
+        id: 'view-table'
+      })
+    };
+  }, [intl, plotLabel]);
+
+  var dataTableRef = _react["default"].useRef(null);
+
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", _objectSpread({}, (0, _core.assignProps)({
+    "tabIndex": 0,
+    "aria-label": texts.label
+  }, _ref))), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
+    "aria-hidden": true,
+    "onClick": handleSkip
+  }), texts.close), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
+    "role": "link",
+    "tabIndex": 0,
+    "onKeyDown": handleSkipKeyboard,
+    "onClick": handleSkip
+  }), texts.skipPlot), /*#__PURE__*/_react["default"].createElement("a", _ref2.cn("a", {
+    "role": "link",
+    "tabIndex": 0,
+    "onKeyDown": handleGoToTableKeyboard,
+    "onClick": handleGoToTable
+  }), texts.goToTable), /*#__PURE__*/_react["default"].createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react["default"].createElement("label", _ref2.cn("label", {
+    "htmlFor": "".concat(id, "-data-summary")
+  }), texts.summary)), /*#__PURE__*/_react["default"].createElement("div", _ref2.cn("div", {
+    "id": "".concat(id, "-data-summary"),
+    "aria-busy": generatingSummary,
+    "tabIndex": 0
+  }), generatingSummary ? texts.summaryPlaceholder : summary), /*#__PURE__*/_react["default"].createElement("strong", _ref2.cn("strong", {}), /*#__PURE__*/_react["default"].createElement("label", _ref2.cn("label", {
+    "htmlFor": "".concat(id, "-data-table")
+  }), texts.table)), /*#__PURE__*/_react["default"].createElement("table", _ref2.cn("table", {
+    "id": "".concat(id, "-data-table"),
+    "tabIndex": 0,
+    "ref": dataTableRef
+  }), /*#__PURE__*/_react["default"].createElement("thead", _ref2.cn("thead", {}), /*#__PURE__*/_react["default"].createElement("tr", _ref2.cn("tr", {}), keys.map(function (key, index) {
+    return /*#__PURE__*/_react["default"].createElement("th", {
+      key: "".concat(key, "-").concat(index)
+    }, renderTitle(key));
+  }))), /*#__PURE__*/_react["default"].createElement("tbody", _ref2.cn("tbody", {}), data.map(function (row, index) {
+    return /*#__PURE__*/_react["default"].createElement("tr", {
+      key: Object.values(row).join('-') + '-' + index
+    }, keys.map(function (key, index) {
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        key: "".concat(key, "-").concat(index)
+      }, (0, _serialize.formatValue)(intl, row[key]));
+    }));
+  }))));
+};
+
+exports.PlotA11yView = PlotA11yView;
+//# sourceMappingURL=PlotA11yView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlotA11yView.js","names":["PlotA11yView","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","keys","fromHints","push","fields","verticalAxes","horizontalAxes","valueAxes","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","useState","summary","setSummary","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleSkip","current","heavyFindNextFocusableElement","focus","handleSkipKeyboard","event","code","handleGoToTable","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","sstyled","styles","index","join","formatValue"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\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 intl = React.useMemo(() => getIntl(locale), [locale]);\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n  const keys = React.useMemo(() => {\n    let fromHints: (string | number)[] = [];\n    fromHints.push(...hints.fields.verticalAxes);\n    fromHints.push(...hints.fields.horizontalAxes);\n    fromHints.push(...hints.fields.valueAxes);\n    fromHints.push(...Object.keys(hints.fields.values));\n\n    fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n    if (fromHints.length === 0) {\n      data.forEach((row) => fromHints.push(...Object.keys(row)));\n    }\n\n    return [...new Set(fromHints)];\n  }, [data, hints]);\n  const duplicatedBaseKeys = React.useMemo(() => {\n    const baseKeys = keys\n      .filter((key) => !hints.titles.valuesAxes[key])\n      .map((key) => {\n        if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n          return [key, hints.axesTitle.vertical];\n        if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n          return [key, hints.axesTitle.horizontal];\n      })\n      .filter((entry) => entry !== undefined)\n      .map((entry) => entry!);\n    const doublicated: Record<string, true> = {};\n    const handled: Record<string, string | number> = {};\n    for (const [key, label] of baseKeys) {\n      if (handled[label]) {\n        doublicated[key] = true;\n        doublicated[handled[label]] = true;\n      }\n      handled[label] = key;\n    }\n    return doublicated;\n  }, [keys, hints]);\n  const renderTitle = React.useCallback(\n    (dataKey: string | number) => {\n      if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n      if (!duplicatedBaseKeys[dataKey]) {\n        if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n          return hints.axesTitle.vertical;\n        if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n          return hints.axesTitle.horizontal;\n      }\n\n      return dataKey;\n    },\n    [data, hints, duplicatedBaseKeys],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale]);\n\n  const handleSkip = React.useCallback(() => {\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.code !== 'Enter') return;\n\n      handleSkip();\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback(() => {\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.code !== 'Enter') return;\n\n      handleGoToTable();\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView render=\"div\" tabIndex={0} aria-label={texts.label}>\n      <a aria-hidden onClick={handleSkip}>\n        {texts.close}\n      </a>\n      <a role=\"link\" tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      <a role=\"link\" tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n        <thead>\n          <tr>\n            {keys.map((key, index) => (\n              <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((row, index) => (\n            <tr key={Object.values(row).join('-') + '-' + index}>\n              {keys.map((key, index) => (\n                <td key={`${key}-${index}`}>{formatValue(intl, row[key])}</td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/cjs/a11y/bezier.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.makeBezier = void 0;
+
+var makeBezier = function makeBezier(points, bounds) {
+  var yPoints = points.map(function (point) {
+    return point.y;
+  });
+  var noPoints = points.map(function () {
+    return 1;
+  });
+  var weightPoints = points.map(function (point) {
+    var _point$weight;
+
+    return (_point$weight = point.weight) !== null && _point$weight !== void 0 ? _point$weight : 1;
+  });
+
+  var process = function process(t, points) {
+    var result = 0;
+
+    for (var i = 0; i < points.length; i++) {
+      var tPower = i;
+      var reversedTPower = points.length - 1 - i;
+      var edge = i === 0 || i === points.length - 1;
+      var factor = edge ? 1 : points.length - 1;
+      var point = points[i];
+      var weight = weightPoints[i];
+      result += factor * Math.pow(t, tPower) * Math.pow(1 - t, reversedTPower) * point * weight;
+    }
+
+    return result;
+  };
+
+  return function (x) {
+    var t = x / bounds.width;
+    return process(t, yPoints) / process(t, noPoints);
+  };
+};
+
+exports.makeBezier = makeBezier;
+//# sourceMappingURL=bezier.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bezier.js","names":["makeBezier","points","bounds","yPoints","map","point","y","noPoints","weightPoints","weight","process","t","result","i","length","tPower","reversedTPower","edge","factor","x","width"],"sources":["../../../src/a11y/bezier.ts"],"sourcesContent":["export const makeBezier = (\n  points: { x: number; y: number; weight?: number }[],\n  bounds: { width: number; height: number },\n) => {\n  const yPoints = points.map((point) => point.y);\n  const noPoints = points.map(() => 1);\n  const weightPoints = points.map((point) => point.weight ?? 1);\n  const process = (t: number, points: number[]) => {\n    let result = 0;\n    for (let i = 0; i < points.length; i++) {\n      const tPower = i;\n      const reversedTPower = points.length - 1 - i;\n      const edge = i === 0 || i === points.length - 1;\n      const factor = edge ? 1 : points.length - 1;\n      const point = points[i];\n      const weight = weightPoints[i];\n      result += factor * t ** tPower * (1 - t) ** reversedTPower * point * weight;\n    }\n    return result;\n  };\n\n  return (x: number) => {\n    const t = x / bounds.width;\n    return process(t, yPoints) / process(t, noPoints);\n  };\n};\n"],"mappings":";;;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAa,CACxBC,MADwB,EAExBC,MAFwB,EAGrB;EACH,IAAMC,OAAO,GAAGF,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD;IAAA,OAAWA,KAAK,CAACC,CAAjB;EAAA,CAAX,CAAhB;EACA,IAAMC,QAAQ,GAAGN,MAAM,CAACG,GAAP,CAAW;IAAA,OAAM,CAAN;EAAA,CAAX,CAAjB;EACA,IAAMI,YAAY,GAAGP,MAAM,CAACG,GAAP,CAAW,UAACC,KAAD;IAAA;;IAAA,wBAAWA,KAAK,CAACI,MAAjB,yDAA2B,CAA3B;EAAA,CAAX,CAArB;;EACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAYV,MAAZ,EAAiC;IAC/C,IAAIW,MAAM,GAAG,CAAb;;IACA,KAAK,IAAIC,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGZ,MAAM,CAACa,MAA3B,EAAmCD,CAAC,EAApC,EAAwC;MACtC,IAAME,MAAM,GAAGF,CAAf;MACA,IAAMG,cAAc,GAAGf,MAAM,CAACa,MAAP,GAAgB,CAAhB,GAAoBD,CAA3C;MACA,IAAMI,IAAI,GAAGJ,CAAC,KAAK,CAAN,IAAWA,CAAC,KAAKZ,MAAM,CAACa,MAAP,GAAgB,CAA9C;MACA,IAAMI,MAAM,GAAGD,IAAI,GAAG,CAAH,GAAOhB,MAAM,CAACa,MAAP,GAAgB,CAA1C;MACA,IAAMT,KAAK,GAAGJ,MAAM,CAACY,CAAD,CAApB;MACA,IAAMJ,MAAM,GAAGD,YAAY,CAACK,CAAD,CAA3B;MACAD,MAAM,IAAIM,MAAM,YAAGP,CAAH,EAAQI,MAAR,CAAN,YAAwB,IAAIJ,CAA5B,EAAkCK,cAAlC,IAAmDX,KAAnD,GAA2DI,MAArE;IACD;;IACD,OAAOG,MAAP;EACD,CAZD;;EAcA,OAAO,UAACO,CAAD,EAAe;IACpB,IAAMR,CAAC,GAAGQ,CAAC,GAAGjB,MAAM,CAACkB,KAArB;IACA,OAAOV,OAAO,CAACC,CAAD,EAAIR,OAAJ,CAAP,GAAsBO,OAAO,CAACC,CAAD,EAAIJ,QAAJ,CAApC;EACD,CAHD;AAID,CAzBM"}