@semcore/d3-chart 2.7.2 → 2.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/lib/cjs/Area.js +24 -16
  3. package/lib/cjs/Area.js.map +1 -1
  4. package/lib/cjs/Axis.js +14 -14
  5. package/lib/cjs/Bar.js +13 -10
  6. package/lib/cjs/Bar.js.map +1 -1
  7. package/lib/cjs/Bubble.js +10 -10
  8. package/lib/cjs/Donut.js +12 -9
  9. package/lib/cjs/Donut.js.map +1 -1
  10. package/lib/cjs/Dots.js +14 -11
  11. package/lib/cjs/Dots.js.map +1 -1
  12. package/lib/cjs/HorizontalBar.js +12 -9
  13. package/lib/cjs/HorizontalBar.js.map +1 -1
  14. package/lib/cjs/Hover.js +4 -4
  15. package/lib/cjs/Line.js +16 -11
  16. package/lib/cjs/Line.js.map +1 -1
  17. package/lib/cjs/Plot.js +4 -4
  18. package/lib/cjs/RadialTree.js +11 -11
  19. package/lib/cjs/ReferenceLine.js +10 -10
  20. package/lib/cjs/ScatterPlot.js +7 -7
  21. package/lib/cjs/Tooltip.js +8 -8
  22. package/lib/cjs/Venn.js +22 -13
  23. package/lib/cjs/Venn.js.map +1 -1
  24. package/lib/cjs/a11y/PlotA11yModule.js +3 -3
  25. package/lib/cjs/a11y/PlotA11yView.js +4 -4
  26. package/lib/cjs/style/area.shadow.css +8 -0
  27. package/lib/cjs/style/bar.shadow.css +4 -0
  28. package/lib/cjs/style/donut.shadow.css +4 -0
  29. package/lib/cjs/style/dot.shadow.css +4 -0
  30. package/lib/cjs/style/line.shadow.css +4 -0
  31. package/lib/cjs/style/venn.shadow.css +8 -0
  32. package/lib/cjs/types/Area.d.js.map +1 -1
  33. package/lib/cjs/types/Bar.d.js.map +1 -1
  34. package/lib/cjs/types/Donut.d.js.map +1 -1
  35. package/lib/cjs/types/HorizontalBar.d.js.map +1 -1
  36. package/lib/cjs/types/Line.d.js.map +1 -1
  37. package/lib/cjs/types/Venn.d.js.map +1 -1
  38. package/lib/es6/Area.js +24 -16
  39. package/lib/es6/Area.js.map +1 -1
  40. package/lib/es6/Axis.js +14 -14
  41. package/lib/es6/Bar.js +13 -10
  42. package/lib/es6/Bar.js.map +1 -1
  43. package/lib/es6/Bubble.js +10 -10
  44. package/lib/es6/Donut.js +12 -9
  45. package/lib/es6/Donut.js.map +1 -1
  46. package/lib/es6/Dots.js +14 -11
  47. package/lib/es6/Dots.js.map +1 -1
  48. package/lib/es6/HorizontalBar.js +12 -9
  49. package/lib/es6/HorizontalBar.js.map +1 -1
  50. package/lib/es6/Hover.js +4 -4
  51. package/lib/es6/Line.js +16 -11
  52. package/lib/es6/Line.js.map +1 -1
  53. package/lib/es6/Plot.js +4 -4
  54. package/lib/es6/RadialTree.js +11 -11
  55. package/lib/es6/ReferenceLine.js +10 -10
  56. package/lib/es6/ScatterPlot.js +7 -7
  57. package/lib/es6/Tooltip.js +8 -8
  58. package/lib/es6/Venn.js +22 -13
  59. package/lib/es6/Venn.js.map +1 -1
  60. package/lib/es6/a11y/PlotA11yModule.js +3 -3
  61. package/lib/es6/a11y/PlotA11yView.js +4 -4
  62. package/lib/es6/style/area.shadow.css +8 -0
  63. package/lib/es6/style/bar.shadow.css +4 -0
  64. package/lib/es6/style/donut.shadow.css +4 -0
  65. package/lib/es6/style/dot.shadow.css +4 -0
  66. package/lib/es6/style/line.shadow.css +4 -0
  67. package/lib/es6/style/venn.shadow.css +8 -0
  68. package/lib/es6/types/Area.d.js.map +1 -1
  69. package/lib/es6/types/Bar.d.js.map +1 -1
  70. package/lib/es6/types/Donut.d.js.map +1 -1
  71. package/lib/es6/types/HorizontalBar.d.js.map +1 -1
  72. package/lib/es6/types/Line.d.js.map +1 -1
  73. package/lib/es6/types/Venn.d.js.map +1 -1
  74. package/lib/types/Area.d.ts +4 -0
  75. package/lib/types/Bar.d.ts +2 -0
  76. package/lib/types/Donut.d.ts +2 -0
  77. package/lib/types/HorizontalBar.d.ts +2 -0
  78. package/lib/types/Line.d.ts +2 -0
  79. package/lib/types/Venn.d.ts +4 -0
  80. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Dots.js","names":["EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","SDots","bisect","bisector","d","center","useState","activeIndex","setActiveIndex","handlerMouseMoveRoot","useCallback","trottle","e","xScale","eventToPoint","current","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","sstyled","style","createElement"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n data,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={i}\n render=\"circle\"\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
