@semcore/d3-chart 16.1.1 → 16.1.2-prerelease.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 (117) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Area.js +11 -11
  3. package/lib/cjs/Axis.js +14 -14
  4. package/lib/cjs/Bar.js +16 -16
  5. package/lib/cjs/Bubble.js +13 -13
  6. package/lib/cjs/CompactHorizontalBar.js +16 -16
  7. package/lib/cjs/Donut.js +9 -9
  8. package/lib/cjs/Dots.js +8 -8
  9. package/lib/cjs/HorizontalBar.js +16 -16
  10. package/lib/cjs/Hover.js +3 -3
  11. package/lib/cjs/Line.js +9 -9
  12. package/lib/cjs/Plot.js +3 -3
  13. package/lib/cjs/Radar.js +19 -19
  14. package/lib/cjs/RadialTree.js +12 -12
  15. package/lib/cjs/RadialTree.js.map +1 -1
  16. package/lib/cjs/Reference.js +12 -12
  17. package/lib/cjs/ScatterPlot.js +9 -9
  18. package/lib/cjs/Tooltip.js +9 -9
  19. package/lib/cjs/Venn.js +9 -9
  20. package/lib/cjs/a11y/PlotA11yModule.js +3 -2
  21. package/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
  22. package/lib/cjs/a11y/PlotA11yView.js +2 -2
  23. package/lib/cjs/a11y/locale.js +1 -0
  24. package/lib/cjs/a11y/locale.js.map +1 -1
  25. package/lib/cjs/component/Chart/AreaChart.type.js.map +1 -1
  26. package/lib/cjs/component/Chart/BarChart.type.js.map +1 -1
  27. package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
  28. package/lib/cjs/component/Chart/CigaretteChart.type.js.map +1 -1
  29. package/lib/cjs/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
  30. package/lib/cjs/component/Chart/DonutChart.type.js.map +1 -1
  31. package/lib/cjs/component/Chart/HistogramChart.type.js.map +1 -1
  32. package/lib/cjs/component/Chart/LineChart.type.js.map +1 -1
  33. package/lib/cjs/component/Chart/ScatterPlotChart.type.js.map +1 -1
  34. package/lib/cjs/component/Chart/VennChart.type.js.map +1 -1
  35. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  36. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  37. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  38. package/lib/cjs/types/Plot.d.js.map +1 -1
  39. package/lib/cjs/types/Reference.d.js.map +1 -1
  40. package/lib/cjs/utils.js +1 -0
  41. package/lib/cjs/utils.js.map +1 -1
  42. package/lib/es6/Area.js +11 -11
  43. package/lib/es6/Axis.js +14 -14
  44. package/lib/es6/Bar.js +16 -16
  45. package/lib/es6/Bubble.js +13 -13
  46. package/lib/es6/CompactHorizontalBar.js +16 -16
  47. package/lib/es6/Donut.js +9 -9
  48. package/lib/es6/Dots.js +8 -8
  49. package/lib/es6/HorizontalBar.js +16 -16
  50. package/lib/es6/Hover.js +3 -3
  51. package/lib/es6/Line.js +9 -9
  52. package/lib/es6/Plot.js +3 -3
  53. package/lib/es6/Radar.js +19 -19
  54. package/lib/es6/RadialTree.js +12 -12
  55. package/lib/es6/RadialTree.js.map +1 -1
  56. package/lib/es6/Reference.js +12 -12
  57. package/lib/es6/ScatterPlot.js +9 -9
  58. package/lib/es6/Tooltip.js +9 -9
  59. package/lib/es6/Venn.js +9 -9
  60. package/lib/es6/a11y/PlotA11yModule.js +3 -2
  61. package/lib/es6/a11y/PlotA11yModule.js.map +1 -1
  62. package/lib/es6/a11y/PlotA11yView.js +2 -2
  63. package/lib/es6/a11y/locale.js +1 -0
  64. package/lib/es6/a11y/locale.js.map +1 -1
  65. package/lib/es6/component/Chart/AreaChart.type.js.map +1 -1
  66. package/lib/es6/component/Chart/BarChart.type.js.map +1 -1
  67. package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
  68. package/lib/es6/component/Chart/CigaretteChart.type.js.map +1 -1
  69. package/lib/es6/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
  70. package/lib/es6/component/Chart/DonutChart.type.js.map +1 -1
  71. package/lib/es6/component/Chart/HistogramChart.type.js.map +1 -1
  72. package/lib/es6/component/Chart/LineChart.type.js.map +1 -1
  73. package/lib/es6/component/Chart/ScatterPlotChart.type.js.map +1 -1
  74. package/lib/es6/component/Chart/VennChart.type.js.map +1 -1
  75. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  76. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  77. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  78. package/lib/es6/types/Plot.d.js.map +1 -1
  79. package/lib/es6/types/Reference.d.js.map +1 -1
  80. package/lib/es6/utils.js +1 -0
  81. package/lib/es6/utils.js.map +1 -1
  82. package/lib/esm/Area.mjs +12 -12
  83. package/lib/esm/Axis.mjs +15 -15
  84. package/lib/esm/Bar.mjs +17 -17
  85. package/lib/esm/Bubble.mjs +14 -14
  86. package/lib/esm/CompactHorizontalBar.mjs +17 -17
  87. package/lib/esm/Donut.mjs +10 -10
  88. package/lib/esm/Dots.mjs +9 -9
  89. package/lib/esm/HorizontalBar.mjs +17 -17
  90. package/lib/esm/Hover.mjs +4 -4
  91. package/lib/esm/Line.mjs +10 -10
  92. package/lib/esm/Plot.mjs +4 -4
  93. package/lib/esm/Radar.mjs +20 -20
  94. package/lib/esm/RadialTree.mjs +13 -13
  95. package/lib/esm/Reference.mjs +13 -13
  96. package/lib/esm/ScatterPlot.mjs +10 -10
  97. package/lib/esm/Tooltip.mjs +10 -10
  98. package/lib/esm/Venn.mjs +10 -10
  99. package/lib/esm/a11y/PlotA11yModule.mjs +3 -3
  100. package/lib/esm/a11y/PlotA11yView.mjs +3 -3
  101. package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +5 -5
  102. package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +18 -18
  103. package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +7 -7
  104. package/lib/types/Plot.d.ts +1 -0
  105. package/lib/types/RadialTree.d.ts +1 -0
  106. package/lib/types/Reference.d.ts +1 -1
  107. package/lib/types/component/Chart/AreaChart.type.d.ts +6 -0
  108. package/lib/types/component/Chart/BarChart.type.d.ts +5 -0
  109. package/lib/types/component/Chart/BubbleChart.type.d.ts +3 -0
  110. package/lib/types/component/Chart/CigaretteChart.type.d.ts +5 -0
  111. package/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts +4 -0
  112. package/lib/types/component/Chart/DonutChart.type.d.ts +6 -0
  113. package/lib/types/component/Chart/HistogramChart.type.d.ts +3 -0
  114. package/lib/types/component/Chart/LineChart.type.d.ts +7 -0
  115. package/lib/types/component/Chart/ScatterPlotChart.type.d.ts +4 -0
  116. package/lib/types/component/Chart/VennChart.type.d.ts +3 -0
  117. package/package.json +17 -17
