@semcore/d3-chart 16.4.2 → 16.5.0-prerelease.2

package/lib/es6/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["FadeInOut","Component","Root","sstyled","callAllEventHandlers","canUseDOM","uniqueIDEnhancement","venn","normalizeSolution","scaleSolution","intersectionAreaPath","React","createElement","PatternFill","style","_sstyled","insert","Tooltip","getChartDefaultColorName","VennRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","document","visible","props","tooltipProps","_ref5","clientX","clientY","_this$asProps","asProps","eventEmitter","plotId","emit","forwardRef","ref","_extends","tag","_inherits","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","getVennData","_this$asProps2","data","orientation","orientationOrder","size","_size","_slicedToArray","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","getTooltipProps","uniqId","uid","getCircleProps","index","colorBackwardCapabilityOffset","color","name","patterns","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","resolveColor","minRadius","onClickCircleRoot","handlerOnClick","bind","getIntersectionProps","_this$asProps3","dataKeys","delay","values","filter","d","includes","setid","onClickIntersectionRoot","_this2","e","stopPropagation","onClick","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Math","PI","c1","c2","radius","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","Fragment","cn","Intersection","_ref3","SIntersection","renderIntersection","useCallback","VennTooltip","_ref","arguments[0]","_ref4","SVennTooltip","_objectSpread","_assignProps","Venn","_______childrenComponents"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport React from 'react';\n\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/venn.shadow.css';\nimport Tooltip from './Tooltip';\nimport { getChartDefaultColorName } from './utils';\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    minRadius: 6,\n  };\n\n  static enhance = [uniqueIDEnhancement()];\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 = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n    const { eventEmitter, plotId } = this.asProps;\n\n    eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);\n    eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);\n    eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);\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  getTooltipProps() {\n    return {\n      uniqId: this.asProps.uid,\n    };\n  }\n\n  getCircleProps(props, index) {\n    const colorBackwardCapabilityOffset = 1;\n    const color = props.color || getChartDefaultColorName(index + colorBackwardCapabilityOffset);\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color,\n      patterns: this.asProps.patterns,\n    };\n\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, tooltipProps),\n      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n      transparent: this.asProps.transparent,\n      resolveColor: this.asProps.resolveColor,\n      color,\n      uid: `${this.asProps.uid}-${index}`,\n      patterns: this.asProps.patterns,\n      minRadius: this.asProps.minRadius,\n      onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this),\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration, transparent } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color: props.color,\n      duration: props.duration,\n      transparent: props.transparent,\n    };\n\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, tooltipProps),\n      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n      transparent,\n      resolveColor: this.asProps.resolveColor,\n      onClickIntersectionRoot: this.handlerOnClick(props.dataKey).bind(this),\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag='g' visible {...props} />;\n  });\n\n  handlerOnClick(dataKey) {\n    return (e) => {\n      e.stopPropagation();\n\n      const { onClick } = this.asProps;\n\n      if (!onClick) return;\n\n      onClick(dataKey, e);\n    };\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  resolveColor,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  uid,\n  patterns,\n  minRadius,\n  onClick,\n  onClickCircleRoot,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const radius = data.radius < minRadius ? minRadius : data.radius;\n  if (data.radius === 0) return null;\n\n  return (\n    <>\n      {sstyled(styles)(\n        <SCircle\n          aria-hidden\n          render='circle'\n          color={resolveColor(color)}\n          pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n          cx={data.x}\n          cy={data.y}\n          r={radius}\n          transparent={transparent}\n          use:duration={`${duration}ms`}\n          onClickCapture={callAllEventHandlers(onClickCircleRoot, onClick)}\n        />,\n      )}\n      {patterns && (\n        <PatternFill\n          id={`${uid}-pattern`}\n          patternKey={color}\n          color={resolveColor(color)}\n          patterns={patterns}\n        />\n      )}\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    onClick,\n    onClickIntersectionRoot,\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      onClickCapture={callAllEventHandlers(onClickIntersectionRoot, onClick)}\n    />,\n  );\n}\n\nconst VennTooltip = (props) => {\n  const SVennTooltip = Root;\n  return sstyled(props.styles)(<SVennTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Venn = createElement(VennRoot, {\n  Circle,\n  Intersection,\n  Tooltip: [VennTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Venn;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Venn.js","names":["FadeInOut","Component","Root","sstyled","callAllEventHandlers","canUseDOM","uniqueIDEnhancement","venn","normalizeSolution","scaleSolution","intersectionAreaPath","React","createElement","PatternFill","style","_sstyled","insert","Tooltip","getChartDefaultColorName","VennRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","document","visible","props","tooltipProps","_ref5","clientX","clientY","_this$asProps","asProps","eventEmitter","plotId","emit","forwardRef","ref","_extends","tag","_inherits","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","getVennData","_this$asProps2","data","orientation","orientationOrder","size","_size","_slicedToArray","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","getTooltipProps","uniqId","uid","getCircleProps","index","colorBackwardCapabilityOffset","color","name","patterns","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","resolveColor","minRadius","onClickCircleRoot","handlerOnClick","bind","getIntersectionProps","_this$asProps3","dataKeys","delay","values","filter","d","includes","setid","onClickIntersectionRoot","_this2","e","stopPropagation","onClick","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Math","PI","c1","c2","radius","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","Fragment","cn","Intersection","_ref3","SIntersection","renderIntersection","useCallback","VennTooltip","_ref","arguments[0]","_ref4","SVennTooltip","_objectSpread","_assignProps","Venn","_______childrenComponents"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport React from 'react';\n\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/venn.shadow.css';\nimport Tooltip from './Tooltip';\nimport { getChartDefaultColorName } from './utils';\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    minRadius: 6,\n  };\n\n  static enhance = [uniqueIDEnhancement()];\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 = (visible, props, tooltipProps) => ({ clientX, clientY }) => {\n    const { eventEmitter, plotId } = this.asProps;\n\n    eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);\n    eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);\n    eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);\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  getTooltipProps() {\n    return {\n      uniqId: this.asProps.uid,\n    };\n  }\n\n  getCircleProps(props, index) {\n    const colorBackwardCapabilityOffset = 1;\n    const color = props.color || getChartDefaultColorName(index + colorBackwardCapabilityOffset);\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color,\n      patterns: this.asProps.patterns,\n    };\n\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, tooltipProps),\n      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n      transparent: this.asProps.transparent,\n      resolveColor: this.asProps.resolveColor,\n      color,\n      uid: `${this.asProps.uid}-${index}`,\n      patterns: this.asProps.patterns,\n      minRadius: this.asProps.minRadius,\n      onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this),\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration, transparent } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color: props.color,\n      duration: props.duration,\n      transparent: props.transparent,\n    };\n\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, tooltipProps),\n      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n      transparent,\n      resolveColor: this.asProps.resolveColor,\n      onClickIntersectionRoot: this.handlerOnClick(props.dataKey).bind(this),\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag='g' visible {...props} />;\n  });\n\n  handlerOnClick(dataKey) {\n    return (e) => {\n      e.stopPropagation();\n\n      const { onClick } = this.asProps;\n\n      if (!onClick) return;\n\n      onClick(dataKey, e);\n    };\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  resolveColor,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  uid,\n  patterns,\n  minRadius,\n  onClick,\n  onClickCircleRoot,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const radius = data.radius < minRadius ? minRadius : data.radius;\n  if (data.radius === 0) return null;\n\n  return (\n    <>\n      {sstyled(styles)(\n        <SCircle\n          aria-hidden\n          render='circle'\n          color={resolveColor(color)}\n          pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n          cx={data.x}\n          cy={data.y}\n          r={radius}\n          transparent={transparent}\n          use:duration={`${duration}ms`}\n          onClickCapture={callAllEventHandlers(onClickCircleRoot, onClick)}\n        />,\n      )}\n      {patterns && (\n        <PatternFill\n          id={`${uid}-pattern`}\n          patternKey={color}\n          color={resolveColor(color)}\n          patterns={patterns}\n        />\n      )}\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    onClick,\n    onClickIntersectionRoot,\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      onClickCapture={callAllEventHandlers(onClickIntersectionRoot, onClick)}\n    />,\n  );\n}\n\nfunction VennTooltip(props) {\n  const SVennTooltip = Root;\n  return sstyled(props.styles)(<SVennTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Venn = createElement(VennRoot, {\n  Circle,\n  Intersection,\n  Tooltip: [VennTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Venn;\n"],"mappings":";;;;;;;;;;AAAA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACxD,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,SAAS,MAAM,mCAAmC;AACzD,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAASC,IAAI,EAAEC,iBAAiB,EAAEC,aAAa,EAAEC,oBAAoB,QAAQ,kBAAkB;AAC/F,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,WAAW,QAAQ,WAAW;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAExC,OAAOC,OAAO,MAAM,WAAW;AAC/B,SAASC,wBAAwB,QAAQ,SAAS;AAAC,IAE7CC,QAAQ,0BAAAC,UAAA;EAAA,SAAAD,SAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,QAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,QAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,oBAaKhB,SAAS,CAAC,CAAC,GAAG2B,QAAQ,CAACpB,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAAAmB,eAAA,CAAAV,KAAA,wBAM5C,UAACY,OAAO,EAAEC,KAAK,EAAEC,YAAY;MAAA,OAAK,UAAAC,KAAA,EAA0B;QAAA,IAAvBC,OAAO,GAAAD,KAAA,CAAPC,OAAO;UAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;QACxE,IAAAC,aAAA,GAAiClB,KAAA,CAAKmB,OAAO;UAArCC,YAAY,GAAAF,aAAA,CAAZE,YAAY;UAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;QAE5BD,YAAY,CAACE,IAAI,uBAAAb,MAAA,CAAuBY,MAAM,GAAIL,OAAO,EAAEC,OAAO,CAAC;QACnEG,YAAY,CAACE,IAAI,6BAAAb,MAAA,CAA6BY,MAAM,GAAIR,KAAK,EAAEC,YAAY,CAAC;QAC5EM,YAAY,CAACE,IAAI,sBAAAb,MAAA,CAAsBY,MAAM,GAAIT,OAAO,CAAC;MAC3D,CAAC;IAAA;IAAAF,eAAA,CAAAV,KAAA,gCAyEeV,KAAK,CAACiC,UAAU,CAAC,UAACV,KAAK,EAAEW,GAAG,EAAK;MAC/C,oBAAOlC,KAAA,CAAAC,aAAA,CAACZ,SAAS,EAAA8C,QAAA;QAAC,mBAAW;QAACD,GAAG,EAAEA,GAAI;QAACE,GAAG,EAAC,GAAG;QAACd,OAAO;MAAA,GAAKC,KAAK,CAAG,CAAC;IACvE,CAAC,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA2B,SAAA,CAAA7B,QAAA,EAAAC,UAAA;EAAA,OAAA6B,YAAA,CAAA9B,QAAA;IAAA+B,GAAA;IAAAC,KAAA,EArFF,SAAAC,6BAA6BA,CAAA,EAAe;MAAA,IAAdC,CAAC,GAAA7B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA8B,SAAA,GAAA9B,SAAA,MAAG,CAAC;MAAA,IAAE+B,CAAC,GAAA/B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA8B,SAAA,GAAA9B,SAAA,MAAG,CAAC;MACxC,OAAO;QAAA,OAAO;UAAEgC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,GAAG,EAAEH,CAAC;UAAEI,KAAK,EAAEN,CAAC;UAAEO,MAAM,EAAEL,CAAC;UAAEM,IAAI,EAAER;QAAE,CAAC;MAAA,CAAC;IAC9E;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAUD,SAAAW,WAAWA,CAAA,EAAG;MACZ,IAAAC,cAAA,GAAsD,IAAI,CAACvB,OAAO;QAA1DwB,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEC,WAAW,GAAAF,cAAA,CAAXE,WAAW;QAAEC,gBAAgB,GAAAH,cAAA,CAAhBG,gBAAgB;QAAEC,IAAI,GAAAJ,cAAA,CAAJI,IAAI;MACjD,IAAAC,KAAA,GAAAC,cAAA,CAAwBF,IAAI;QAArBX,KAAK,GAAAY,KAAA;QAAEX,MAAM,GAAAW,KAAA;MACpB,IAAME,QAAQ,GAAGC,MAAM,CAACC,OAAO,CAACR,IAAI,CAAC,CAACS,GAAG,CAAC,UAAAC,KAAA;QAAA,IAAAC,KAAA,GAAAN,cAAA,CAAAK,KAAA;UAAEE,OAAO,GAAAD,KAAA;UAAER,IAAI,GAAAQ,KAAA;QAAA,OAAO;UAC9DE,IAAI,EAAED,OAAO,CAACE,KAAK,CAAC,GAAG,CAAC;UACxBX,IAAI,EAAJA;QACF,CAAC;MAAA,CAAC,CAAC;MACH,OAAO1D,aAAa,CAClBD,iBAAiB,CAACD,IAAI,CAAC+D,QAAQ,CAAC,EAAEL,WAAW,EAAEC,gBAAgB,CAAC,EAChEV,KAAK,EACLC,MAAM,EACN,EACF,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAA4B,eAAeA,CAAA,EAAG;MAChB,OAAO;QACLC,MAAM,EAAE,IAAI,CAACxC,OAAO,CAACyC;MACvB,CAAC;IACH;EAAC;IAAA/B,GAAA;IAAAC,KAAA,EAED,SAAA+B,cAAcA,CAAChD,KAAK,EAAEiD,KAAK,EAAE;MAC3B,IAAMC,6BAA6B,GAAG,CAAC;MACvC,IAAMC,KAAK,GAAGnD,KAAK,CAACmD,KAAK,IAAInE,wBAAwB,CAACiE,KAAK,GAAGC,6BAA6B,CAAC;MAC5F,IAAMjD,YAAY,GAAG;QACnByC,OAAO,EAAE1C,KAAK,CAAC0C,OAAO;QACtBU,IAAI,EAAEpD,KAAK,CAACoD,IAAI;QAChBD,KAAK,EAALA,KAAK;QACLE,QAAQ,EAAE,IAAI,CAAC/C,OAAO,CAAC+C;MACzB,CAAC;MAED,OAAO;QACLC,QAAQ,EAAE,IAAI,CAAChD,OAAO,CAACgD,QAAQ;QAC/BxB,IAAI,EAAE,IAAI,CAACM,QAAQ,CAACpC,KAAK,CAAC0C,OAAO,CAAC;QAClCa,YAAY,EAAE,IAAI,CAACjD,OAAO,CAACwB,IAAI,CAAC9B,KAAK,CAAC0C,OAAO,CAAC;QAC9Cc,WAAW,EAAE,IAAI,CAACC,kBAAkB,CAAC,IAAI,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QAC/DyD,YAAY,EAAE,IAAI,CAACD,kBAAkB,CAAC,KAAK,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QACjE0D,WAAW,EAAE,IAAI,CAACrD,OAAO,CAACqD,WAAW;QACrCC,YAAY,EAAE,IAAI,CAACtD,OAAO,CAACsD,YAAY;QACvCT,KAAK,EAALA,KAAK;QACLJ,GAAG,KAAAnD,MAAA,CAAK,IAAI,CAACU,OAAO,CAACyC,GAAG,OAAAnD,MAAA,CAAIqD,KAAK,CAAE;QACnCI,QAAQ,EAAE,IAAI,CAAC/C,OAAO,CAAC+C,QAAQ;QAC/BQ,SAAS,EAAE,IAAI,CAACvD,OAAO,CAACuD,SAAS;QACjCC,iBAAiB,EAAE,IAAI,CAACC,cAAc,CAAC/D,KAAK,CAAC0C,OAAO,CAAC,CAACsB,IAAI,CAAC,IAAI;MACjE,CAAC;IACH;EAAC;IAAAhD,GAAA;IAAAC,KAAA,EAED,SAAAgD,oBAAoBA,CAACjE,KAAK,EAAE;MAC1B,IAAAkE,cAAA,GAAkC,IAAI,CAAC5D,OAAO;QAAtCgD,QAAQ,GAAAY,cAAA,CAARZ,QAAQ;QAAEK,WAAW,GAAAO,cAAA,CAAXP,WAAW;MAC7B,IAAMQ,QAAQ,GAAGnE,KAAK,CAAC0C,OAAO,CAACE,KAAK,CAAC,GAAG,CAAC;MACzC,IAAM3C,YAAY,GAAG;QACnByC,OAAO,EAAE1C,KAAK,CAAC0C,OAAO;QACtBU,IAAI,EAAEpD,KAAK,CAACoD,IAAI;QAChBD,KAAK,EAAEnD,KAAK,CAACmD,KAAK;QAClBG,QAAQ,EAAEtD,KAAK,CAACsD,QAAQ;QACxBK,WAAW,EAAE3D,KAAK,CAAC2D;MACrB,CAAC;MAED,OAAO;QACLL,QAAQ,EAARA,QAAQ;QACRc,KAAK,EAAEd,QAAQ;QACfxB,IAAI,EAAEO,MAAM,CAACgC,MAAM,CAAC,IAAI,CAACjC,QAAQ,CAAC,CAACkC,MAAM,CAAC,UAACC,CAAC;UAAA,OAAKJ,QAAQ,CAACK,QAAQ,CAACD,CAAC,CAACE,KAAK,CAAC;QAAA,EAAC;QAC5ElB,YAAY,EAAE,IAAI,CAACjD,OAAO,CAACwB,IAAI,CAAC9B,KAAK,CAAC0C,OAAO,CAAC;QAC9Cc,WAAW,EAAE,IAAI,CAACC,kBAAkB,CAAC,IAAI,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QAC/DyD,YAAY,EAAE,IAAI,CAACD,kBAAkB,CAAC,KAAK,EAAEzD,KAAK,EAAEC,YAAY,CAAC;QACjE0D,WAAW,EAAXA,WAAW;QACXC,YAAY,EAAE,IAAI,CAACtD,OAAO,CAACsD,YAAY;QACvCc,uBAAuB,EAAE,IAAI,CAACX,cAAc,CAAC/D,KAAK,CAAC0C,OAAO,CAAC,CAACsB,IAAI,CAAC,IAAI;MACvE,CAAC;IACH;EAAC;IAAAhD,GAAA;IAAAC,KAAA,EAMD,SAAA8C,cAAcA,CAACrB,OAAO,EAAE;MAAA,IAAAiC,MAAA;MACtB,OAAO,UAACC,CAAC,EAAK;QACZA,CAAC,CAACC,eAAe,CAAC,CAAC;QAEnB,IAAQC,OAAO,GAAKH,MAAI,CAACrE,OAAO,CAAxBwE,OAAO;QAEf,IAAI,CAACA,OAAO,EAAE;QAEdA,OAAO,CAACpC,OAAO,EAAEkC,CAAC,CAAC;MACrB,CAAC;IACH;EAAC;IAAA5D,GAAA;IAAAC,KAAA,EAED,SAAA8D,MAAMA,CAAA,EAAG;MACP,IAAMC,OAAO,GAAG,IAAI,CAACA,OAAO;MAC5B,IAAI,CAAC1E,OAAO,CAAC2E,gBAAgB,CAACC,iBAAiB,CAAC,YAAY,CAAC;MAC7D,IAAI,CAAC9C,QAAQ,GAAG,IAAI,CAACR,WAAW,CAAC,CAAC;MAClC,oBACEnD,KAAA,CAAAC,aAAA,CAACsG,OAAO;QACN,mBAAW;QACXD,MAAM,EAAE,IAAI,CAACI,aAAc;QAC3BC,gBAAgB,EAAC,QAAQ;QACzBhD,QAAQ,EAAE,IAAI,CAACA;MAAS,CACzB,CAAC;IAEN;EAAC;AAAA,EA9HoBrE,SAAS;AAAA8B,eAAA,CAA1BZ,QAAQ,iBACS,MAAM;AAAAY,eAAA,CADvBZ,QAAQ,WAEGL,KAAK;AAAAiB,eAAA,CAFhBZ,QAAQ,kBAIU;EACpB8C,WAAW,EAAEsD,IAAI,CAACC,EAAE,GAAG,CAAC;EACxBtD,gBAAgB,EAAE,SAAlBA,gBAAgBA,CAAGuD,EAAE,EAAEC,EAAE;IAAA,OAAKA,EAAE,CAACC,MAAM,GAAGF,EAAE,CAACE,MAAM;EAAA;EACnDnC,QAAQ,EAAE,GAAG;EACbO,SAAS,EAAE;AACb,CAAC;AAAAhE,eAAA,CATGZ,QAAQ,aAWK,CAACb,mBAAmB,CAAC,CAAC,CAAC;AAsH1C,SAASsH,MAAMA,CAAAC,KAAA,EAgBZ;EAAA,IAAAC,KAAA;EAAA,IAfQC,OAAO,GAAAF,KAAA,CAAhBX,OAAO;IACPc,MAAM,GAAAH,KAAA,CAANG,MAAM;IACN3C,KAAK,GAAAwC,KAAA,CAALxC,KAAK;IACLS,YAAY,GAAA+B,KAAA,CAAZ/B,YAAY;IACZ9B,IAAI,GAAA6D,KAAA,CAAJ7D,IAAI;IACJwB,QAAQ,GAAAqC,KAAA,CAARrC,QAAQ;IACRF,IAAI,GAAAuC,KAAA,CAAJvC,IAAI;IACJV,OAAO,GAAAiD,KAAA,CAAPjD,OAAO;IACPuC,gBAAgB,GAAAU,KAAA,CAAhBV,gBAAgB;IAChBtB,WAAW,GAAAgC,KAAA,CAAXhC,WAAW;IACXZ,GAAG,GAAA4C,KAAA,CAAH5C,GAAG;IACHM,QAAQ,GAAAsC,KAAA,CAARtC,QAAQ;IACRQ,SAAS,GAAA8B,KAAA,CAAT9B,SAAS;IACTiB,OAAO,GAAAa,KAAA,CAAPb,OAAO;IACPhB,iBAAiB,GAAA6B,KAAA,CAAjB7B,iBAAiB;EAEjBmB,gBAAgB,CAACc,mBAAmB,CAACrD,OAAO,EAAEU,IAAI,CAAC;EAEnD,IAAMqC,MAAM,GAAG3D,IAAI,CAAC2D,MAAM,GAAG5B,SAAS,GAAGA,SAAS,GAAG/B,IAAI,CAAC2D,MAAM;EAChE,IAAI3D,IAAI,CAAC2D,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAElC,oBACEhH,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAuH,QAAA,SAAAJ,KAAA,GACG3H,OAAO,CAAC6H,MAAM,CAAC,eACdrH,KAAA,CAAAC,aAAA,CAACmH,OAAO,EAAAD,KAAA,CAAAK,EAAA;IAAA;IAAA,UAEC,QAAQ;IAAA,SACRrC,YAAY,CAACT,KAAK,CAAC;IAAA,WACjBE,QAAQ,WAAAzD,MAAA,CAAWmD,GAAG,iBAAc3B,SAAS;IAAA,MAClDU,IAAI,CAACX,CAAC;IAAA,MACNW,IAAI,CAACT,CAAC;IAAA,KACPoE,MAAM;IAAA,eACI9B,WAAW;IAAA,mBAAA/D,MAAA,CACP0D,QAAQ;IAAA,kBACTpF,oBAAoB,CAAC4F,iBAAiB,EAAEgB,OAAO;EAAC,EACjE,CAAC,GAEHzB,QAAQ,iBACP5E,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAAiH,KAAA,CAAAK,EAAA;IAAA,SAAArG,MAAA,CACHmD,GAAG;IAAA,cACEI,KAAK;IAAA,SACVS,YAAY,CAACT,KAAK,CAAC;IAAA,YAChBE;EAAQ,EACnB,CAEH,CAAC;AAEP;AAEA,SAAS6C,YAAYA,CAAClG,KAAK,EAAE;EAAA,IAAAmG,KAAA;EAC3B,IACWC,aAAa,GASpBpG,KAAK,CATPgF,OAAO;IACPc,MAAM,GAQJ9F,KAAK,CARP8F,MAAM;IACNhE,IAAI,GAOF9B,KAAK,CAPP8B,IAAI;IACJsB,IAAI,GAMFpD,KAAK,CANPoD,IAAI;IACJV,OAAO,GAKL1C,KAAK,CALP0C,OAAO;IACPuC,gBAAgB,GAIdjF,KAAK,CAJPiF,gBAAgB;IAChBtB,WAAW,GAGT3D,KAAK,CAHP2D,WAAW;IACXmB,OAAO,GAEL9E,KAAK,CAFP8E,OAAO;IACPJ,uBAAuB,GACrB1E,KAAK,CADP0E,uBAAuB;EAEzBO,gBAAgB,CAACc,mBAAmB,CAACrD,OAAO,EAAEU,IAAI,CAAC;EAEnD,IAAMiD,kBAAkB,GAAG5H,KAAK,CAAC6H,WAAW,cAC1C7H,KAAK,CAACiC,UAAU,CAAC,UAACV,KAAK,EAAEW,GAAG,EAAK;IAC/B,oBAAOlC,KAAA,CAAAC,aAAA,CAACZ,SAAS,EAAA8C,QAAA;MAAC,mBAAW;MAACD,GAAG,EAAEA,GAAI;MAACE,GAAG,EAAC,MAAM;MAACd,OAAO;IAAA,GAAKC,KAAK,CAAG,CAAC;EAC1E,CAAC,CAAC,EACF,CAACA,KAAK,CACR,CAAC;EACD,OAAAmG,KAAA,GAAOlI,OAAO,CAAC6H,MAAM,CAAC,eACpBrH,KAAA,CAAAC,aAAA,CAAC0H,aAAa,EAAAD,KAAA,CAAAF,EAAA;IAAA;IAAA,UAEJI,kBAAkB;IAAA,KACvB7H,oBAAoB,CAACsD,IAAI,CAAC;IAAA,eAChB6B,WAAW;IAAA,kBACRzF,oBAAoB,CAACwG,uBAAuB,EAAEI,OAAO;EAAC,EACvE,CAAC;AAEN;AAEA,SAASyB,WAAWA,CAACvG,KAAK,EAAE;EAAA,IAAAwG,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAC1B,IAAMC,YAAY,GACiC5H,OAAO;EAA1D,OAAA2H,KAAA,GAAOzI,OAAO,CAAC+B,KAAK,CAAC8F,MAAM,CAAC,eAACrH,KAAA,CAAAC,aAAA,CAACiI,YAAY,EAAAD,KAAA,CAAAT,EAAA,iBAAAW,aAAA,KAAAC,YAAA;IAAA;EAAA,GAAAL,IAAA,GAAsC,CAAC;AACnF;AAAC;AAED,IAAMM,IAAI,GAAGpI,aAAa,CAACO,QAAQ,EAAE;EACnCyG,MAAM,EAANA,MAAM;EACNQ,YAAY,EAAZA,YAAY;EACZnH,OAAO,EAAE,CAACwH,WAAW,EAAExH,OAAO,CAACgI,yBAAyB;AAC1D,CAAC,CAAC;AAEF,eAAeD,IAAI","ignoreList":[]}

package/lib/es6/a11y/PlotA11yModule.js

@@ -11,15 +11,15 @@ import { Box } from '@semcore/flex-box';
 import React from 'react';
 import { normalizeLocale } from './locale';
 /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_edvf5_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_edvf5_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"edvf5_gg_"),
+var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_1jy6a_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1jy6a_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"1jy6a_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yModule": "___SPlotA11yModule_edvf5_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1jy6a_gg_"
 });
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 var globalWasFocused = false;
 var globalNavWithKeyboard = false;
-export var PlotA11yModule = function PlotA11yModule(props) {
+export function PlotA11yModule(props) {
   var _ref = arguments[0],
     _ref5;
   var SPlotA11yModule = Box;
@@ -125,5 +125,5 @@ export var PlotA11yModule = function PlotA11yModule(props) {
     "tabIndex": 0,
     "onFocus": hadnleHiddenElementsFocus
   }, _ref))), t('disabled'));
