@semcore/d3-chart 16.0.0-prerelease.7 → 16.0.0

package/lib/es6/Venn.js

@@ -19,8 +19,10 @@ import { getChartDefaultColorName } from './utils';
 import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
 import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
-/*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_wmt8p_gg_,.___SIntersection_wmt8p_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_wmt8p_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_wmt8p);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_wmt8p_gg_:hover{fill-opacity:.7}}.___SCircle_wmt8p_gg_.__color_wmt8p_gg_{fill:var(--color_wmt8p)}.___SCircle_wmt8p_gg_.__pattern_wmt8p_gg_.__color_wmt8p_gg_{fill:var(--pattern_wmt8p);fill-opacity:.7;stroke:var(--color_wmt8p);stroke-width:1px}@media (hover:hover){.___SCircle_wmt8p_gg_.__pattern_wmt8p_gg_.__color_wmt8p_gg_:hover{fill-opacity:.85}}.___SCircle_wmt8p_gg_.__transparent_wmt8p_gg_{opacity:.3}.___SIntersection_wmt8p_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_wmt8p_gg_:hover{fill-opacity:.1}}.___SIntersection_wmt8p_gg_.__transparent_wmt8p_gg_{opacity:.3}" /*__inner_css_end__*/, "wmt8p_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./style/venn.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_wmt8p_gg_,.___SIntersection_wmt8p_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_wmt8p_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_wmt8p);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_wmt8p_gg_:hover{fill-opacity:.7}}.___SCircle_wmt8p_gg_.__color_wmt8p_gg_{fill:var(--color_wmt8p)}.___SCircle_wmt8p_gg_.__pattern_wmt8p_gg_.__color_wmt8p_gg_{fill:var(--pattern_wmt8p);fill-opacity:.7;stroke:var(--color_wmt8p);stroke-width:1px}@media (hover:hover){.___SCircle_wmt8p_gg_.__pattern_wmt8p_gg_.__color_wmt8p_gg_:hover{fill-opacity:.85}}.___SCircle_wmt8p_gg_.__transparent_wmt8p_gg_{opacity:.3}.___SIntersection_wmt8p_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_wmt8p_gg_:hover{fill-opacity:.1}}.___SIntersection_wmt8p_gg_.__transparent_wmt8p_gg_{opacity:.3}", /*__inner_css_end__*/"wmt8p_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SCircle": "___SCircle_wmt8p_gg_",
   "_color": "__color_wmt8p_gg_",
   "--color": "--color_wmt8p",