1
+ {"version":3,"file":"Dots.js","names":["EXCLUDE_PROPS","Dots","props","SDot","Element","styles","data","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","duration","transparent","SDots","bisect","bisector","d","center","useState","activeIndex","setActiveIndex","handlerMouseMoveRoot","useCallback","trottle","e","xScale","eventToPoint","current","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","isPrev","defined","isNext","active","visible","push","sstyled","style","createElement"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n const {\n Element: SDot,\n styles,\n data,\n color,\n d3,\n x,\n y,\n eventEmitter,\n display,\n hide,\n rootRef,\n scale,\n duration = 500,\n transparent,\n } = props;\n const SDots = 'g';\n const bisect = bisector((d) => d[x]).center;\n const [activeIndex, setActiveIndex] = useState(null);\n\n const handlerMouseMoveRoot = useCallback(\n trottle((e) => {\n const [xScale] = scale;\n const [pX] = eventToPoint(e, rootRef.current);\n const vX = invert(xScale, pX);\n setActiveIndex(bisect(data, vX));\n }),\n [scale, data],\n );\n\n const handlerMouseLeaveRoot = useCallback(\n trottle(() => {\n setActiveIndex(null);\n }),\n [],\n );\n\n useEffect(() => {\n const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n e.persist();\n handlerMouseMoveRoot(e);\n });\n\n const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n 'onMouseLeaveChart',\n handlerMouseLeaveRoot,\n );\n\n return () => {\n unsubscribeMouseMoveRoot();\n unsubscribeMouseLeaveRoot();\n };\n }, [eventEmitter, scale, data, x, y]);\n\n const dots = data.reduce((acc, d, i) => {\n const isPrev = d3.defined()(data[i - 1] || {});\n const isNext = d3.defined()(data[i + 1] || {});\n const active = i === activeIndex;\n const visible = display || i === activeIndex || (!isPrev && !isNext);\n if (!d3.defined()(d)) return acc;\n if (!visible) return acc;\n acc.push(\n sstyled(styles)(\n <SDot\n aria-hidden\n key={i}\n render=\"circle\"\n visible={visible}\n __excludeProps={EXCLUDE_PROPS}\n value={d}\n index={i}\n cx={d3.x()(d)}\n cy={d3.y()(d)}\n active={active}\n hide={hide}\n color={color}\n transparent={transparent}\n />,\n ),\n );\n return acc;\n }, []);\n return sstyled(styles)(<SDots use:duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
@@ -42,17 +42,18 @@ var style = (
42
42
  /*__reshadow_css_start__*/
43
43
  _core.sstyled.insert(
44
44
  /*__inner_css_start__*/
45
- ".___SBar_fk1v7_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_fk1v7);transition-timing-function:ease-in-out}.___SBar_fk1v7_gg_.__color_fk1v7_gg_{fill:var(--color_fk1v7)}.___SBar_fk1v7_gg_.__hide_fk1v7_gg_{display:none}.___SBackground_fk1v7_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
45
+ ".___SBar_wp2ex_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_wp2ex);transition-timing-function:ease-in-out}.___SBar_wp2ex_gg_.__color_wp2ex_gg_{fill:var(--color_wp2ex)}.___SBar_wp2ex_gg_.__hide_wp2ex_gg_{display:none}.___SBar_wp2ex_gg_.__transparent_wp2ex_gg_{opacity:.3}.___SBackground_wp2ex_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
46
46
  /*__inner_css_end__*/
47
- , "fk1v7_gg_")
47
+ , "wp2ex_gg_")
48
48
  /*__reshadow_css_end__*/
49
49
  , {
50
- "__SBar": "___SBar_fk1v7_gg_",
51
- "--duration": "--duration_fk1v7",
52
- "_color": "__color_fk1v7_gg_",
53
- "--color": "--color_fk1v7",
54
- "_hide": "__hide_fk1v7_gg_",
55
- "__SBackground": "___SBackground_fk1v7_gg_"
50
+ "__SBar": "___SBar_wp2ex_gg_",
51
+ "--duration": "--duration_wp2ex",
52
+ "_color": "__color_wp2ex_gg_",
53
+ "--color": "--color_wp2ex",
54
+ "_hide": "__hide_wp2ex_gg_",
55
+ "_transparent": "__transparent_wp2ex_gg_",
56
+ "__SBackground": "___SBackground_wp2ex_gg_"
56
57
  });
57
58
 
58
59
  var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
@@ -97,7 +98,8 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
97
98
  heightProps = _this$asProps2.height,
98
99
  onMouseMove = _this$asProps2.onMouseMove,
99
100
  onMouseLeave = _this$asProps2.onMouseLeave,
100
- groupKey = _this$asProps2.groupKey;
101
+ groupKey = _this$asProps2.groupKey,
102
+ transparent = _this$asProps2.transparent;
101
103
 
102
104
  var _scale = (0, _slicedToArray2["default"])(scale, 2),
103
105
  xScale = _scale[0],
@@ -133,6 +135,7 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
133
135
  "index": i,
134
136
  "hide": hide,
135
137
  "color": color,
138
+ "transparent": transparent,
136
139
  "x": barX,
137
140
  "y": barY,
138
141
  "width": width,
@@ -1 +1 @@
1
- {"version":3,"file":"HorizontalBar.js","names":["HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","xScale","yScale","barY","barX","Math","min","Object","is","getBandwidth","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","sstyled","size","map","renderBar","bind","rect","setAttribute","Component","uniqueIDEnhancement","style","Background","SBackground","xRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n wMin: 4,\n };\n\n getBackgroundProps(props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const barY = yScale(d[y]) + offset[1];\n const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0] - (Object.is(d[x], -0) ? wMin : 0);\n const height = heightProps || getBandwidth(yScale);\n const width =\n Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0))) || wMin;\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`horizontal-bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x=\"0\"\n y=\"0\"\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xRange[1] - xRange[0]}\n height={yScale.bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width <= radius) return '';\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
1
+ {"version":3,"file":"HorizontalBar.js","names":["HorizontalBarRoot","props","index","asProps","data","y","value","d","i","SBar","Element","styles","color","x","x0","scale","hide","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","xScale","yScale","barY","barX","Math","min","Object","is","getBandwidth","width","abs","max","domain","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","sstyled","size","map","renderBar","bind","rect","setAttribute","Component","uniqueIDEnhancement","style","Background","SBackground","xRange","range","bandwidth","roundedPath","createElement"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n wMin: 4,\n };\n\n getBackgroundProps(props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n transparent,\n } = this.asProps;\n\n const [xScale, yScale] = scale;\n const barY = yScale(d[y]) + offset[1];\n const barX = xScale(Math.min(d[x0] ?? 0, d[x])) + offset[0] - (Object.is(d[x], -0) ? wMin : 0);\n const height = heightProps || getBandwidth(yScale);\n const width =\n Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0))) || wMin;\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n }\n\n return sstyled(styles)(\n <SBar\n aria-hidden\n key={`horizontal-bar-${i}`}\n render=\"path\"\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value']}\n childrenPosition=\"above\"\n value={d}\n index={i}\n hide={hide}\n color={color}\n transparent={transparent}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x=\"0\"\n y=\"0\"\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render=\"rect\"\n childrenPosition=\"above\"\n width={xRange[1] - xRange[0]}\n height={yScale.bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width <= radius) return '';\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
package/lib/cjs/Hover.js CHANGED
@@ -44,13 +44,13 @@ var style = (
44
44
  /*__reshadow_css_start__*/
45
45
  _core.sstyled.insert(
46
46
  /*__inner_css_start__*/
47
- ".___SHoverLine_85u5s_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_85u5s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
47
+ ".___SHoverLine_1egmm_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_1egmm_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
48
48
  /*__inner_css_end__*/
49
- , "85u5s_gg_")
49
+ , "1egmm_gg_")
50
50
  /*__reshadow_css_end__*/
51
51
  , {
52
- "__SHoverLine": "___SHoverLine_85u5s_gg_",
53
- "__SHoverRect": "___SHoverRect_85u5s_gg_"
52
+ "__SHoverLine": "___SHoverLine_1egmm_gg_",
53
+ "__SHoverRect": "___SHoverRect_1egmm_gg_"
54
54
  });
55
55
 
56
56
  var Hover = /*#__PURE__*/function (_Component) {
package/lib/cjs/Line.js CHANGED
@@ -46,17 +46,18 @@ var style = (
46
46
  /*__reshadow_css_start__*/
47
47
  _core.sstyled.insert(
48
48
  /*__inner_css_start__*/
49
- ".___SLine_p4aqs_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:d;transition-duration:var(--duration_p4aqs);transition-timing-function:ease-in-out}.___SLine_p4aqs_gg_.__color_p4aqs_gg_{stroke:var(--color_p4aqs)}.___SLine_p4aqs_gg_.__hide_p4aqs_gg_{display:none}.___SNull_p4aqs_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_p4aqs_gg_.__hide_p4aqs_gg_{display:none}"
49
+ ".___SLine_qe62h_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:d;transition-duration:var(--duration_qe62h);transition-timing-function:ease-in-out}.___SLine_qe62h_gg_.__color_qe62h_gg_{stroke:var(--color_qe62h)}.___SLine_qe62h_gg_.__hide_qe62h_gg_{display:none}.___SLine_qe62h_gg_.__transparent_qe62h_gg_{opacity:.3}.___SNull_qe62h_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_qe62h_gg_.__hide_qe62h_gg_{display:none}"
50
50
  /*__inner_css_end__*/
51
- , "p4aqs_gg_")
51
+ , "qe62h_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SLine": "___SLine_p4aqs_gg_",
55
- "--duration": "--duration_p4aqs",
56
- "_color": "__color_p4aqs_gg_",
57
- "--color": "--color_p4aqs",
58
- "_hide": "__hide_p4aqs_gg_",
59
- "__SNull": "___SNull_p4aqs_gg_"
54
+ "__SLine": "___SLine_qe62h_gg_",
55
+ "--duration": "--duration_qe62h",
56
+ "_color": "__color_qe62h_gg_",
57
+ "--color": "--color_qe62h",
58
+ "_hide": "__hide_qe62h_gg_",
59
+ "_transparent": "__transparent_qe62h_gg_",
60
+ "__SNull": "___SNull_qe62h_gg_"
60
61
  });
61
62
 
62
63
  var LineRoot = /*#__PURE__*/function (_Component) {
@@ -77,13 +78,15 @@ var LineRoot = /*#__PURE__*/function (_Component) {
77
78
  y = _this$asProps.y,
78
79
  d3 = _this$asProps.d3,
79
80
  color = _this$asProps.color,
80
- duration = _this$asProps.duration;
81
+ duration = _this$asProps.duration,
82
+ transparent = _this$asProps.transparent;
81
83
  return {
82
84
  x: x,
83
85
  y: y,
84
86
  d3: d3,
85
87
  color: color,
86
- duration: duration
88
+ duration: duration,
89
+ transparent: transparent
87
90
  };
88
91
  }
89
92
  }, {
@@ -118,7 +121,8 @@ var LineRoot = /*#__PURE__*/function (_Component) {
118
121
  data = _this$asProps3.data,
119
122
  duration = _this$asProps3.duration,
120
123
  x = _this$asProps3.x,
121
- y = _this$asProps3.y;
124
+ y = _this$asProps3.y,
125
+ transparent = _this$asProps3.transparent;
122
126
  this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
123
127
  this.asProps.dataHintsHandler.establishDataType('time-series');
124
128
  return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SLine, _ref.cn("SLine", {
@@ -127,6 +131,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
127
131
  "render": "path",
128
132
  "hide": hide,
129
133
  "color": color,
134
+ "transparent": transparent,
130
135
  "d": d3(data),
131
136
  "use:duration": "".concat(duration, "ms")
132
137
  })), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], _ref.cn("ClipPath", {
@@ -1 +1 @@
1
- {"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n static displayName = 'Line';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n return {\n d3: d3Line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, d3, color, duration } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n duration,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, data } = this.asProps;\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n };\n }\n\n render() {\n const SLine = this.Element;\n const { styles, hide, color, uid, size, d3, data, duration, x, y } = this.asProps;\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render=\"path\"\n hide={hide}\n color={color}\n d={d3(data)}\n use:duration={`${duration}ms`}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x=\"0\"\n y=\"0\"\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide } = props;\n return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","transparent","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n static displayName = 'Line';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n const [xScale, yScale] = scale || $rootProps.scale;\n return {\n d3: d3Line()\n .defined(definedData(x, y))\n .curve(curve)\n .x((p) => scaleOfBandwidth(xScale, p[x]))\n .y((p) => scaleOfBandwidth(yScale, p[y])),\n duration: 500,\n };\n };\n\n getDotsProps() {\n const { x, y, d3, color, duration, transparent } = this.asProps;\n return {\n x,\n y,\n d3,\n color,\n duration,\n transparent,\n };\n }\n\n getNullProps() {\n const { x, y, d3, color, data } = this.asProps;\n return {\n d3,\n // TODO: vertical\n data: getNullData(data, definedNullData(x, y), y),\n color,\n };\n }\n\n render() {\n const SLine = this.Element;\n const { styles, hide, color, uid, size, d3, data, duration, x, y, transparent } = this.asProps;\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n this.asProps.dataHintsHandler.establishDataType('time-series');\n\n return sstyled(styles)(\n <>\n <SLine\n aria-hidden\n clipPath={`url(#${uid})`}\n render=\"path\"\n hide={hide}\n color={color}\n transparent={transparent}\n d={d3(data)}\n use:duration={`${duration}ms`}\n />\n {duration && (\n <ClipPath\n aria-hidden\n setAttributeTag={(rect) => {\n rect.setAttribute('width', size[0]);\n }}\n id={uid}\n x=\"0\"\n y=\"0\"\n width={0}\n height={size[1]}\n transition={`width ${duration}ms ease-in-out`}\n />\n )}\n </>,\n );\n }\n}\n\nfunction Null(props) {\n const { Element: SNull, styles, d3, data, hide } = props;\n return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n Dots,\n Null,\n});\n"],"mappings":"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"}
package/lib/cjs/Plot.js CHANGED
@@ -58,13 +58,13 @@ var style = (
58
58
  /*__reshadow_css_start__*/
59
59
  _core.sstyled.insert(
60
60
  /*__inner_css_start__*/
61
- ".___SPlot_xn7rx_gg_{overflow:hidden}.___SPlot_xn7rx_gg_:active,.___SPlot_xn7rx_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_xn7rx_gg_.__keyboardFocused_xn7rx_gg_{border:1px solid var(--intergalactic-chart-palette-order-blue-second-order,#008ff8);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}"
61
+ ".___SPlot_ki7uw_gg_{overflow:hidden}.___SPlot_ki7uw_gg_:active,.___SPlot_ki7uw_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_ki7uw_gg_.__keyboardFocused_ki7uw_gg_{border:1px solid var(--intergalactic-chart-palette-order-blue-second-order,#008ff8);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}"
62
62
  /*__inner_css_end__*/
63
- , "xn7rx_gg_")
63
+ , "ki7uw_gg_")
64
64
  /*__reshadow_css_end__*/
65
65
  , {
66
- "__SPlot": "___SPlot_xn7rx_gg_",
67
- "_keyboardFocused": "__keyboardFocused_xn7rx_gg_"
66
+ "__SPlot": "___SPlot_ki7uw_gg_",
67
+ "_keyboardFocused": "__keyboardFocused_ki7uw_gg_"
68
68
  });
69
69
 
70
70
  var PlotRoot = /*#__PURE__*/function (_Component) {
@@ -60,20 +60,20 @@ var style = (
60
60
  /*__reshadow_css_start__*/
61
61
  _core.sstyled.insert(
62
62
  /*__inner_css_start__*/
63
- ".___SRadian_1m8n8_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_1m8n8_gg_{stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_1m8n8_gg_.__color_1m8n8_gg_{stroke:var(--color_1m8n8)}.___SCap_1m8n8_gg_{transition:r .1s}.___SLabel_1m8n8_gg_{fill:var(--color_1m8n8);cursor:var(--text-cursor_1m8n8)}.___SRadian_1m8n8_gg_:hover .___SLabel_1m8n8_gg_{fill:var(--color-hovered_1m8n8)}@media (prefers-reduced-motion){.___SLineCap_1m8n8_gg_{transition:none}}"
63
+ ".___SRadian_ejyg7_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_ejyg7_gg_{stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_ejyg7_gg_.__color_ejyg7_gg_{stroke:var(--color_ejyg7)}.___SCap_ejyg7_gg_{transition:r .1s}.___SLabel_ejyg7_gg_{fill:var(--color_ejyg7);cursor:var(--text-cursor_ejyg7)}.___SRadian_ejyg7_gg_:hover .___SLabel_ejyg7_gg_{fill:var(--color-hovered_ejyg7)}@media (prefers-reduced-motion){.___SLineCap_ejyg7_gg_{transition:none}}"
64
64
  /*__inner_css_end__*/
65
- , "1m8n8_gg_")
65
+ , "ejyg7_gg_")
66
66
  /*__reshadow_css_end__*/
67
67
  , {
68
- "__SRadian": "___SRadian_1m8n8_gg_",
69
- "__SLine": "___SLine_1m8n8_gg_",
70
- "_color": "__color_1m8n8_gg_",
71
- "--color": "--color_1m8n8",
72
- "__SCap": "___SCap_1m8n8_gg_",
73
- "__SLabel": "___SLabel_1m8n8_gg_",
74
- "--text-cursor": "--text-cursor_1m8n8",
75
- "--color-hovered": "--color-hovered_1m8n8",
76
- "__SLineCap": "___SLineCap_1m8n8_gg_"
68
+ "__SRadian": "___SRadian_ejyg7_gg_",
69
+ "__SLine": "___SLine_ejyg7_gg_",
70
+ "_color": "__color_ejyg7_gg_",
71
+ "--color": "--color_ejyg7",
72
+ "__SCap": "___SCap_ejyg7_gg_",
73
+ "__SLabel": "___SLabel_ejyg7_gg_",
74
+ "--text-cursor": "--text-cursor_ejyg7",
75
+ "--color-hovered": "--color-hovered_ejyg7",
76
+ "__SLineCap": "___SLineCap_ejyg7_gg_"
77
77
  });
78
78
  var baseAngle = -Math.PI / 2; // The top vertical line
79
79
 
@@ -42,19 +42,19 @@ var style = (
42
42
  /*__reshadow_css_start__*/
43
43
  _core.sstyled.insert(
44
44
  /*__inner_css_start__*/
45
- ".___SReferenceLine_1qlej_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___STitle_1qlej_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79);transform-origin:var(--transform-origin_1qlej)}.___STitle_1qlej_gg_._position_top_1qlej_gg_{text-anchor:middle}.___STitle_1qlej_gg_._position_bottom_1qlej_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1qlej_gg_._position_right_1qlej_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1qlej_gg_._position_left_1qlej_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1qlej_gg_{fill:var(--intergalactic-chart-grid-period-bg,rgba(196,199,207,.2))}"
45
+ ".___SReferenceLine_8hah5_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___STitle_8hah5_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79);transform-origin:var(--transform-origin_8hah5)}.___STitle_8hah5_gg_._position_top_8hah5_gg_{text-anchor:middle}.___STitle_8hah5_gg_._position_bottom_8hah5_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_8hah5_gg_._position_right_8hah5_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_8hah5_gg_._position_left_8hah5_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_8hah5_gg_{fill:var(--intergalactic-chart-grid-period-bg,rgba(196,199,207,.2))}"
46
46
  /*__inner_css_end__*/
47
- , "1qlej_gg_")
47
+ , "8hah5_gg_")
48
48
  /*__reshadow_css_end__*/
49
49
  , {
50
- "__SReferenceLine": "___SReferenceLine_1qlej_gg_",
51
- "__STitle": "___STitle_1qlej_gg_",
52
- "--transform-origin": "--transform-origin_1qlej",
53
- "_position_top": "_position_top_1qlej_gg_",
54
- "_position_bottom": "_position_bottom_1qlej_gg_",
55
- "_position_right": "_position_right_1qlej_gg_",
56
- "_position_left": "_position_left_1qlej_gg_",
57
- "__SBackground": "___SBackground_1qlej_gg_"
50
+ "__SReferenceLine": "___SReferenceLine_8hah5_gg_",
51
+ "__STitle": "___STitle_8hah5_gg_",
52
+ "--transform-origin": "--transform-origin_8hah5",
53
+ "_position_top": "_position_top_8hah5_gg_",
54
+ "_position_bottom": "_position_bottom_8hah5_gg_",
55
+ "_position_right": "_position_right_8hah5_gg_",
56
+ "_position_left": "_position_left_8hah5_gg_",
57
+ "__SBackground": "___SBackground_8hah5_gg_"
58
58
  });
59
59
  var side2direction = {
60
60
  left: 'vertical',
@@ -52,16 +52,16 @@ var style = (
52
52
  /*__reshadow_css_start__*/
53
53
  _core.sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ".___SScatterPlot_1n9en_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1n9en);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1n9en_gg_:hover{opacity:.8}.___SScatterPlot_1n9en_gg_.__color_1n9en_gg_{fill:var(--color_1n9en)}.___SValue_1n9en_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50,10px);stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SValue_1n9en_gg_.__color_1n9en_gg_{stroke:var(--color_1n9en)}"
55
+ ".___SScatterPlot_1rttp_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1rttp);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1rttp_gg_:hover{opacity:.8}.___SScatterPlot_1rttp_gg_.__color_1rttp_gg_{fill:var(--color_1rttp)}.___SValue_1rttp_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50,10px);stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SValue_1rttp_gg_.__color_1rttp_gg_{stroke:var(--color_1rttp)}"
56
56
  /*__inner_css_end__*/
57
- , "1n9en_gg_")
57
+ , "1rttp_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SScatterPlot": "___SScatterPlot_1n9en_gg_",
61
- "--duration": "--duration_1n9en",
62
- "_color": "__color_1n9en_gg_",
63
- "--color": "--color_1n9en",
64
- "__SValue": "___SValue_1n9en_gg_"
60
+ "__SScatterPlot": "___SScatterPlot_1rttp_gg_",
61
+ "--duration": "--duration_1rttp",
62
+ "_color": "__color_1rttp_gg_",
63
+ "--color": "--color_1rttp",
64
+ "__SValue": "___SValue_1rttp_gg_"
65
65
  });