-};
+}
 //# sourceMappingURL=PlotA11yModule.js.map

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

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

package/lib/es6/a11y/PlotA11yView.js

@@ -12,10 +12,10 @@ import { makeDataSummarizationConfig } from './hints';
 import { getIntl } from './intl';
 import { summarize } from './summarize';
 /*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_x91v4_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_x91v4_gg_:focus,.___SPlotA11yView_x91v4_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_x91v4_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_x91v4_gg_ table,.___SPlotA11yView_x91v4_gg_ td,.___SPlotA11yView_x91v4_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"x91v4_gg_"),
+var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPlotA11yView_5y734_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_5y734_gg_:focus,.___SPlotA11yView_5y734_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_5y734_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_5y734_gg_ table,.___SPlotA11yView_5y734_gg_ td,.___SPlotA11yView_5y734_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"5y734_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yView": "___SPlotA11yView_x91v4_gg_"
+  "__SPlotA11yView": "___SPlotA11yView_5y734_gg_"
 });
 import { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';
 export var PlotA11yView = function PlotA11yView(_ref3) {

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

@@ -7,18 +7,32 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _callSuper from "@babel/runtime/helpers/callSuper";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import { Component, Root, sstyled } from '@semcore/core';
 import { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';
 import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
-import { Flex } from '@semcore/flex-box';
+import { Flex, Box } from '@semcore/flex-box';
 import { Text } from '@semcore/typography';
-import React from 'react';
+import React, { Fragment } from 'react';
+
+// @ts-ignore
+
 // @ts-ignore
 import { Plot, XAxis, YAxis } from '../..';
 import { makeDataHintsContainer } from '../../a11y/hints';
+/*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___STooltipChildrenWrapper_1xuth_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_1xuth_gg_._columnsCount_2_1xuth_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_1xuth_gg_._columnsCount_3_1xuth_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}", /*__inner_css_end__*/"1xuth_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__STooltipChildrenWrapper": "___STooltipChildrenWrapper_1xuth_gg_",
+  "_columnsCount_2": "_columnsCount_2_1xuth_gg_",
+  "_columnsCount_3": "_columnsCount_3_1xuth_gg_"
+});
 import { interpolateValue } from '../../utils';
 import ChartLegend, { ChartLegendTable } from '../ChartLegend';