package/lib/es6/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["React","venn","normalizeSolution","scaleSolution","intersectionAreaPath","Component","Root","sstyled","canUseDOM","FadeInOut","createElement","getChartDefaultColorName","Tooltip","PatternFill","uniqueIDEnhancement","style","_sstyled","insert","VennRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref5","clientX","clientY","eventEmitter","asProps","emit","forwardRef","ref","_extends","tag","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","getCircleProps","index","colorBackwardCapabilityOffset","color","name","patterns","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","resolveColor","uid","minRadius","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","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 React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { getChartDefaultColorName } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\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    minRadius: 6,\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 } = this.asProps;\n\n    eventEmitter.emit('setTooltipPosition', clientX, clientY);\n    eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);\n    eventEmitter.emit('setTooltipVisible', 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  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    };\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    };\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  resolveColor,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  uid,\n  patterns,\n  minRadius,\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        />,\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  } = 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 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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"}
+{"version":3,"file":"Venn.js","names":["React","venn","normalizeSolution","scaleSolution","intersectionAreaPath","Component","Root","sstyled","canUseDOM","FadeInOut","createElement","getChartDefaultColorName","Tooltip","PatternFill","uniqueIDEnhancement","style","_sstyled","insert","VennRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref5","clientX","clientY","eventEmitter","asProps","emit","forwardRef","ref","_extends","tag","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","getCircleProps","index","colorBackwardCapabilityOffset","color","name","patterns","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","resolveColor","uid","minRadius","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","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 React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { getChartDefaultColorName } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\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    minRadius: 6,\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 } = this.asProps;\n\n    eventEmitter.emit('setTooltipPosition', clientX, clientY);\n    eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);\n    eventEmitter.emit('setTooltipVisible', 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  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    };\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    };\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  resolveColor,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  uid,\n  patterns,\n  minRadius,\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        />,\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  } = 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 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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"}

package/lib/es6/a11y/PlotA11yModule.js

@@ -9,8 +9,10 @@ import React from 'react';
 import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
-/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_i0svk_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_i0svk_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "i0svk_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_i0svk_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_i0svk_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"i0svk_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SPlotA11yModule": "___SPlotA11yModule_i0svk_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';

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

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["React","normalizeLocale","localizedMessages","Root","sstyled","styles","_sstyled","insert","Context","I18nContext","useI18n","Box","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$useState10","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 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/core/lib/utils/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\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        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":["React","normalizeLocale","localizedMessages","Root","sstyled","styles","_sstyled","insert","Context","I18nContext","useI18n","Box","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$useState10","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 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/core/lib/utils/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\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        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/es6/a11y/PlotA11yView.js

@@ -8,8 +8,10 @@ import { makeDataSummarizationConfig } from './hints';
 import { getIntl } from './intl';
 import { summarize } from './summarize';
 import { Root, sstyled } from '@semcore/core';
-/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1anfm_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_1anfm_gg_:focus,.___SPlotA11yView_1anfm_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_1anfm_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1anfm_gg_ table,.___SPlotA11yView_1anfm_gg_ td,.___SPlotA11yView_1anfm_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1anfm_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1anfm_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_1anfm_gg_:focus,.___SPlotA11yView_1anfm_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_1anfm_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1anfm_gg_ table,.___SPlotA11yView_1anfm_gg_ td,.___SPlotA11yView_1anfm_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}", /*__inner_css_end__*/"1anfm_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SPlotA11yView": "___SPlotA11yView_1anfm_gg_"
 });
 import { Box } from '@semcore/flex-box';

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

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","DataAccessibilityTable","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleClose","useCallback","_plotRef$current","current","focus","handleSkip","event","_heavyFindNextFocusab","preventDefault","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    plotRef.current?.focus();\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role={'dialog'}\n      __excludeProps={['data']}\n    >\n      <button type={'button'} onClick={handleClose}>\n        {texts.close}\n      </button>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={'#'} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}
+{"version":3,"file":"PlotA11yView.js","names":["React","heavyFindNextFocusableElement","makeDataSummarizationConfig","getIntl","summarize","Root","sstyled","styles","_sstyled","insert","Box","useAsyncI18nMessages","localizedMessages","DataAccessibilityTable","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","translations","intl","useMemo","Array","isArray","_React$useState","useState","_React$useState2","_slicedToArray","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","handleClose","useCallback","_plotRef$current","current","focus","handleSkip","event","_heavyFindNextFocusab","preventDefault","handleSkipKeyboard","key","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","label","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread","_assignProps","concat"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\nimport { DataAccessibilityTable } from './DataAccessibilityTable';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n  id,\n  data: providedData,\n  hints,\n  plotLabel,\n  plotRef,\n  config: providedConfig,\n  locale,\n}) => {\n  const SPlotA11yView = Root;\n  const translations = useAsyncI18nMessages(localizedMessages, locale);\n  const intl = React.useMemo(\n    () => getIntl(locale, translations, localizedMessages),\n    [locale, translations, localizedMessages],\n  );\n  const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n  const data = React.useMemo(\n    () => (Array.isArray(providedData) ? providedData : [providedData]),\n    [providedData],\n  );\n\n  const [summary, setSummary] = React.useState<string | null>(null);\n  const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n  React.useEffect(() => {\n    if (config.disable) {\n      setSummary('');\n      setGeneratingSummary(false);\n      return;\n    }\n    if (config.override) {\n      setSummary(config.override);\n      setGeneratingSummary(false);\n      return;\n    }\n    setTimeout(() => {\n      setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n      setGeneratingSummary(false);\n    }, 0);\n  }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n  const handleClose = React.useCallback(() => {\n    plotRef.current?.focus();\n  }, []);\n  const handleSkip = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    if (!plotRef.current) return;\n\n    heavyFindNextFocusableElement(plotRef.current)?.focus();\n  }, []);\n  const handleSkipKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleSkip(event);\n    },\n    [handleSkip],\n  );\n  const handleGoToTable = React.useCallback((event: React.SyntheticEvent) => {\n    event.preventDefault();\n    dataTableRef.current?.focus();\n  }, []);\n  const handleGoToTableKeyboard = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (!(event.key === 'Enter' || event.key === ' ')) return;\n\n      handleGoToTable(event);\n    },\n    [handleGoToTable],\n  );\n\n  const texts = React.useMemo(\n    () => ({\n      label: intl.formatMessage(\n        { id: 'view-label' },\n        { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n      ),\n      close: intl.formatMessage({ id: 'view-close' }),\n      skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n      goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n      summary: intl.formatMessage({ id: 'view-data-summary' }),\n      summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n      table: intl.formatMessage({ id: 'view-table' }),\n    }),\n    [intl, plotLabel],\n  );\n\n  const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n  return sstyled(styles)(\n    <SPlotA11yView\n      render={Box}\n      tabIndex={0}\n      aria-label={texts.label}\n      role={'dialog'}\n      __excludeProps={['data']}\n    >\n      <button type={'button'} onClick={handleClose}>\n        {texts.close}\n      </button>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={'#'} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n        {texts.skipPlot}\n      </a>\n      {/* biome-ignore lint/a11y/useValidAnchor: */}\n      <a href={`#${id}-data-table`} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n        {texts.goToTable}\n      </a>\n      <strong>\n        <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n      </strong>\n      <div id={`${id}-data-summary`} aria-busy={generatingSummary}>\n        {generatingSummary ? texts.summaryPlaceholder : summary}\n      </div>\n      <strong>\n        <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n      </strong>\n      <DataAccessibilityTable\n        id={id}\n        dataTableRef={dataTableRef}\n        data={data}\n        hints={hints}\n        config={config}\n        intl={intl}\n      />\n    </SPlotA11yView>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -9,8 +9,10 @@ import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { createComponent, sstyled, Root } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
-/*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1dh50_gg_._direction_row_1dh50_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1dh50_gg_._direction_column_1dh50_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1dh50_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./legend-flex.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1dh50_gg_._direction_row_1dh50_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1dh50_gg_._direction_column_1dh50_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"1dh50_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SLegendFlex": "___SLegendFlex_1dh50_gg_",
   "_direction_row": "_direction_row_1dh50_gg_",
   "_direction_column": "_direction_column_1dh50_gg_"

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.js","names":["React","createComponent","sstyled","Root","Flex","style","_sstyled","insert","LegendItemComponent","Divider","Checkbox","BaseLegend","localizedMessages","i18nEnhance","LegendFlexRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread","_assignProps","map","_ref4","id","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme={'gray-400'}\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role={'group'}>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendFlex.js","names":["React","createComponent","sstyled","Root","Flex","style","_sstyled","insert","LegendItemComponent","Divider","Checkbox","BaseLegend","localizedMessages","i18nEnhance","LegendFlexRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","renderTrend","_ref3","asProps","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","_this$asProps","styles","Children","direction","withTrend","suffix","items","orientation","cn","_objectSpread","_assignProps","map","_ref4","id","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport style from './legend-flex.shadow.css';\nimport { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport Divider from '@semcore/divider';\nimport Checkbox from '@semcore/checkbox';\nimport { BaseLegend } from '../BaseLegend';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme={'gray-400'}\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role={'group'}>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex: LegendFlexType = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -18,8 +18,10 @@ import { createComponent, Component, sstyled, Root } from '@semcore/core';
 import { Flex, Box } from '@semcore/flex-box';
 import Checkbox from '@semcore/checkbox';
 import { Text as TypographyText } from '@semcore/typography';
-/*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_13lto_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_13lto_gg_:hover{cursor:pointer}.___SLegendItem_13lto_gg_.__disabled_13lto_gg_:hover{cursor:default}}.___SPointShape_13lto_gg_.__color_13lto_gg_{background-color:var(--color_13lto);margin-right:8px;flex-shrink:0}.___SPointShape_13lto_gg_._shape_Circle_13lto_gg_._size_l_13lto_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Circle_13lto_gg_._size_m_13lto_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Line_13lto_gg_._size_l_13lto_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_13lto_gg_._shape_Line_13lto_gg_._size_m_13lto_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_13lto_gg_._shape_Square_13lto_gg_._size_l_13lto_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Square_13lto_gg_._size_m_13lto_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Pattern_13lto_gg_{background-color:transparent;margin-right:4px}.___SIcon_13lto_gg_{line-height:0;margin-right:4px}.___SIcon_13lto_gg_._size_l_13lto_gg_{margin-top:4px}.___SIcon_13lto_gg_._size_m_13lto_gg_{margin-top:2px}.___SLabel_13lto_gg_{min-width:0}.___SAdditionalLabel_13lto_gg_._size_l_13lto_gg_,.___SCount_13lto_gg_._size_l_13lto_gg_,.___SLabel_13lto_gg_._size_l_13lto_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_13lto_gg_._size_m_13lto_gg_,.___SCount_13lto_gg_._size_m_13lto_gg_,.___SLabel_13lto_gg_._size_m_13lto_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_13lto_gg_,.___SCount_13lto_gg_{margin-left:4px}.___SAdditionalLabel_13lto_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_13lto_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_13lto_gg_._size_l_13lto_gg_::before{margin-top:10px}.___SAdditionalLabel_13lto_gg_._size_m_13lto_gg_::before{margin-top:8px}.___SPatternSymbol_13lto_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "13lto_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./legend-item.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_13lto_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_13lto_gg_:hover{cursor:pointer}.___SLegendItem_13lto_gg_.__disabled_13lto_gg_:hover{cursor:default}}.___SPointShape_13lto_gg_.__color_13lto_gg_{background-color:var(--color_13lto);margin-right:8px;flex-shrink:0}.___SPointShape_13lto_gg_._shape_Circle_13lto_gg_._size_l_13lto_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Circle_13lto_gg_._size_m_13lto_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Line_13lto_gg_._size_l_13lto_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_13lto_gg_._shape_Line_13lto_gg_._size_m_13lto_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_13lto_gg_._shape_Square_13lto_gg_._size_l_13lto_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Square_13lto_gg_._size_m_13lto_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_13lto_gg_._shape_Pattern_13lto_gg_{background-color:transparent;margin-right:4px}.___SIcon_13lto_gg_{line-height:0;margin-right:4px}.___SIcon_13lto_gg_._size_l_13lto_gg_{margin-top:4px}.___SIcon_13lto_gg_._size_m_13lto_gg_{margin-top:2px}.___SLabel_13lto_gg_{min-width:0}.___SAdditionalLabel_13lto_gg_._size_l_13lto_gg_,.___SCount_13lto_gg_._size_l_13lto_gg_,.___SLabel_13lto_gg_._size_l_13lto_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_13lto_gg_._size_m_13lto_gg_,.___SCount_13lto_gg_._size_m_13lto_gg_,.___SLabel_13lto_gg_._size_m_13lto_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_13lto_gg_,.___SCount_13lto_gg_{margin-left:4px}.___SAdditionalLabel_13lto_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_13lto_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_13lto_gg_._size_l_13lto_gg_::before{margin-top:10px}.___SAdditionalLabel_13lto_gg_._size_m_13lto_gg_::before{margin-top:8px}.___SPatternSymbol_13lto_gg_{transform:scale(.8)}", /*__inner_css_end__*/"13lto_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SLegendItem": "___SLegendItem_13lto_gg_",
   "_disabled": "__disabled_13lto_gg_",
   "__SPointShape": "___SPointShape_13lto_gg_",

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","uniqueIDEnhancement","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport { createComponent, Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, {}, {}, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n    return {\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendItem.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","Checkbox","Text","TypographyText","style","_sstyled","insert","StaticShapes","resolveColorEnhance","uniqueIDEnhancement","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getUniqueID","uid","asProps","concat","getShapeProps","_this$asProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","patternKey","onChange","getIconProps","props","_objectSpread","children","icon","getLabelProps","_this$asProps2","_objectWithoutProperties","_excluded","onClick","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","_this$asProps3","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref10","SPointShape","SPatternSymbol","_props$patternKey","hasChildren","_ref8","_ref9","_assignProps2","_ref15","_ref3","_ref11","SIcon","_assignProps3","displayName","_ref16","_ref4","_ref12","SLabel","_assignProps4","_ref17","_ref5","_ref13","SAdditionalLabel","_assignProps5","_ref18","_ref6","_ref14","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import React, { DOMAttributes } from 'react';\nimport { createComponent, Component, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport Checkbox from '@semcore/checkbox';\nimport { Text as TypographyText } from '@semcore/typography';\n\nimport style from './legend-item.shadow.css';\nimport {\n  ShapeProps,\n  LegendItemProps,\n  LegendItemType,\n  LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, {}, {}, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem } =\n      this.asProps;\n    return {\n      label,\n      shape,\n      checked,\n      color: resolveColor(color),\n      patternKey: color,\n      patterns,\n      size,\n      onChange: (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color, onChangeLegendItem, shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps {\n    const props = this.asProps;\n\n    const { additionalInfo } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape);\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={checked ? color : undefined}\n          onChange={onChange}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt={'2px'} mr={1}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag={'span'}>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use={'primary'}>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use={'secondary'}>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use={'secondary'}>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent: LegendItemType = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js

@@ -10,8 +10,10 @@ import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
 import { createComponent, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-/*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1a40m_gg_.__columns-count_1a40m_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1a40m_gg_._size_l_1a40m_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1a40m_gg_._size_m_1a40m_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1a40m_gg_") /*__reshadow_css_end__*/, {
+/*!__reshadow-styles__:"./legend-table.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1a40m_gg_.__columns-count_1a40m_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1a40m_gg_._size_l_1a40m_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1a40m_gg_._size_m_1a40m_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"1a40m_gg_"),
+/*__reshadow_css_end__*/
+{
   "__SLegendTable": "___SLegendTable_1a40m_gg_",
   "_columns-count": "__columns-count_1a40m_gg_",
   "__SColumnItem": "___SColumnItem_1a40m_gg_",

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","LegendItemComponent","BaseLegend","LegendTableRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role={'group'}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendTable.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","LegendItemComponent","BaseLegend","LegendTableRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role={'group'}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}

package/lib/esm/AnimatedClipPath.mjs

@@ -0,0 +1,54 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from "react";
+import { createComponent, Component } from "@semcore/core";
+import propsForElement from "@semcore/core/lib/utils/propsForElement";
+var _excluded = ["id", "transition", "tag", "style", "className"];
+var AnimatedClipPath = /* @__PURE__ */ function(_Component) {
+  _inherits(AnimatedClipPath2, _Component);
+  var _super = _createSuper(AnimatedClipPath2);
+  function AnimatedClipPath2() {
+    _classCallCheck(this, AnimatedClipPath2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(AnimatedClipPath2, [{
+    key: "render",
+    value: function render() {
+      var _this$asProps = this.asProps, id = _this$asProps.id;
+      _this$asProps.transition;
+      var Tag = _this$asProps.tag;
+      _this$asProps.style;
+      _this$asProps.className;
+      var other = _objectWithoutProperties(_this$asProps, _excluded);
+      var duration = typeof this.asProps.duration === "number" ? "".concat(this.asProps.duration, "ms") : this.asProps.duration;
+      return /* @__PURE__ */ React.createElement("clipPath", {
+        "aria-hidden": true,
+        ref: this.refClipPath,
+        id
+      }, /* @__PURE__ */ React.createElement("rect", {
+        x: 0,
+        y: 0,
+        width: "100%",
+        height: "100%"
+      }, /* @__PURE__ */ React.createElement("animate", _extends({
+        dur: duration
+      }, propsForElement(other, Tag)))));
+    }
+  }]);
+  return AnimatedClipPath2;
+}(Component);
+_defineProperty(AnimatedClipPath, "defaultProps", {
+  tag: "rect",
+  duration: 500,
+  attributeName: "width",
+  values: "0;100%"
+});
+const AnimatedClipPath$1 = createComponent(AnimatedClipPath);
+export {
+  AnimatedClipPath$1 as default
+};