66
66
 
67
67
  var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
@@ -60,17 +60,17 @@ var style = (
60
60
  /*__reshadow_css_start__*/
61
61
  _core.sstyled.insert(
62
62
  /*__inner_css_start__*/
63
- ".___STooltip_7p7wi_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral,#fff);border-radius:var(--intergalactic-rounded-medium,6px);border:1px solid var(--intergalactic-border-secondary,#e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper,0 1px 12px 0 rgba(25,27,35,.15));padding:var(--intergalactic-spacing-3x,12px)}.___STitle_7p7wi_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_7p7wi_gg_{display:flex;align-items:center}.___SDot_7p7wi_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_7p7wi_gg_.__color_7p7wi_gg_{background:var(--color_7p7wi)}"
63
+ ".___STooltip_1nvsi_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral,#fff);border-radius:var(--intergalactic-rounded-medium,6px);border:1px solid var(--intergalactic-border-secondary,#e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper,0 1px 12px 0 rgba(25,27,35,.15));padding:var(--intergalactic-spacing-3x,12px)}.___STitle_1nvsi_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_1nvsi_gg_{display:flex;align-items:center}.___SDot_1nvsi_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_1nvsi_gg_.__color_1nvsi_gg_{background:var(--color_1nvsi)}"
64
64
  /*__inner_css_end__*/
65
- , "7p7wi_gg_")
65
+ , "1nvsi_gg_")
66
66
  /*__reshadow_css_end__*/
