@semcore/d3-chart 2.13.4 → 2.13.5

package/lib/cjs/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["VennRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","scaleSolution","normalizeSolution","venn","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","dataKeys","delay","values","filter","d","includes","setid","Element","dataHintsHandler","establishDataType","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","name","describeValueEntity","sstyled","Intersection","SIntersection","renderIntersection","useCallback","intersectionAreaPath","Venn"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent: this.asProps.transparent,\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration, transparent } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent,\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag=\"g\" visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    this.vennData = this.getVennData();\n    return (\n      <Element\n        aria-hidden\n        render={this.renderElement}\n        childrenPosition=\"inside\"\n        vennData={this.vennData}\n      />\n    );\n  }\n}\n\nfunction Circle({\n  Element: SCircle,\n  styles,\n  color,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SCircle\n      aria-hidden\n      render=\"circle\"\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      transparent={transparent}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const {\n    Element: SIntersection,\n    styles,\n    data,\n    name,\n    dataKey,\n    dataHintsHandler,\n    transparent,\n  } = props;\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut aria-hidden ref={ref} tag=\"path\" visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection\n      aria-hidden\n      render={renderIntersection}\n      d={intersectionAreaPath(data)}\n      transparent={transparent}\n    />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"mappings":"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"}
+{"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_venn","_canUseDOM","_animation","_createElement","_utils","style","sstyled","insert","VennRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","_ref3","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","FadeInOut","_extends2","tag","_createClass2","key","value","undefined","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray2","vennData","Object","entries","map","_ref4","_ref5","dataKey","sets","split","scaleSolution","normalizeSolution","venn","getCircleProps","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Component","Math","PI","c1","c2","radius","Circle","_ref6","_ref","SCircle","styles","color","name","describeValueEntity","cn","Intersection","_ref2","SIntersection","renderIntersection","useCallback","intersectionAreaPath","Venn","_default","exports"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent: this.asProps.transparent,\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration, transparent } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent,\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag=\"g\" visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    this.vennData = this.getVennData();\n    return (\n      <Element\n        aria-hidden\n        render={this.renderElement}\n        childrenPosition=\"inside\"\n        vennData={this.vennData}\n      />\n    );\n  }\n}\n\nfunction Circle({\n  Element: SCircle,\n  styles,\n  color,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SCircle\n      aria-hidden\n      render=\"circle\"\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      transparent={transparent}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const {\n    Element: SIntersection,\n    styles,\n    data,\n    name,\n    dataKey,\n    dataHintsHandler,\n    transparent,\n  } = props;\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut aria-hidden ref={ref} tag=\"path\" visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection\n      aria-hidden\n      render={renderIntersection}\n      d={intersectionAreaPath(data)}\n      transparent={transparent}\n    />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"mappings":"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"}

package/lib/cjs/a11y/PlotA11yModule.js

@@ -1,135 +1,90 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlotA11yModule = void 0;
-
 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 _react = _interopRequireDefault(require("react"));
-
 var _locale = require("./locale");
-
 var _intergalacticDynamicLocales = require("./translations/module/__intergalactic-dynamic-locales");
-
 var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
-
 var _flexBox = require("@semcore/flex-box");
-
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SPlotA11yModule_61s73_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_61s73_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
-/*__inner_css_end__*/
-, "61s73_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SPlotA11yModule": "___SPlotA11yModule_61s73_gg_"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1ugpa_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1ugpa_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1ugpa_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1ugpa_gg_"
 });
 var globalWasFocused = false;
 var globalNavWithKeyboard = false;
-
 var PlotA11yModule = function PlotA11yModule(props) {
   var _ref = arguments[0],
-      _ref5;
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _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];
-
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+    error = _React$useState10[0],
+    setError = _React$useState10[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 ? 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;
@@ -150,38 +105,30 @@ var PlotA11yModule = function PlotA11yModule(props) {
       setError(error);
     });
   }, [plotA11yView, shouldDisplayView, loading, setLoading]);