@@ -28,22 +28,22 @@ var style = (
28
28
  /*__reshadow_css_start__*/
29
29
  (sstyled.insert(
30
30
  /*__inner_css_start__*/
31
- ".___SRadian_135mq_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_135mq_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_135mq_gg_.__stroke_135mq_gg_{stroke:var(--stroke_135mq)}.___SLine_135mq_gg_.__transparent_135mq_gg_{opacity:.3}.___SCap_135mq_gg_{transition:r .1s}.___SCap_135mq_gg_.__pattern_135mq_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_135mq_gg_.__transparent_135mq_gg_,.___SIcon_135mq_gg_.__transparent_135mq_gg_,.___SLabel_135mq_gg_.__transparent_135mq_gg_{opacity:.3}.___SLabel_135mq_gg_{fill:var(--color_135mq)}@media (hover:hover){.___SRadian_135mq_gg_:hover .___SLabel_135mq_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_135mq_gg_{transition:none}}",
31
+ ".___SRadian_108gz_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_108gz_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_108gz_gg_.__stroke_108gz_gg_{stroke:var(--stroke_108gz)}.___SLine_108gz_gg_.__transparent_108gz_gg_{opacity:.3}.___SCap_108gz_gg_{transition:r .1s}.___SCap_108gz_gg_.__pattern_108gz_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_108gz_gg_.__transparent_108gz_gg_,.___SIcon_108gz_gg_.__transparent_108gz_gg_,.___SLabel_108gz_gg_.__transparent_108gz_gg_{opacity:.3}.___SLabel_108gz_gg_{fill:var(--color_108gz)}@media (hover:hover){.___SRadian_108gz_gg_:hover .___SLabel_108gz_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_108gz_gg_{transition:none}}",
32
32
  /*__inner_css_end__*/
33
- "135mq_gg_"
33
+ "108gz_gg_"
34
34
  ), /*__reshadow_css_end__*/
35
35
  {
36
- "__SRadian": "___SRadian_135mq_gg_",
37
- "__SLine": "___SLine_135mq_gg_",
38
- "_stroke": "__stroke_135mq_gg_",
39
- "--stroke": "--stroke_135mq",
40
- "_transparent": "__transparent_135mq_gg_",
41
- "__SCap": "___SCap_135mq_gg_",
42
- "_pattern": "__pattern_135mq_gg_",
43
- "__SIcon": "___SIcon_135mq_gg_",
44
- "__SLabel": "___SLabel_135mq_gg_",
45
- "--color": "--color_135mq",
46
- "__SLineCap": "___SLineCap_135mq_gg_"
36
+ "__SRadian": "___SRadian_108gz_gg_",
37
+ "__SLine": "___SLine_108gz_gg_",
38
+ "_stroke": "__stroke_108gz_gg_",
39
+ "--stroke": "--stroke_108gz",
40
+ "_transparent": "__transparent_108gz_gg_",
41
+ "__SCap": "___SCap_108gz_gg_",
42
+ "_pattern": "__pattern_108gz_gg_",
43
+ "__SIcon": "___SIcon_108gz_gg_",
44
+ "__SLabel": "___SLabel_108gz_gg_",
45
+ "--color": "--color_108gz",
46
+ "__SLineCap": "___SLineCap_108gz_gg_"
47
47
  })
48
48
  );
49
49
  var baseAngle = -Math.PI / 2;