67
67
  , {
68
- "__STooltip": "___STooltip_7p7wi_gg_",
69
- "__STitle": "___STitle_7p7wi_gg_",
70
- "__SDotGroup": "___SDotGroup_7p7wi_gg_",
71
- "__SDot": "___SDot_7p7wi_gg_",
72
- "_color": "__color_7p7wi_gg_",
73
- "--color": "--color_7p7wi"
68
+ "__STooltip": "___STooltip_1nvsi_gg_",
69
+ "__STitle": "___STitle_1nvsi_gg_",
70
+ "__SDotGroup": "___SDotGroup_1nvsi_gg_",
71
+ "__SDot": "___SDot_1nvsi_gg_",
72
+ "_color": "__color_1nvsi_gg_",
73
+ "--color": "--color_1nvsi"
74
74
  });
75
75
 
76
76
  var TooltipRoot = /*#__PURE__*/function (_Component) {
package/lib/cjs/Venn.js CHANGED
@@ -48,16 +48,17 @@ var style = (
48
48
  /*__reshadow_css_start__*/
49
49
  _core.sstyled.insert(
50
50
  /*__inner_css_start__*/
51
- ".___SCircle_1pj0r_gg_{fill:var(--intergalactic-chart-palette-order-green,#59ddaa);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1pj0r);transition-timing-function:ease-in-out}.___SCircle_1pj0r_gg_:hover{fill-opacity:.7}.___SCircle_1pj0r_gg_.__color_1pj0r_gg_{fill:var(--color_1pj0r)}.___SIntersection_1pj0r_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_1pj0r_gg_:hover{fill-opacity:.1}"
51
+ ".___SCircle_1kp8k_gg_{fill:var(--intergalactic-chart-palette-order-green,#59ddaa);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1kp8k);transition-timing-function:ease-in-out}.___SCircle_1kp8k_gg_:hover{fill-opacity:.7}.___SCircle_1kp8k_gg_.__color_1kp8k_gg_{fill:var(--color_1kp8k)}.___SCircle_1kp8k_gg_.__transparent_1kp8k_gg_{opacity:.3}.___SIntersection_1kp8k_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_1kp8k_gg_:hover{fill-opacity:.1}.___SIntersection_1kp8k_gg_.__transparent_1kp8k_gg_{opacity:.3}"
52
52
  /*__inner_css_end__*/
53
- , "1pj0r_gg_")
53
+ , "1kp8k_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SCircle": "___SCircle_1pj0r_gg_",
57
- "--duration": "--duration_1pj0r",
58
- "_color": "__color_1pj0r_gg_",
59
- "--color": "--color_1pj0r",
60
- "__SIntersection": "___SIntersection_1pj0r_gg_"
56
+ "__SCircle": "___SCircle_1kp8k_gg_",
57
+ "--duration": "--duration_1kp8k",
58
+ "_color": "__color_1kp8k_gg_",
59
+ "--color": "--color_1kp8k",
60
+ "_transparent": "__transparent_1kp8k_gg_",
61
+ "__SIntersection": "___SIntersection_1kp8k_gg_"
61
62
  });