+export var NOT_A_VALUE = 'n/a';
 export var AbstractChart = /*#__PURE__*/function (_Component) {
   function AbstractChart(props) {
     var _this;
@@ -102,7 +116,7 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
           }, percent !== undefined ? "".concat(percent, "%") : ''), /*#__PURE__*/React.createElement(Text, {
             key: "".concat(key, "_value"),
             use: value ? 'primary' : 'secondary'
-          }, value !== null && value !== void 0 ? value : 'n/a')];
+          }, value !== null && value !== void 0 ? value : NOT_A_VALUE)];
         }
         return dataDefinition;
       });
@@ -172,10 +186,10 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
         if (!groupKey && typeof item === 'number') {
           result.add(item);
         } else {
-          Object.entries(item).forEach(function (_ref3) {
-            var _ref4 = _slicedToArray(_ref3, 2),
-              key = _ref4[0],
-              value = _ref4[1];
+          Object.entries(item).forEach(function (_ref5) {
+            var _ref6 = _slicedToArray(_ref5, 2),
+              key = _ref6[0],
+              value = _ref6[1];
             if (key !== groupKey && typeof value === 'number') {
               result.add(value);
             }
@@ -201,10 +215,10 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
         return _max;
       }
       var max = data.reduce(function (max, item) {
-        var barSum = Object.entries(item).reduce(function (sum, _ref5) {
-          var _ref6 = _slicedToArray(_ref5, 2),
-            key = _ref6[0],
-            val = _ref6[1];
+        var barSum = Object.entries(item).reduce(function (sum, _ref7) {
+          var _ref8 = _slicedToArray(_ref7, 2),
+            key = _ref8[0],
+            val = _ref8[1];
           if (key === groupKey) {
             return sum;
           }
@@ -227,18 +241,42 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
     key: "totalValue",
     value: function totalValue(data) {
       var dataDefinitions = this.state.dataDefinitions;
+      var allNotAValue = true;
       var total = dataDefinitions.reduce(function (sum, legendItem) {
         var item = data[legendItem.id];
+        if (item === null) {
+          allNotAValue = false;
+          return sum;
+        }
         if (typeof item === 'number') {
+          allNotAValue = false;
           return sum + item;
         }
         if (item instanceof Date && !Number.isNaN(item.getMilliseconds())) {
+          allNotAValue = false;
           return sum + item.getMilliseconds();
         }
         return sum;
       }, 0);
+      if (allNotAValue) {
+        return Number.NaN;
+      }
       return total;
     }
+  }, {
+    key: "percentValue",
+    value: function percentValue(data, key) {
+      var total = this.totalValue(data);
+      var value = data[key];
+      if (typeof value === 'number' && total !== 0) {
+        var percent = Math.round(100 * value / total);
+        return "".concat(percent, "%");
+      }
+      if (value === null) {
+        return "0%";
+      }
+      return NOT_A_VALUE;
+    }
   }, {
     key: "getValueScale",
     value: function getValueScale(values) {
@@ -304,7 +342,7 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
         return tooltipValueFormatter(value);
       }
       if (value === undefined || value === interpolateValue) {
-        return 'n/a';
+        return NOT_A_VALUE;
       }
       if (value === null) {
         return '0';
@@ -384,14 +422,14 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
       }
       var xTicks = this.xTicks;
       var yTicks = this.yTicks;
-      var childrenX = axisXValueFormatter ? function (_ref7) {
-        var value = _ref7.value;
+      var childrenX = axisXValueFormatter ? function (_ref9) {
+        var value = _ref9.value;
         return {
           children: axisXValueFormatter(value)
         };
       } : undefined;
-      var childrenY = axisYValueFormatter ? function (_ref8) {
-        var value = _ref8.value;
+      var childrenY = axisYValueFormatter ? function (_ref0) {
+        var value = _ref0.value;
         return {
           children: axisYValueFormatter(value)
         };
@@ -413,27 +451,77 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
       }) : /*#__PURE__*/React.createElement(XAxis.Grid, null))));
     }
   }, {
-    key: "render",
-    value: function render() {
+    key: "getTooltipChildren",
+    value: function getTooltipChildren(options) {
       var _ref = this.asProps,
-        _ref2;
-      var SChart = Flex;
+        _ref3,
+        _dataItem,
+        _this3 = this;
+      var STooltipChildrenWrapper = Box;
+      var Tooltip = options.Tooltip,
+        dataItem = options.dataItem;
       var _this$asProps7 = this.asProps,
         styles = _this$asProps7.styles,
-        plotWidth = _this$asProps7.plotWidth,
-        plotHeight = _this$asProps7.plotHeight,
-        data = _this$asProps7.data,
-        patterns = _this$asProps7.patterns,
-        a11yAltTextConfig = _this$asProps7.a11yAltTextConfig,
-        duration = _this$asProps7.duration,
-        eventEmitter = _this$asProps7.eventEmitter;
+        groupKey = _this$asProps7.groupKey;
+      var dataDefinitions = this.state.dataDefinitions;
+      var title = (_dataItem = dataItem[groupKey]) === null || _dataItem === void 0 ? void 0 : _dataItem.toString();
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(Flex, _ref3.cn("Flex", {
+        "direction": 'column'
+      }), title && /*#__PURE__*/React.createElement(Tooltip.Title, null, title), /*#__PURE__*/React.createElement(STooltipChildrenWrapper, _ref3.cn("STooltipChildrenWrapper", _objectSpread({}, _assignProps({
+        "columnsCount": '2',
+        "__excludeProps": ['data']
+      }, _ref))), dataDefinitions.map(function (item) {
+        return item.checked && /*#__PURE__*/React.createElement(Fragment, {
+          key: item.id
+        }, /*#__PURE__*/React.createElement(Tooltip.Dot, {
+          mr: 2,
+          color: item.color
+        }, item.label), /*#__PURE__*/React.createElement(Text, {
+          textAlign: "end",
+          bold: true
+        }, _this3.tooltipValueFormatter(dataItem[item.id])));
+      }), this.renderTooltipTotalLine(dataItem)));
+    }
+  }, {
+    key: "renderTooltipTotalLine",
+    value: function renderTooltipTotalLine(dataItem) {
+      var showTotalInTooltip = this.asProps.showTotalInTooltip;
+      if (!showTotalInTooltip) {
+        return null;
+      }
+      var total = this.totalValue(dataItem);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+        mt: 2,
+        mr: 2
+      }, "Total"), /*#__PURE__*/React.createElement(Text, {
+        mt: 2,
+        textAlign: "end",
+        bold: true
+      }, Number.isNaN(total) ? NOT_A_VALUE : total));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref4;
+      var SChart = Flex;
+      var _this$asProps8 = this.asProps,
+        styles = _this$asProps8.styles,
+        plotWidth = _this$asProps8.plotWidth,
+        plotHeight = _this$asProps8.plotHeight,
+        data = _this$asProps8.data,
+        patterns = _this$asProps8.patterns,
+        a11yAltTextConfig = _this$asProps8.a11yAltTextConfig,
+        duration = _this$asProps8.duration,
+        eventEmitter = _this$asProps8.eventEmitter,
+        showTooltip = _this$asProps8.showTooltip;
       var _extractAriaProps = extractAriaProps(this.asProps),
         extractedAriaProps = _extractAriaProps.extractedAriaProps;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SChart, _ref2.cn("SChart", _objectSpread({}, _assignProps({
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SChart, _ref4.cn("SChart", _objectSpread({}, _assignProps2({
         "gap": 5,
         "__excludeProps": ['data', 'eventEmitter'],
         "role": 'group'
-      }, _ref))), this.renderLegend(), /*#__PURE__*/React.createElement(Plot, _ref2.cn("Plot", _objectSpread({
+      }, _ref2))), this.renderLegend(), /*#__PURE__*/React.createElement(Plot, _ref4.cn("Plot", _objectSpread({
         "data": data,
         "scale": [this.xScale, this.yScale],
         "width": plotWidth,
@@ -443,11 +531,11 @@ export var AbstractChart = /*#__PURE__*/function (_Component) {
         "patterns": patterns,
         "duration": duration,
         "eventEmitter": eventEmitter
-      }, extractedAriaProps)), this.renderAxis(), this.renderTooltip(), this.renderChart()));
+      }, extractedAriaProps)), this.renderAxis(), !showTooltip ? null : this.renderTooltip(), this.renderChart()));
     }
   }]);
 }(Component);
-_defineProperty(AbstractChart, "style", {});
+_defineProperty(AbstractChart, "style", style);
 _defineProperty(AbstractChart, "defaultProps", {
   direction: 'column',
   showXAxis: true,