@@ -20,22 +20,22 @@ var style = (
20
20
  /*__reshadow_css_start__*/
21
21
  (sstyled.insert(
22
22
  /*__inner_css_start__*/
23
- ".___SReferenceLine_3b1gu_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_3b1gu_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_3b1gu)}.___STitle_3b1gu_gg_._position_top_3b1gu_gg_{text-anchor:middle}.___STitle_3b1gu_gg_._position_bottom_3b1gu_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_3b1gu_gg_._position_left_3b1gu_gg_,.___STitle_3b1gu_gg_._position_right_3b1gu_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_3b1gu_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_3b1gu_gg_{fill:var(--fill_3b1gu)}.___SStripesPatternPath_3b1gu_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
23
+ ".___SReferenceLine_1h87t_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_1h87t_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1h87t)}.___STitle_1h87t_gg_._position_top_1h87t_gg_{text-anchor:middle}.___STitle_1h87t_gg_._position_bottom_1h87t_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1h87t_gg_._position_left_1h87t_gg_,.___STitle_1h87t_gg_._position_right_1h87t_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_1h87t_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_1h87t_gg_{fill:var(--fill_1h87t)}.___SStripesPatternPath_1h87t_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}",
24
24
  /*__inner_css_end__*/
25
- "3b1gu_gg_"
25
+ "1h87t_gg_"
26
26
  ), /*__reshadow_css_end__*/
27
27
  {
28
- "__SReferenceLine": "___SReferenceLine_3b1gu_gg_",
29
- "__STitle": "___STitle_3b1gu_gg_",
30
- "--transform-origin": "--transform-origin_3b1gu",
31
- "_position_top": "_position_top_3b1gu_gg_",
32
- "_position_bottom": "_position_bottom_3b1gu_gg_",
33
- "_position_right": "_position_right_3b1gu_gg_",
34
- "_position_left": "_position_left_3b1gu_gg_",
35
- "__SBackground": "___SBackground_3b1gu_gg_",
36
- "__SStripes": "___SStripes_3b1gu_gg_",
37
- "--fill": "--fill_3b1gu",
38
- "__SStripesPatternPath": "___SStripesPatternPath_3b1gu_gg_"
28
+ "__SReferenceLine": "___SReferenceLine_1h87t_gg_",
29
+ "__STitle": "___STitle_1h87t_gg_",
30
+ "--transform-origin": "--transform-origin_1h87t",
31
+ "_position_top": "_position_top_1h87t_gg_",
32
+ "_position_bottom": "_position_bottom_1h87t_gg_",
33
+ "_position_right": "_position_right_1h87t_gg_",
34
+ "_position_left": "_position_left_1h87t_gg_",
35
+ "__SBackground": "___SBackground_1h87t_gg_",
36
+ "__SStripes": "___SStripes_1h87t_gg_",
37
+ "--fill": "--fill_1h87t",
38
+ "__SStripesPatternPath": "___SStripesPatternPath_1h87t_gg_"
39
39
  })
40
40
  );