62
63
 
63
64
  var VennRoot = /*#__PURE__*/function (_Component) {
@@ -146,13 +147,16 @@ var VennRoot = /*#__PURE__*/function (_Component) {
146
147
  data: this.vennData[props.dataKey],
147
148
  originalData: this.asProps.data[props.dataKey],
148
149
  onMouseMove: this.bindHandlerTooltip(true, props),
149
- onMouseLeave: this.bindHandlerTooltip(false, props)
150
+ onMouseLeave: this.bindHandlerTooltip(false, props),
151
+ transparent: this.asProps.transparent
150
152
  };
151
153
  }
152
154
  }, {
153
155
  key: "getIntersectionProps",
154
156
  value: function getIntersectionProps(props) {
155
- var duration = this.asProps.duration;
157
+ var _this$asProps2 = this.asProps,
158
+ duration = _this$asProps2.duration,
159
+ transparent = _this$asProps2.transparent;
156
160
  var dataKeys = props.dataKey.split('/');
157
161
  return {
158
162
  duration: duration,
@@ -162,7 +166,8 @@ var VennRoot = /*#__PURE__*/function (_Component) {
162
166
  }),
163
167
  originalData: this.asProps.data[props.dataKey],
164
168
  onMouseMove: this.bindHandlerTooltip(true, props),
165
- onMouseLeave: this.bindHandlerTooltip(false, props)
169
+ onMouseLeave: this.bindHandlerTooltip(false, props),
170
+ transparent: transparent
166
171
  };
167
172
  }