-
   if (plotA11yView) {
     var _ref2;
-
     return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(plotA11yView.Component, (0, _extends2["default"])({}, props, {
       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'));
 };
-
 exports.PlotA11yModule = PlotA11yModule;
 //# sourceMappingURL=PlotA11yModule.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","SPlotA11yModule","Box","React","useState","wasFocused","setWasFocused","navWithKeyboard","setNavWithKeyboard","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","loading","setLoading","error","setError","contextLocale","useContext","I18nContext","locale","useMemo","normalizeLocale","localizedMessages","t","useI18n","useEffect","focusListener","plotRef","current","addEventListener","removeEventListener","keyboardListener","event","navigationKeys","includes","key","document","body","shouldDisplayView","then","PlotA11yView","Component","console","sstyled","styles"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';\nimport { Box } from '@semcore/flex-box';\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 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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"}
+{"version":3,"file":"PlotA11yModule.js","names":["_core","require","_react","_interopRequireDefault","_locale","_intergalacticDynamicLocales","_WithI18n","_flexBox","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$useState10","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","exports"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';\nimport { Box } from '@semcore/flex-box';\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 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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"}

package/lib/cjs/a11y/PlotA11yView.js

@@ -1,110 +1,69 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlotA11yView = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 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 _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");
-
 var _flexBox = require("@semcore/flex-box");
-
 var _i18nEnhance = require("@semcore/utils/lib/enhances/i18nEnhance");
-
 var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
-
 /*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SPlotA11yView_1e769_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1e769_gg_.__focus-within_1e769_gg_,.___SPlotA11yView_1e769_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1e769_gg_:focus,.___SPlotA11yView_1e769_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1e769_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1e769_gg_ table,.___SPlotA11yView_1e769_gg_ td,.___SPlotA11yView_1e769_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}"
-/*__inner_css_end__*/
-, "1e769_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SPlotA11yView": "___SPlotA11yView_1e769_gg_",
-  "_focus-within": "__focus-within_1e769_gg_"
+var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_z0lfj_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_z0lfj_gg_.__focus-within_z0lfj_gg_,.___SPlotA11yView_z0lfj_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_z0lfj_gg_:focus,.___SPlotA11yView_z0lfj_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_z0lfj_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_z0lfj_gg_ table,.___SPlotA11yView_z0lfj_gg_ td,.___SPlotA11yView_z0lfj_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "z0lfj_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yView": "___SPlotA11yView_z0lfj_gg_",
+  "_focus-within": "__focus-within_z0lfj_gg_"
 });
-
 var PlotA11yView = function PlotA11yView(_ref3) {
   var _ref = arguments[0],
-      _ref2;
-
+    _ref2;
   var id = _ref3.id,
-      providedData = _ref3.data,
-      hints = _ref3.hints,
-      plotLabel = _ref3.plotLabel,
-      plotRef = _ref3.plotRef,
-      providedConfig = _ref3.config,
-      locale = _ref3.locale;
+    providedData = _ref3.data,
+    hints = _ref3.hints,
+    plotLabel = _ref3.plotLabel,
+    plotRef = _ref3.plotRef,
+    providedConfig = _ref3.config,
+    locale = _ref3.locale;
   var SPlotA11yView = _flexBox.Box;
   var translations = (0, _i18nEnhance.useAsyncI18nMessages)(_intergalacticDynamicLocales.localizedMessages, locale);
-
   var intl = _react["default"].useMemo(function () {
     return (0, _intl.getIntl)(locale, translations, _intergalacticDynamicLocales.localizedMessages);
   }, [locale, translations, _intergalacticDynamicLocales.localizedMessages]);
-
   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, _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];
     });
-
     if (fromHints.length === 0) {
       data.forEach(function (row) {
         var _fromHints6;
-
         return (_fromHints6 = fromHints).push.apply(_fromHints6, (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];
@@ -118,21 +77,17 @@ var PlotA11yView = function PlotA11yView(_ref3) {
     });
     var doublicated = {};
     var handled = {};
-
     var _iterator = (0, _createForOfIteratorHelper2["default"])(baseKeys),
-        _step;
-
+      _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];
-
+          key = _step$value[0],
+          label = _step$value[1];
         if (handled[label]) {
           doublicated[key] = true;
           doublicated[handled[label]] = true;
         }
-
         handled[label] = key;
       }
     } catch (err) {
@@ -140,73 +95,57 @@ var PlotA11yView = function PlotA11yView(_ref3) {
     } 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];
-
+    _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$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, translations, _intergalacticDynamicLocales.localizedMessages));
       setGeneratingSummary(false);
     }, 0);
   }, [providedData, hints, config, locale, translations, _intergalacticDynamicLocales.localizedMessages]);
-
   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({
@@ -236,9 +175,7 @@ var PlotA11yView = function PlotA11yView(_ref3) {
       })
     };
   }, [intl, plotLabel]);
-
   var dataTableRef = _react["default"].useRef(null);
-
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yView, _ref2.cn("SPlotA11yView", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tabIndex": 0,
     "aria-label": texts.label
@@ -281,6 +218,5 @@ var PlotA11yView = function PlotA11yView(_ref3) {
     }));
   }))));
 };
-
 exports.PlotA11yView = PlotA11yView;
 //# sourceMappingURL=PlotA11yView.js.map