41
41
  var side2direction = {
@@ -24,19 +24,19 @@ var style = (
24
24
  /*__reshadow_css_start__*/
25
25
  (sstyled.insert(
26
26
  /*__inner_css_start__*/
27
- ".___SScatterPlot_dhy9r_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_dhy9r);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_dhy9r_gg_:hover{opacity:.8}}.___SScatterPlot_dhy9r_gg_.__color_dhy9r_gg_{fill:var(--color_dhy9r)}.___SScatterPlot_dhy9r_gg_.__pattern_dhy9r_gg_.__color_dhy9r_gg_{fill:var(--pattern_dhy9r);stroke:var(--color_dhy9r);stroke-width:1px}.___SScatterPlot_dhy9r_gg_.__transparent_dhy9r_gg_{opacity:.3}.___SValue_dhy9r_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_dhy9r_gg_.__color_dhy9r_gg_{stroke:var(--color_dhy9r)}.___SValue_dhy9r_gg_.__transparent_dhy9r_gg_{opacity:.3}",
27
+ ".___SScatterPlot_1bcfa_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1bcfa);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1bcfa_gg_:hover{opacity:.8}}.___SScatterPlot_1bcfa_gg_.__color_1bcfa_gg_{fill:var(--color_1bcfa)}.___SScatterPlot_1bcfa_gg_.__pattern_1bcfa_gg_.__color_1bcfa_gg_{fill:var(--pattern_1bcfa);stroke:var(--color_1bcfa);stroke-width:1px}.___SScatterPlot_1bcfa_gg_.__transparent_1bcfa_gg_{opacity:.3}.___SValue_1bcfa_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1bcfa_gg_.__color_1bcfa_gg_{stroke:var(--color_1bcfa)}.___SValue_1bcfa_gg_.__transparent_1bcfa_gg_{opacity:.3}",
28
28
  /*__inner_css_end__*/
29
- "dhy9r_gg_"
29
+ "1bcfa_gg_"
30
30
  ), /*__reshadow_css_end__*/
31
31
  {
32
- "__SScatterPlot": "___SScatterPlot_dhy9r_gg_",
33
- "_color": "__color_dhy9r_gg_",
34
- "--color": "--color_dhy9r",
35
- "_pattern": "__pattern_dhy9r_gg_",
36
- "--pattern": "--pattern_dhy9r",
37
- "_transparent": "__transparent_dhy9r_gg_",
38
- "__SValue": "___SValue_dhy9r_gg_",
39
- "--duration": "--duration_dhy9r"
32
+ "__SScatterPlot": "___SScatterPlot_1bcfa_gg_",
33
+ "_color": "__color_1bcfa_gg_",
34
+ "--color": "--color_1bcfa",
35
+ "_pattern": "__pattern_1bcfa_gg_",
36
+ "--pattern": "--pattern_1bcfa",
37
+ "_transparent": "__transparent_1bcfa_gg_",
38
+ "__SValue": "___SValue_1bcfa_gg_",
39
+ "--duration": "--duration_1bcfa"
40
40
  })
41
41
  );
42
42
  var ScatterPlotRoot = /* @__PURE__ */ function(_Component) {
@@ -25,19 +25,19 @@ var style = (
25
25
  /*__reshadow_css_start__*/
26
26
  (sstyled.insert(
27
27
  /*__inner_css_start__*/
28
- ".___STooltip_y4r4h_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_y4r4h_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_y4r4h_gg_{display:flex;align-items:center}.___SDot_y4r4h_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_y4r4h_gg_.__color_y4r4h_gg_{background-color:var(--color_y4r4h);width:8px;height:8px;border-radius:50%}.___SFooter_y4r4h_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}",
28
+ ".___STooltip_1r5oq_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1r5oq_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1r5oq_gg_{display:flex;align-items:center}.___SDot_1r5oq_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1r5oq_gg_.__color_1r5oq_gg_{background-color:var(--color_1r5oq);width:8px;height:8px;border-radius:50%}.___SFooter_1r5oq_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}",
29
29
  /*__inner_css_end__*/
30
- "y4r4h_gg_"
30
+ "1r5oq_gg_"
31
31
  ), /*__reshadow_css_end__*/
32
32
  {
33
- "__STooltip": "___STooltip_y4r4h_gg_",
34
- "__STitle": "___STitle_y4r4h_gg_",
35
- "__SDotGroup": "___SDotGroup_y4r4h_gg_",
36
- "__SDot": "___SDot_y4r4h_gg_",
37
- "__SDotCircle": "___SDotCircle_y4r4h_gg_",
38
- "_color": "__color_y4r4h_gg_",
39
- "--color": "--color_y4r4h",
40
- "__SFooter": "___SFooter_y4r4h_gg_"
33
+ "__STooltip": "___STooltip_1r5oq_gg_",
34
+ "__STitle": "___STitle_1r5oq_gg_",
35
+ "__SDotGroup": "___SDotGroup_1r5oq_gg_",
36
+ "__SDot": "___SDot_1r5oq_gg_",
37
+ "__SDotCircle": "___SDotCircle_1r5oq_gg_",
38
+ "_color": "__color_1r5oq_gg_",
39
+ "--color": "--color_1r5oq",
40
+ "__SFooter": "___SFooter_1r5oq_gg_"
41
41
  })
42
42
  );
43
43
  var TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
package/lib/esm/Venn.mjs CHANGED
@@ -26,19 +26,19 @@ var style = (
26
26
  /*__reshadow_css_start__*/
27
27
  (sstyled.insert(
28
28
  /*__inner_css_start__*/
29
- ".___SCircle_clpo4_gg_,.___SIntersection_clpo4_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_clpo4_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_clpo4);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_clpo4_gg_:hover{fill-opacity:.7}}.___SCircle_clpo4_gg_.__color_clpo4_gg_{fill:var(--color_clpo4)}.___SCircle_clpo4_gg_.__pattern_clpo4_gg_.__color_clpo4_gg_{fill:var(--pattern_clpo4);fill-opacity:.7;stroke:var(--color_clpo4);stroke-width:1px}@media (hover:hover){.___SCircle_clpo4_gg_.__pattern_clpo4_gg_.__color_clpo4_gg_:hover{fill-opacity:.85}}.___SCircle_clpo4_gg_.__transparent_clpo4_gg_{opacity:.3}.___SIntersection_clpo4_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_clpo4_gg_:hover{fill-opacity:.1}}.___SIntersection_clpo4_gg_.__transparent_clpo4_gg_{opacity:.3}",
29
+ ".___SCircle_1g423_gg_,.___SIntersection_1g423_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1g423_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1g423);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1g423_gg_:hover{fill-opacity:.7}}.___SCircle_1g423_gg_.__color_1g423_gg_{fill:var(--color_1g423)}.___SCircle_1g423_gg_.__pattern_1g423_gg_.__color_1g423_gg_{fill:var(--pattern_1g423);fill-opacity:.7;stroke:var(--color_1g423);stroke-width:1px}@media (hover:hover){.___SCircle_1g423_gg_.__pattern_1g423_gg_.__color_1g423_gg_:hover{fill-opacity:.85}}.___SCircle_1g423_gg_.__transparent_1g423_gg_{opacity:.3}.___SIntersection_1g423_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1g423_gg_:hover{fill-opacity:.1}}.___SIntersection_1g423_gg_.__transparent_1g423_gg_{opacity:.3}",
30
30
  /*__inner_css_end__*/
31
- "clpo4_gg_"
31
+ "1g423_gg_"
32
32
  ), /*__reshadow_css_end__*/
33
33
  {
34
- "__SCircle": "___SCircle_clpo4_gg_",
35
- "_color": "__color_clpo4_gg_",
36
- "--color": "--color_clpo4",
37
- "_transparent": "__transparent_clpo4_gg_",
38
- "__SIntersection": "___SIntersection_clpo4_gg_",
39
- "--duration": "--duration_clpo4",
40
- "_pattern": "__pattern_clpo4_gg_",
41
- "--pattern": "--pattern_clpo4"
34
+ "__SCircle": "___SCircle_1g423_gg_",
35
+ "_color": "__color_1g423_gg_",
36
+ "--color": "--color_1g423",
37
+ "_transparent": "__transparent_1g423_gg_",
38
+ "__SIntersection": "___SIntersection_1g423_gg_",
39
+ "--duration": "--duration_1g423",
40
+ "_pattern": "__pattern_1g423_gg_",
41
+ "--pattern": "--pattern_1g423"
42
42
  })
43
43
  );
44
44
  var VennRoot = /* @__PURE__ */ function(_Component) {
@@ -12,12 +12,12 @@ var styles = (
12
12
  /*__reshadow_css_start__*/
13
13
  (sstyled.insert(
14
14
  /*__inner_css_start__*/
15
- ".___SPlotA11yModule_1jlo3_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1jlo3_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
15
+ ".___SPlotA11yModule_1mrqn_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1mrqn_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}",
16
16
  /*__inner_css_end__*/
17
- "1jlo3_gg_"
17
+ "1mrqn_gg_"
18
18
  ), /*__reshadow_css_end__*/
19
19
  {
20
- "__SPlotA11yModule": "___SPlotA11yModule_1jlo3_gg_"
20
+ "__SPlotA11yModule": "___SPlotA11yModule_1mrqn_gg_"
21
21
  })
22
22
  );
23
23
  var globalWasFocused = false;
@@ -15,12 +15,12 @@ var styles = (
15
15
  /*__reshadow_css_start__*/
16
16
  (sstyled.insert(
17
17
  /*__inner_css_start__*/
18
- ".___SPlotA11yView_1nc8r_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_1nc8r_gg_:focus,.___SPlotA11yView_1nc8r_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_1nc8r_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1nc8r_gg_ table,.___SPlotA11yView_1nc8r_gg_ td,.___SPlotA11yView_1nc8r_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
18
+ ".___SPlotA11yView_otrv4_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_otrv4_gg_:focus,.___SPlotA11yView_otrv4_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_otrv4_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_otrv4_gg_ table,.___SPlotA11yView_otrv4_gg_ td,.___SPlotA11yView_otrv4_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
19
19
  /*__inner_css_end__*/
20
- "1nc8r_gg_"
20
+ "otrv4_gg_"
21
21
  ), /*__reshadow_css_end__*/
22
22
  {
23
- "__SPlotA11yView": "___SPlotA11yView_1nc8r_gg_"
23
+ "__SPlotA11yView": "___SPlotA11yView_otrv4_gg_"
24
24
  })
25
25
  );
26
26
  var PlotA11yView = function PlotA11yView2(_ref3) {
@@ -23,14 +23,14 @@ var style = (
23
23
  /*__reshadow_css_start__*/
24
24
  (sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- ".___SLegendFlex_1q7xr_gg_._direction_row_1q7xr_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1q7xr_gg_._direction_column_1q7xr_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
26
+ ".___SLegendFlex_cldh8_gg_._direction_row_cldh8_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_cldh8_gg_._direction_column_cldh8_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
27
27
  /*__inner_css_end__*/
28
- "1q7xr_gg_"
28
+ "cldh8_gg_"
29
29
  ), /*__reshadow_css_end__*/
30
30
  {
31
- "__SLegendFlex": "___SLegendFlex_1q7xr_gg_",
32
- "_direction_row": "_direction_row_1q7xr_gg_",
33
- "_direction_column": "_direction_column_1q7xr_gg_"
31
+ "__SLegendFlex": "___SLegendFlex_cldh8_gg_",
32
+ "_direction_row": "_direction_row_cldh8_gg_",
33
+ "_direction_column": "_direction_column_cldh8_gg_"
34
34
  })
35
35
  );
36
36
  var LegendFlexRoot = /* @__PURE__ */ function(_BaseLegend) {
@@ -26,27 +26,27 @@ var style = (
26
26
  /*__reshadow_css_start__*/
27
27
  (sstyled.insert(
28
28
  /*__inner_css_start__*/
29
- '.___SLegendItem_auvon_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_auvon_gg_:hover{cursor:pointer}.___SLegendItem_auvon_gg_.__disabled_auvon_gg_:hover{cursor:default}}.___SPointShape_auvon_gg_.__color_auvon_gg_{background-color:var(--color_auvon);margin-right:8px;flex-shrink:0}.___SPointShape_auvon_gg_._shape_Circle_auvon_gg_._size_l_auvon_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_auvon_gg_._shape_Circle_auvon_gg_._size_m_auvon_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_auvon_gg_._shape_Line_auvon_gg_._size_l_auvon_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_auvon_gg_._shape_Line_auvon_gg_._size_m_auvon_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_auvon_gg_._shape_Square_auvon_gg_._size_l_auvon_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_auvon_gg_._shape_Square_auvon_gg_._size_m_auvon_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_auvon_gg_._shape_Pattern_auvon_gg_{background-color:transparent;margin-right:4px}.___SIcon_auvon_gg_{line-height:0;margin-right:4px}.___SIcon_auvon_gg_._size_l_auvon_gg_{margin-top:4px}.___SIcon_auvon_gg_._size_m_auvon_gg_{margin-top:2px}.___SLabel_auvon_gg_{min-width:0}.___SAdditionalLabel_auvon_gg_._size_l_auvon_gg_,.___SCount_auvon_gg_._size_l_auvon_gg_,.___SLabel_auvon_gg_._size_l_auvon_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_auvon_gg_._size_m_auvon_gg_,.___SCount_auvon_gg_._size_m_auvon_gg_,.___SLabel_auvon_gg_._size_m_auvon_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_auvon_gg_,.___SCount_auvon_gg_{margin-left:4px}.___SAdditionalLabel_auvon_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_auvon_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_auvon_gg_._size_l_auvon_gg_::before{margin-top:10px}.___SAdditionalLabel_auvon_gg_._size_m_auvon_gg_::before{margin-top:8px}.___SPatternSymbol_auvon_gg_{transform:scale(.8)}',
29
+ '.___SLegendItem_94o7q_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_94o7q_gg_:hover{cursor:pointer}.___SLegendItem_94o7q_gg_.__disabled_94o7q_gg_:hover{cursor:default}}.___SPointShape_94o7q_gg_.__color_94o7q_gg_{background-color:var(--color_94o7q);margin-right:8px;flex-shrink:0}.___SPointShape_94o7q_gg_._shape_Circle_94o7q_gg_._size_l_94o7q_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_94o7q_gg_._shape_Circle_94o7q_gg_._size_m_94o7q_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_94o7q_gg_._shape_Line_94o7q_gg_._size_l_94o7q_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_94o7q_gg_._shape_Line_94o7q_gg_._size_m_94o7q_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_94o7q_gg_._shape_Square_94o7q_gg_._size_l_94o7q_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_94o7q_gg_._shape_Square_94o7q_gg_._size_m_94o7q_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_94o7q_gg_._shape_Pattern_94o7q_gg_{background-color:transparent;margin-right:4px}.___SIcon_94o7q_gg_{line-height:0;margin-right:4px}.___SIcon_94o7q_gg_._size_l_94o7q_gg_{margin-top:4px}.___SIcon_94o7q_gg_._size_m_94o7q_gg_{margin-top:2px}.___SLabel_94o7q_gg_{min-width:0}.___SAdditionalLabel_94o7q_gg_._size_l_94o7q_gg_,.___SCount_94o7q_gg_._size_l_94o7q_gg_,.___SLabel_94o7q_gg_._size_l_94o7q_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_94o7q_gg_._size_m_94o7q_gg_,.___SCount_94o7q_gg_._size_m_94o7q_gg_,.___SLabel_94o7q_gg_._size_m_94o7q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_94o7q_gg_,.___SCount_94o7q_gg_{margin-left:4px}.___SAdditionalLabel_94o7q_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_94o7q_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_94o7q_gg_._size_l_94o7q_gg_::before{margin-top:10px}.___SAdditionalLabel_94o7q_gg_._size_m_94o7q_gg_::before{margin-top:8px}.___SPatternSymbol_94o7q_gg_{transform:scale(.8)}',
30
30
  /*__inner_css_end__*/
31
- "auvon_gg_"
31
+ "94o7q_gg_"
32
32
  ), /*__reshadow_css_end__*/
33
33
  {
34
- "__SLegendItem": "___SLegendItem_auvon_gg_",
35
- "_disabled": "__disabled_auvon_gg_",
36
- "__SPointShape": "___SPointShape_auvon_gg_",
37
- "_color": "__color_auvon_gg_",
38
- "--color": "--color_auvon",
39
- "_shape_Circle": "_shape_Circle_auvon_gg_",
40
- "_size_l": "_size_l_auvon_gg_",
41
- "_size_m": "_size_m_auvon_gg_",
42
- "_shape_Line": "_shape_Line_auvon_gg_",
43
- "_shape_Square": "_shape_Square_auvon_gg_",
44
- "_shape_Pattern": "_shape_Pattern_auvon_gg_",
45
- "__SIcon": "___SIcon_auvon_gg_",
46
- "__SLabel": "___SLabel_auvon_gg_",
47
- "__SAdditionalLabel": "___SAdditionalLabel_auvon_gg_",
48
- "__SCount": "___SCount_auvon_gg_",
49
- "__SPatternSymbol": "___SPatternSymbol_auvon_gg_"
34
+ "__SLegendItem": "___SLegendItem_94o7q_gg_",
35
+ "_disabled": "__disabled_94o7q_gg_",
36
+ "__SPointShape": "___SPointShape_94o7q_gg_",
37
+ "_color": "__color_94o7q_gg_",
38
+ "--color": "--color_94o7q",
39
+ "_shape_Circle": "_shape_Circle_94o7q_gg_",
40
+ "_size_l": "_size_l_94o7q_gg_",
41
+ "_size_m": "_size_m_94o7q_gg_",
42
+ "_shape_Line": "_shape_Line_94o7q_gg_",
43
+ "_shape_Square": "_shape_Square_94o7q_gg_",
44
+ "_shape_Pattern": "_shape_Pattern_94o7q_gg_",
45
+ "__SIcon": "___SIcon_94o7q_gg_",
46
+ "__SLabel": "___SLabel_94o7q_gg_",
47
+ "__SAdditionalLabel": "___SAdditionalLabel_94o7q_gg_",
48
+ "__SCount": "___SCount_94o7q_gg_",
49
+ "__SPatternSymbol": "___SPatternSymbol_94o7q_gg_"
50
50
  })
51
51
  );
52
52
  var enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
@@ -19,16 +19,16 @@ var style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- '.___SLegendTable_gxutq_gg_.__columns-count_gxutq_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_gxutq_gg_._size_l_gxutq_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_gxutq_gg_._size_m_gxutq_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
22
+ '.___SLegendTable_17ats_gg_.__columns-count_17ats_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_17ats_gg_._size_l_17ats_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_17ats_gg_._size_m_17ats_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
23
23
  /*__inner_css_end__*/
24
- "gxutq_gg_"
24
+ "17ats_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__SLegendTable": "___SLegendTable_gxutq_gg_",
28
- "_columns-count": "__columns-count_gxutq_gg_",
29
- "__SColumnItem": "___SColumnItem_gxutq_gg_",
30
- "_size_l": "_size_l_gxutq_gg_",
31
- "_size_m": "_size_m_gxutq_gg_"
27
+ "__SLegendTable": "___SLegendTable_17ats_gg_",
28
+ "_columns-count": "__columns-count_17ats_gg_",
29
+ "__SColumnItem": "___SColumnItem_17ats_gg_",
30
+ "_size_l": "_size_l_17ats_gg_",
31
+ "_size_m": "_size_m_17ats_gg_"
32
32
  })
33
33
  );
34
34
  var LegendTableRoot = /* @__PURE__ */ function(_BaseLegend) {
@@ -33,6 +33,7 @@ export type PlotProps = Context &
33
33
  /** Enables charts patterns that enhances charts accessibility */
34
34
  patterns?: PatternsConfig;
35
35
 
36
+ /** Event emitter for chart interactions */
36
37
  eventEmitter?: InstanceType<typeof PlotEventEmitter>;
37
38
  };
38
39
 
@@ -96,6 +96,7 @@ export type RadialTreeProps = {
96
96
  * Used to define the active radian in controlled way. Active radian is highlighted with inreased cap size.
97
97
  */
98
98
  activeKey?: string | null;
99
+ /** Callback when active key changes */
99
100
  onActiveKeyChange?: (activeKey: string | null) => void;
100
101
  /**
101
102
  * Default value for `activeKey` property.
@@ -11,7 +11,7 @@ export type ReferenceLineProps = Context & {
11
11
  position?: 'top' | 'right' | 'bottom' | 'left';
12
12
  /** Value element of data */
13
13
  value?: any;
14
-
14
+ /** Reference line title */
15
15
  title?: string;
16
16
  };
17
17
 
@@ -6,11 +6,17 @@ import type { BaseChartProps } from './AbstractChart.type';
6
6
  import type { interpolateValue } from '../../utils';
7
7
  export type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
8
8
  export type AreaChartProps = BaseChartProps<AreaChartData> & {
9
+ /** Field name that groups the data points */
9
10
  groupKey: string;
11
+ /** Custom x-axis scale */
10
12
  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
13
+ /** Custom y-axis scale */
11
14
  yScale?: ScaleLinear<any, any>;
15
+ /** Controls whether to display dots on the area chart lines */
12
16
  showDots?: boolean;
17
+ /** D3 curve factory for line interpolation (e.g., curveLinear, curveCardinal) */
13
18
  curve?: CurveFactory;
19
+ /** Enables stacked area chart mode */
14
20
  stacked?: boolean;
15
21
  /** Callback triggered when a user clicks on a chart at a position corresponding to a data item */
16
22
  onClickArea?: (index: number, event: React.SyntheticEvent) => void;
@@ -11,10 +11,15 @@ type TrendItem = {
11
11
  type BarKey = string;
12
12
  export type BarChartData = Array<Record<BarKey, string | number | Date>>;
13
13
  export type BarChartProps = BaseChartProps<BarChartData> & {
14
+ /** Field name that groups the data points */
14
15
  groupKey: string;
16
+ /** Custom x-axis scale */
15
17
  xScale?: ScaleBand<any> | ScaleTime<any, any>;
18
+ /** Custom y-axis scale */
16
19
  yScale?: ScaleLinear<any, any>;
20
+ /** Controls whether bars are grouped side-by-side or stacked */
17
21
  type?: 'stack' | 'group';
22
+ /** Optional trend line data to overlay on the bars */
18
23
  trend?: Record<LegendItemKey, TrendItem[]>;
19
24
  /** Handle click by `HoverRect`. `index` is an index of the data array. */
20
25
  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;
@@ -14,8 +14,11 @@ export type BubbleChartData = Array<{
14
14
  color?: string;
15
15
  }>;
16
16
  export type BubbleChartProps = BaseChartProps<BubbleChartData> & {
17
+ /** Field name that groups the data points */
17
18
  groupKey?: never;
19
+ /** Custom x-axis scale */
18
20
  xScale?: ScaleLinear<any, any>;
21
+ /** Custom y-axis scale */
19
22
  yScale?: ScaleLinear<any, any>;
20
23
  /** Callback triggered when a user clicks on a bubble */
21
24
  onClickBubble?: (index: number, event: React.SyntheticEvent) => void;
@@ -5,10 +5,15 @@ import type { interpolateValue } from '../../utils';
5
5
  type DataKey = string;
6
6
  export type CigaretteChartData = Record<DataKey, number | typeof interpolateValue>;
7
7
  export type CigaretteChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<CigaretteChartData>, 'xScale' | 'yScale'> & {
8
+ /** Title text displayed in the tooltip */
8
9
  tooltipTitle?: string;
10
+ /** Controls whether the tooltip shows all data or single item data */
9
11
  tooltipViewType?: 'all' | 'single';
12
+ /** Header content for the chart */
10
13
  header?: React.ReactNode;
14
+ /** Animation duration in milliseconds */
11
15
  duration?: number;
16
+ /** Click handler that receives the data key and event */
12
17
  onClick?: (key: DataKey, event: React.SyntheticEvent) => void;
13
18
  };
14
19
  export type CigaretteChartType = Intergalactic.Component<'div', CigaretteChartProps>;
@@ -6,9 +6,13 @@ import type { BaseChartProps } from './AbstractChart.type';
6
6
  type BarKey = string;
7
7
  export type CompactHorizontalBarChartData = Array<Record<BarKey, number | string>>;
8
8
  export type CompactHorizontalBarChartProps = BaseChartProps<CompactHorizontalBarChartData> & {
9
+ /** Field name from data array for the x-axis values */
9
10
  x: string;
11
+ /** Field name from data array for the y-axis values */
10
12
  y: string;
13
+ /** Custom x-axis scale */
11
14
  xScale?: ScaleBand<any> | ScaleTime<any, any>;
15
+ /** Custom y-axis scale */
12
16
  yScale?: ScaleLinear<any, any>;
13
17
  /** Handle click by `HoverRect`. `index` is an index of the data array. */
14
18
  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;
@@ -6,11 +6,17 @@ import type { BaseChartProps } from './AbstractChart.type';
6
6
  export type DataKey = string;
7
7
  export type DonutChartData = Record<DataKey, number>;
8
8
  export type DonutChartProps = BaseChartProps<DonutChartData> & {
9
+ /** Internal */
9
10
  groupKey?: never;
11
+ /** Custom x-axis scale */
10
12
  xScale?: ScaleLinear<any, any>;
13
+ /** Custom y-axis scale */
11
14
  yScale?: ScaleLinear<any, any>;
15
+ /** Controls the inner radius of the donut */
12
16
  innerRadius?: number;
17
+ /** Creates a semi-donut chart when enabled */
13
18
  halfsize?: boolean;
19
+ /** Content displayed in the center of the donut */
14
20
  innerLabel?: React.ReactNode;
15
21
  /** Callback triggered when a user clicks on a pie */
16
22
  onClickPie?: (key: DataKey, e: React.SyntheticEvent) => void;
@@ -4,8 +4,11 @@ import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
4
4
  import type { BaseChartProps } from './AbstractChart.type';
5
5
  export type HistogramChartData = Array<Record<string, number | Date>>;
6
6
  export type HistogramChartProps = BaseChartProps<HistogramChartData> & {
7
+ /** Field name that groups the data points */
7
8
  groupKey: string;
9
+ /** Custom x-axis scale */
8
10
  xScale?: ScaleBand<any> | ScaleTime<any, any>;
11
+ /** Custom y-axis scale */
9
12
  yScale?: ScaleLinear<any, any>;
10
13
  };
11
14
  export type HistogramChartType = Intergalactic.Component<typeof Flex, HistogramChartProps>;
@@ -12,12 +12,19 @@ type AreaItem = {
12
12
  };
13
13
  export type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;
14
14
  export type LineChartProps = BaseChartProps<LineChartData> & {
15
+ /** Field name that groups the data points */
15
16
  groupKey: string;
17
+ /** Optional area data for rendering filled areas under lines */
16
18
  area?: Record<LegendItemKey, AreaItem[]>;
19
+ /** Custom x-axis scale */
17
20
  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
21
+ /** Custom y-axis scale */
18
22
  yScale?: ScaleLinear<any, any>;
23
+ /** Controls whether to display dots on the line chart */
19
24
  showDots?: boolean;
25
+ /** D3 curve factory for line interpolation */
20
26
  curve?: CurveFactory;
27
+ /** Curve factory specifically for area rendering */
21
28
  areaCurve?: CurveFactory;
22
29
  /** Callback triggered when a user clicks on a line */
23
30
  onClickLine?: (index: number, event: React.SyntheticEvent) => void;
@@ -5,9 +5,13 @@ import type { BaseChartProps } from './AbstractChart.type';
5
5
  import type { interpolateValue } from '../../utils';
6
6
  export type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
7
7
  export type ScatterPlotChartProps = BaseChartProps<ScatterPlotChartData> & {
8
+ /** Field name that groups the data points */
8
9
  groupKey: string;
10
+ /** Custom x-axis scale */
9
11
  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
12
+ /** Custom y-axis scale */
10
13
  yScale?: ScaleLinear<any, any>;
14
+ /** Optional field name for additional value data */
11
15
  valueKey?: string;
12
16
  /** Callback triggered when a user clicks on a scatter item */
13
17
  onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;
@@ -5,8 +5,11 @@ import type { BaseChartProps } from './AbstractChart.type';
5
5
  export type DataKey = string;
6
6
  export type VennChartData = Record<DataKey, number>;
7
7
  export type VennChartProps = BaseChartProps<VennChartData> & {
8
+ /** Internal */
8
9
  groupKey?: never;
10
+ /** Custom x-axis scale */
9
11
  xScale?: ScaleLinear<any, any>;
12
+ /** Custom y-axis scale */
10
13
  yScale?: ScaleLinear<any, any>;
11
14
  /** Callback triggered when a user clicks on a circle */
12
15
  onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/d3-chart",
3
3
  "description": "Semrush D3 Chart Component",
4
- "version": "16.1.1",
4
+ "version": "16.1.2-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/esm/index.mjs",
7
7
  "typings": "lib/types/index.d.ts",
@@ -15,13 +15,13 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@formatjs/intl": "2.3.0",
18
- "@semcore/animation": "16.0.4",
19
- "@semcore/checkbox": "16.1.0",
20
- "@semcore/divider": "16.0.6",
21
- "@semcore/flex-box": "16.0.6",
22
- "@semcore/icon": "16.5.0",
23
- "@semcore/popper": "16.0.6",
24
- "@semcore/typography": "16.2.0",
18
+ "@semcore/animation": "16.0.5-prerelease.1",
19
+ "@semcore/checkbox": "16.1.1-prerelease.1",
20
+ "@semcore/divider": "16.0.7-prerelease.1",
21
+ "@semcore/flex-box": "16.0.7-prerelease.1",
22
+ "@semcore/icon": "16.5.1-prerelease.1",
23
+ "@semcore/popper": "16.0.7-prerelease.1",
24
+ "@semcore/typography": "16.2.1-prerelease.1",
25
25
  "@types/d3-shape": "^3.1.7",
26
26
  "@upsetjs/venn.js": "1.4.2",
27
27
  "d3-array": "3.1.6",
@@ -35,7 +35,7 @@
35
35
  "hoist-non-react-statics": "3.3.2"
36
36
  },
37
37
  "peerDependencies": {
38
- "@semcore/base-components": "^16.0.0"
38
+ "@semcore/base-components": "^16.2.1-prerelease.1"
39
39
  },
40
40
  "repository": {
41
41
  "type": "git",
@@ -47,15 +47,15 @@
47
47
  "@types/d3-array": "^3.2.1",
48
48
  "@types/d3-scale": "^4.0.9",
49
49
  "@types/d3-transition": "^3.0.9",
50
- "@semcore/button": "16.0.6",
51
- "@semcore/divider": "16.0.6",
52
- "@semcore/dropdown-menu": "16.1.7",
53
- "@semcore/core": "16.0.4",
54
- "@semcore/checkbox": "16.1.0",
55
- "@semcore/ellipsis": "16.0.6",
50
+ "@semcore/button": "16.0.7-prerelease.1",
51
+ "@semcore/divider": "16.0.7-prerelease.1",
56
52
  "@semcore/testing-utils": "1.0.0",
57
- "@semcore/typography": "16.2.0",
58
- "@semcore/icon": "16.5.0"
53
+ "@semcore/typography": "16.2.1-prerelease.1",
54
+ "@semcore/core": "16.1.0-prerelease.1",
55
+ "@semcore/checkbox": "16.1.1-prerelease.1",
56
+ "@semcore/icon": "16.5.1-prerelease.1",
57
+ "@semcore/ellipsis": "16.0.7-prerelease.1",
58
+ "@semcore/dropdown-menu": "16.1.8-prerelease.1"
59
59
  },
60
60
  "scripts": {
61
61
  "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"