168
173
  }, {
@@ -202,7 +207,8 @@ function Circle(_ref6) {
202
207
  duration = _ref6.duration,
203
208
  name = _ref6.name,
204
209
  dataKey = _ref6.dataKey,
205
- dataHintsHandler = _ref6.dataHintsHandler;
210
+ dataHintsHandler = _ref6.dataHintsHandler,
211
+ transparent = _ref6.transparent;
206
212
  dataHintsHandler.describeValueEntity(dataKey, name);
207
213
  return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref.cn("SCircle", {
208
214
  "aria-hidden": true,
@@ -211,6 +217,7 @@ function Circle(_ref6) {
211
217
  "cx": data.x,
212
218
  "cy": data.y,
213
219
  "r": data.radius,
220
+ "transparent": transparent,
214
221
  "use:duration": "".concat(duration, "ms")
215
222
  }));
216
223
  }
@@ -223,7 +230,8 @@ function Intersection(props) {
223
230
  data = props.data,
224
231
  name = props.name,
225
232
  dataKey = props.dataKey,
226
- dataHintsHandler = props.dataHintsHandler;
233
+ dataHintsHandler = props.dataHintsHandler,
234
+ transparent = props.transparent;
227
235
  dataHintsHandler.describeValueEntity(dataKey, name);
228
236
 
229
237
  var renderIntersection = _react["default"].useCallback( /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
@@ -238,7 +246,8 @@ function Intersection(props) {
238
246
  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIntersection, _ref2.cn("SIntersection", {
239
247
  "aria-hidden": true,
240
248
  "render": renderIntersection,
241
- "d": (0, _venn.intersectionAreaPath)(data)
249
+ "d": (0, _venn.intersectionAreaPath)(data),
250
+ "transparent": transparent
242
251
  }));
243
252
  }
244
253
 
@@ -1 +1 @@
1
- {"version":3,"file":"Venn.js","names":["VennRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","scaleSolution","normalizeSolution","venn","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","dataKeys","delay","values","filter","d","includes","setid","Element","dataHintsHandler","establishDataType","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","name","describeValueEntity","sstyled","Intersection","SIntersection","renderIntersection","useCallback","intersectionAreaPath","Venn"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n static displayName = 'Venn';\n static style = style;\n\n static defaultProps = {\n orientation: Math.PI / 2,\n orientationOrder: (c1, c2) => c2.radius - c1.radius,\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n };\n\n getVennData() {\n const { data, orientation, orientationOrder, size } = this.asProps;\n const [width, height] = size;\n const vennData = Object.entries(data).map(([dataKey, size]) => ({\n sets: dataKey.split('/'),\n size,\n }));\n return scaleSolution(\n normalizeSolution(venn(vennData), orientation, orientationOrder),\n width,\n height,\n 10,\n );\n }\n\n getCircleProps(props) {\n return {\n duration: this.asProps.duration,\n data: this.vennData[props.dataKey],\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n };\n }\n\n getIntersectionProps(props) {\n const { duration } = this.asProps;\n const dataKeys = props.dataKey.split('/');\n return {\n duration,\n delay: duration,\n data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n };\n }\n\n renderElement = React.forwardRef((props, ref) => {\n return <FadeInOut aria-hidden ref={ref} tag=\"g\" visible {...props} />;\n });\n\n render() {\n const Element = this.Element;\n this.asProps.dataHintsHandler.establishDataType('values-set');\n this.vennData = this.getVennData();\n return (\n <Element\n aria-hidden\n render={this.renderElement}\n childrenPosition=\"inside\"\n vennData={this.vennData}\n />\n );\n }\n}\n\nfunction Circle({\n Element: SCircle,\n styles,\n color,\n data,\n duration,\n name,\n dataKey,\n dataHintsHandler,\n}) {\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n return sstyled(styles)(\n <SCircle\n aria-hidden\n render=\"circle\"\n color={color}\n cx={data.x}\n cy={data.y}\n r={data.radius}\n use:duration={`${duration}ms`}\n />,\n );\n}\n\nfunction Intersection(props) {\n const { Element: SIntersection, styles, data, name, dataKey, dataHintsHandler } = 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 aria-hidden render={renderIntersection} d={intersectionAreaPath(data)} />,\n );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Venn.js","names":["VennRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","React","forwardRef","ref","width","height","top","right","bottom","left","data","orientation","orientationOrder","size","vennData","Object","entries","map","dataKey","sets","split","scaleSolution","normalizeSolution","venn","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","dataKeys","delay","values","filter","d","includes","setid","Element","dataHintsHandler","establishDataType","getVennData","renderElement","Component","style","Math","PI","c1","c2","radius","Circle","SCircle","styles","color","name","describeValueEntity","sstyled","Intersection","SIntersection","renderIntersection","useCallback","intersectionAreaPath","Venn"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n static displayName = 'Venn';\n static style = style;\n\n static defaultProps = {\n orientation: Math.PI / 2,\n orientationOrder: (c1, c2) => c2.radius - c1.radius,\n duration: 500,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip =\n (visible, props) =>\n ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n };\n\n getVennData() {\n const { data, orientation, orientationOrder, size } = this.asProps;\n const [width, height] = size;\n const vennData = Object.entries(data).map(([dataKey, size]) => ({\n sets: dataKey.split('/'),\n size,\n }));\n return scaleSolution(\n normalizeSolution(venn(vennData), orientation, orientationOrder),\n width,\n height,\n 10,\n );\n }\n\n getCircleProps(props) {\n return {\n duration: this.asProps.duration,\n data: this.vennData[props.dataKey],\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n transparent: this.asProps.transparent,\n };\n }\n\n getIntersectionProps(props) {\n const { duration, transparent } = this.asProps;\n const dataKeys = props.dataKey.split('/');\n return {\n duration,\n delay: duration,\n data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n originalData: this.asProps.data[props.dataKey],\n onMouseMove: this.bindHandlerTooltip(true, props),\n onMouseLeave: this.bindHandlerTooltip(false, props),\n transparent,\n };\n }\n\n renderElement = React.forwardRef((props, ref) => {\n return <FadeInOut aria-hidden ref={ref} tag=\"g\" visible {...props} />;\n });\n\n render() {\n const Element = this.Element;\n this.asProps.dataHintsHandler.establishDataType('values-set');\n this.vennData = this.getVennData();\n return (\n <Element\n aria-hidden\n render={this.renderElement}\n childrenPosition=\"inside\"\n vennData={this.vennData}\n />\n );\n }\n}\n\nfunction Circle({\n Element: SCircle,\n styles,\n color,\n data,\n duration,\n name,\n dataKey,\n dataHintsHandler,\n transparent,\n}) {\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n return sstyled(styles)(\n <SCircle\n aria-hidden\n render=\"circle\"\n color={color}\n cx={data.x}\n cy={data.y}\n r={data.radius}\n transparent={transparent}\n use:duration={`${duration}ms`}\n />,\n );\n}\n\nfunction Intersection(props) {\n const {\n Element: SIntersection,\n styles,\n data,\n name,\n dataKey,\n dataHintsHandler,\n transparent,\n } = props;\n dataHintsHandler.describeValueEntity(dataKey, name);\n\n const renderIntersection = React.useCallback(\n React.forwardRef((props, ref) => {\n return <FadeInOut aria-hidden ref={ref} tag=\"path\" visible {...props} />;\n }),\n [props],\n );\n return sstyled(styles)(\n <SIntersection\n aria-hidden\n render={renderIntersection}\n d={intersectionAreaPath(data)}\n transparent={transparent}\n />,\n );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection });\n\nexport default Venn;\n"],"mappings":"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"}
@@ -40,12 +40,12 @@ var styles = (
40
40
  /*__reshadow_css_start__*/
41
41
  _core.sstyled.insert(
42
42
  /*__inner_css_start__*/
43
- ".___SPlotA11yModule_1xf67_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1xf67_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
43
+ ".___SPlotA11yModule_1l44v_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1l44v_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
44
44
  /*__inner_css_end__*/
45
- , "1xf67_gg_")
45
+ , "1l44v_gg_")
46
46
  /*__reshadow_css_end__*/
47
47
  , {
48
- "__SPlotA11yModule": "___SPlotA11yModule_1xf67_gg_"
48
+ "__SPlotA11yModule": "___SPlotA11yModule_1l44v_gg_"
49
49
  });
50
50
  var globalWasFocused = false;
51
51
  var globalNavWithKeyboard = false;
@@ -48,13 +48,13 @@ var styles = (
48
48
  /*__reshadow_css_start__*/
49
49
  _core.sstyled.insert(
50
50
  /*__inner_css_start__*/
51
- ".___SPlotA11yView_dnvn9_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral,#fff);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_dnvn9_gg_:focus,.___SPlotA11yView_dnvn9_gg_.__focus-within_dnvn9_gg_{-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_dnvn9_gg_:focus,.___SPlotA11yView_dnvn9_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_dnvn9_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_dnvn9_gg_ table,.___SPlotA11yView_dnvn9_gg_ td,.___SPlotA11yView_dnvn9_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
51
+ ".___SPlotA11yView_17j1c_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral,#fff);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_17j1c_gg_:focus,.___SPlotA11yView_17j1c_gg_.__focus-within_17j1c_gg_{-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_17j1c_gg_:focus,.___SPlotA11yView_17j1c_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_17j1c_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_17j1c_gg_ table,.___SPlotA11yView_17j1c_gg_ td,.___SPlotA11yView_17j1c_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
52
52
  /*__inner_css_end__*/
53
- , "dnvn9_gg_")
53
+ , "17j1c_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SPlotA11yView": "___SPlotA11yView_dnvn9_gg_",
57
- "_focus-within": "__focus-within_dnvn9_gg_"
56
+ "__SPlotA11yView": "___SPlotA11yView_17j1c_gg_",
57
+ "_focus-within": "__focus-within_17j1c_gg_"
58
58
  });
59
59
 
60
60
  var PlotA11yView = function PlotA11yView(_ref3) {