@semcore/d3-chart 2.8.2 → 2.8.4

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 (73) hide show
  1. package/CHANGELOG.md +16 -2
  2. package/lib/cjs/Area.js +10 -10
  3. package/lib/cjs/Axis.js +14 -14
  4. package/lib/cjs/Bar.js +9 -9
  5. package/lib/cjs/Bubble.js +19 -14
  6. package/lib/cjs/Bubble.js.map +1 -1
  7. package/lib/cjs/Donut.js +8 -8
  8. package/lib/cjs/Dots.js +10 -10
  9. package/lib/cjs/HorizontalBar.js +9 -9
  10. package/lib/cjs/Hover.js +4 -4
  11. package/lib/cjs/Line.js +9 -9
  12. package/lib/cjs/Plot.js +4 -4
  13. package/lib/cjs/RadialTree.js +56 -39
  14. package/lib/cjs/RadialTree.js.map +1 -1
  15. package/lib/cjs/ReferenceLine.js +10 -10
  16. package/lib/cjs/ScatterPlot.js +14 -10
  17. package/lib/cjs/ScatterPlot.js.map +1 -1
  18. package/lib/cjs/Tooltip.js +8 -8
  19. package/lib/cjs/Venn.js +8 -8
  20. package/lib/cjs/a11y/PlotA11yModule.js +3 -3
  21. package/lib/cjs/a11y/PlotA11yView.js +4 -4
  22. package/lib/cjs/style/bubble.shadow.css +12 -0
  23. package/lib/cjs/style/radial-tree.shadow.css +17 -0
  24. package/lib/cjs/style/scatterplot.shadow.css +8 -0
  25. package/lib/cjs/types/Area.d.js.map +1 -1
  26. package/lib/cjs/types/Bar.d.js.map +1 -1
  27. package/lib/cjs/types/Bubble.d.js.map +1 -1
  28. package/lib/cjs/types/Donut.d.js.map +1 -1
  29. package/lib/cjs/types/HorizontalBar.d.js.map +1 -1
  30. package/lib/cjs/types/Line.d.js.map +1 -1
  31. package/lib/cjs/types/ScatterPlot.d.js.map +1 -1
  32. package/lib/cjs/types/Venn.d.js.map +1 -1
  33. package/lib/es6/Area.js +10 -10
  34. package/lib/es6/Axis.js +14 -14
  35. package/lib/es6/Bar.js +9 -9
  36. package/lib/es6/Bubble.js +19 -14
  37. package/lib/es6/Bubble.js.map +1 -1
  38. package/lib/es6/Donut.js +8 -8
  39. package/lib/es6/Dots.js +10 -10
  40. package/lib/es6/HorizontalBar.js +9 -9
  41. package/lib/es6/Hover.js +4 -4
  42. package/lib/es6/Line.js +9 -9
  43. package/lib/es6/Plot.js +4 -4
  44. package/lib/es6/RadialTree.js +56 -39
  45. package/lib/es6/RadialTree.js.map +1 -1
  46. package/lib/es6/ReferenceLine.js +10 -10
  47. package/lib/es6/ScatterPlot.js +14 -10
  48. package/lib/es6/ScatterPlot.js.map +1 -1
  49. package/lib/es6/Tooltip.js +8 -8
  50. package/lib/es6/Venn.js +8 -8
  51. package/lib/es6/a11y/PlotA11yModule.js +3 -3
  52. package/lib/es6/a11y/PlotA11yView.js +4 -4
  53. package/lib/es6/style/bubble.shadow.css +12 -0
  54. package/lib/es6/style/radial-tree.shadow.css +17 -0
  55. package/lib/es6/style/scatterplot.shadow.css +8 -0
  56. package/lib/es6/types/Area.d.js.map +1 -1
  57. package/lib/es6/types/Bar.d.js.map +1 -1
  58. package/lib/es6/types/Bubble.d.js.map +1 -1
  59. package/lib/es6/types/Donut.d.js.map +1 -1
  60. package/lib/es6/types/HorizontalBar.d.js.map +1 -1
  61. package/lib/es6/types/Line.d.js.map +1 -1
  62. package/lib/es6/types/ScatterPlot.d.js.map +1 -1
  63. package/lib/es6/types/Venn.d.js.map +1 -1
  64. package/lib/types/Area.d.ts +2 -2
  65. package/lib/types/Bar.d.ts +1 -1
  66. package/lib/types/Bubble.d.ts +2 -0
  67. package/lib/types/Donut.d.ts +1 -1
  68. package/lib/types/HorizontalBar.d.ts +1 -1
  69. package/lib/types/Line.d.ts +1 -1
  70. package/lib/types/RadialTree.d.ts +9 -0
  71. package/lib/types/ScatterPlot.d.ts +2 -0
  72. package/lib/types/Venn.d.ts +2 -2
  73. package/package.json +1 -1
@@ -34,17 +34,17 @@ var style = (
34
34
  /*__reshadow_css_start__*/
35
35
  _sstyled.insert(
36
36
  /*__inner_css_start__*/
37
- ".___STooltip_jhpqd_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_jhpqd_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_jhpqd_gg_{display:flex;align-items:center}.___SDot_jhpqd_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_jhpqd_gg_.__color_jhpqd_gg_{background:var(--color_jhpqd)}"
37
+ ".___STooltip_7vjwp_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_7vjwp_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_7vjwp_gg_{display:flex;align-items:center}.___SDot_7vjwp_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_7vjwp_gg_.__color_7vjwp_gg_{background:var(--color_7vjwp)}"
38
38
  /*__inner_css_end__*/
39
- , "jhpqd_gg_")
39
+ , "7vjwp_gg_")
40
40
  /*__reshadow_css_end__*/
41
41
  , {
42
- "__STooltip": "___STooltip_jhpqd_gg_",
43
- "__STitle": "___STitle_jhpqd_gg_",
44
- "__SDotGroup": "___SDotGroup_jhpqd_gg_",
45
- "__SDot": "___SDot_jhpqd_gg_",
46
- "_color": "__color_jhpqd_gg_",
47
- "--color": "--color_jhpqd"
42
+ "__STooltip": "___STooltip_7vjwp_gg_",
43
+ "__STitle": "___STitle_7vjwp_gg_",
44
+ "__SDotGroup": "___SDotGroup_7vjwp_gg_",
45
+ "__SDot": "___SDot_7vjwp_gg_",
46
+ "_color": "__color_7vjwp_gg_",
47
+ "--color": "--color_7vjwp"
48
48
  });
49
49
 
50
50
  var TooltipRoot = /*#__PURE__*/function (_Component) {
package/lib/es6/Venn.js CHANGED
@@ -26,17 +26,17 @@ var style = (
26
26
  /*__reshadow_css_start__*/
27
27
  _sstyled.insert(
28
28
  /*__inner_css_start__*/
29
- ".___SCircle_1s3qe_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_1s3qe);transition-timing-function:ease-in-out}.___SCircle_1s3qe_gg_:hover{fill-opacity:.7}.___SCircle_1s3qe_gg_.__color_1s3qe_gg_{fill:var(--color_1s3qe)}.___SCircle_1s3qe_gg_.__transparent_1s3qe_gg_{opacity:.3}.___SIntersection_1s3qe_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_1s3qe_gg_:hover{fill-opacity:.1}.___SIntersection_1s3qe_gg_.__transparent_1s3qe_gg_{opacity:.3}"
29
+ ".___SCircle_xa7ap_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_xa7ap);transition-timing-function:ease-in-out}.___SCircle_xa7ap_gg_:hover{fill-opacity:.7}.___SCircle_xa7ap_gg_.__color_xa7ap_gg_{fill:var(--color_xa7ap)}.___SCircle_xa7ap_gg_.__transparent_xa7ap_gg_{opacity:.3}.___SIntersection_xa7ap_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_xa7ap_gg_:hover{fill-opacity:.1}.___SIntersection_xa7ap_gg_.__transparent_xa7ap_gg_{opacity:.3}"
30
30
  /*__inner_css_end__*/
31
- , "1s3qe_gg_")
31
+ , "xa7ap_gg_")
32
32
  /*__reshadow_css_end__*/
33
33
  , {
34
- "__SCircle": "___SCircle_1s3qe_gg_",
35
- "--duration": "--duration_1s3qe",
36
- "_color": "__color_1s3qe_gg_",
37
- "--color": "--color_1s3qe",
38
- "_transparent": "__transparent_1s3qe_gg_",
39
- "__SIntersection": "___SIntersection_1s3qe_gg_"
34
+ "__SCircle": "___SCircle_xa7ap_gg_",
35
+ "--duration": "--duration_xa7ap",
36
+ "_color": "__color_xa7ap_gg_",
37
+ "--color": "--color_xa7ap",
38
+ "_transparent": "__transparent_xa7ap_gg_",
39
+ "__SIntersection": "___SIntersection_xa7ap_gg_"
40
40
  });
41
41
 
42
42
  var VennRoot = /*#__PURE__*/function (_Component) {
@@ -20,12 +20,12 @@ var styles = (
20
20
  /*__reshadow_css_start__*/
21
21
  _sstyled.insert(
22
22
  /*__inner_css_start__*/
23
- ".___SPlotA11yModule_1wvpr_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1wvpr_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
23
+ ".___SPlotA11yModule_1x7xe_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1x7xe_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
24
24
  /*__inner_css_end__*/
25
- , "1wvpr_gg_")
25
+ , "1x7xe_gg_")
26
26
  /*__reshadow_css_end__*/
27
27
  , {
28
- "__SPlotA11yModule": "___SPlotA11yModule_1wvpr_gg_"
28
+ "__SPlotA11yModule": "___SPlotA11yModule_1x7xe_gg_"
29
29
  });
30
30
  import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
31
31
  import { Box } from '@semcore/flex-box';
@@ -27,13 +27,13 @@ var styles = (
27
27
  /*__reshadow_css_start__*/
28
28
  _sstyled.insert(
29
29
  /*__inner_css_start__*/
30
- ".___SPlotA11yView_zjkgx_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_zjkgx_gg_:focus,.___SPlotA11yView_zjkgx_gg_.__focus-within_zjkgx_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_zjkgx_gg_:focus,.___SPlotA11yView_zjkgx_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_zjkgx_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_zjkgx_gg_ table,.___SPlotA11yView_zjkgx_gg_ td,.___SPlotA11yView_zjkgx_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
30
+ ".___SPlotA11yView_aj64e_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_aj64e_gg_:focus,.___SPlotA11yView_aj64e_gg_.__focus-within_aj64e_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_aj64e_gg_:focus,.___SPlotA11yView_aj64e_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_aj64e_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_aj64e_gg_ table,.___SPlotA11yView_aj64e_gg_ td,.___SPlotA11yView_aj64e_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
31
31
  /*__inner_css_end__*/
32
- , "zjkgx_gg_")
32
+ , "aj64e_gg_")
33
33
  /*__reshadow_css_end__*/
34
34
  , {
35
- "__SPlotA11yView": "___SPlotA11yView_zjkgx_gg_",
36
- "_focus-within": "__focus-within_zjkgx_gg_"
35
+ "__SPlotA11yView": "___SPlotA11yView_aj64e_gg_",
36
+ "_focus-within": "__focus-within_aj64e_gg_"
37
37
  });
38
38
  import { Box } from '@semcore/flex-box';
39
39
  import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
@@ -17,6 +17,10 @@ SBubble[color] {
17
17
  fill: var(--color);
18
18
  }
19
19
 
20
+ SBubble[transparent] {
21
+ opacity: 0.3;
22
+ }
23
+
20
24
  SCenter {
21
25
  text-anchor: middle;
22
26
  /* disable-tokens-validator */
@@ -28,6 +32,10 @@ SCenter[color] {
28
32
  stroke: var(--color);
29
33
  }
30
34
 
35
+ SCenter[transparent] {
36
+ opacity: 0.3;
37
+ }
38
+
31
39
  SLabel {
32
40
  fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
33
41
  }
@@ -43,3 +51,7 @@ SLabel[position='left'] {
43
51
  SLabel[color] {
44
52
  fill: var(--color);
45
53
  }
54
+
55
+ SLabel[transparent] {
56
+ opacity: 0.3;
57
+ }
@@ -13,14 +13,31 @@ SLine[color] {
13
13
  stroke: var(--color);
14
14
  }
15
15
 
16
+ SLine[transparent] {
17
+ opacity: 0.3;
18
+ }
19
+
16
20
  SCap {
17
21
  transition: r 0.1s;
18
22
  }
19
23
 
24
+ SCap[transparent] {
25
+ opacity: 0.3;
26
+ }
27
+
28
+ SIcon[transparent] {
29
+ opacity: 0.3;
30
+ }
31
+
20
32
  SLabel {
21
33
  fill: var(--color);
22
34
  cursor: var(--text-cursor);
23
35
  }
36
+
37
+ SLabel[transparent] {
38
+ opacity: 0.3;
39
+ }
40
+
24
41
  SRadian:hover SLabel {
25
42
  fill: var(--color-hovered);
26
43
  }
@@ -15,6 +15,10 @@ SScatterPlot[color] {
15
15
  fill: var(--color);
16
16
  }
17
17
 
18
+ SScatterPlot[transparent] {
19
+ opacity: 0.3;
20
+ }
21
+
18
22
  SValue {
19
23
  text-anchor: middle;
20
24
  font-size: var(--intergalactic-fs-50, 10px);
@@ -24,3 +28,7 @@ SValue {
24
28
  SValue[color] {
25
29
  stroke: var(--color);
26
30
  }
31
+
32
+ SValue[transparent] {
33
+ opacity: 0.3;
34
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IAreaProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis*/\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Element opacity property */\n transparent?: boolean;\n}\n\nexport interface IAreaDotsProps extends IContext {\n /** Show all Dot */\n display?: boolean;\n /** Hide property */\n hide?: boolean;\n /** Element opacity property */\n transparent?: boolean;\n}\n\nexport interface IAreaDotsContext {\n /** Value element of data */\n value?: any;\n /** Index element of data */\n index?: number;\n}\n\nexport interface IAreaNullProps extends IContext {\n /** Hide property */\n hide?: boolean;\n}\n\ndeclare const Area: (<T>(props: MapProps<IAreaProps & T>) => ReturnEl) & {\n Dots: <T>(props: MapProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;\n Null: <T>(props: MapProps<IAreaNullProps & T>) => ReturnEl;\n Line: <T>(props: MapProps<IContext & T>) => ReturnEl;\n};\n\nexport default Area;\n"],"mappings":""}
1
+ {"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IAreaProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis*/\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IAreaDotsProps extends IContext {\n /** Show all Dot */\n display?: boolean;\n /** Hide property */\n hide?: boolean;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IAreaDotsContext {\n /** Value element of data */\n value?: any;\n /** Index element of data */\n index?: number;\n}\n\nexport interface IAreaNullProps extends IContext {\n /** Hide property */\n hide?: boolean;\n}\n\ndeclare const Area: (<T>(props: MapProps<IAreaProps & T>) => ReturnEl) & {\n Dots: <T>(props: MapProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;\n Null: <T>(props: MapProps<IAreaNullProps & T>) => ReturnEl;\n Line: <T>(props: MapProps<IContext & T>) => ReturnEl;\n};\n\nexport default Area;\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Minimal height\n * @default 4\n */\n hMin?: number;\n /**\n * Bar click handler\n */\n onClick?: (data: { [key: string]: string | number }, event: Event) => void;\n /** Element opacity property */\n transparent?: boolean;\n}\n\nexport interface IBarContext {\n /** Value element of data */\n value: any;\n /** Index element of data */\n index: number;\n}\n\nexport interface IBackgroundProps extends IContext {\n /** Coordinate x */\n x?: number | string;\n /** Coordinate y */\n y?: number | string;\n /** Value element of data */\n value?: any;\n /** Width rect */\n width?: number | string;\n /** Height rect */\n height?: number | string;\n}\n\ndeclare const Bar: (<T>(props: MapProps<IBarProps & T, IBarContext>) => ReturnEl) & {\n Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default Bar;\n"],"mappings":""}
1
+ {"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Minimal height\n * @default 4\n */\n hMin?: number;\n /**\n * Bar click handler\n */\n onClick?: (data: { [key: string]: string | number }, event: Event) => void;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IBarContext {\n /** Value element of data */\n value: any;\n /** Index element of data */\n index: number;\n}\n\nexport interface IBackgroundProps extends IContext {\n /** Coordinate x */\n x?: number | string;\n /** Coordinate y */\n y?: number | string;\n /** Value element of data */\n value?: any;\n /** Width rect */\n width?: number | string;\n /** Height rect */\n height?: number | string;\n}\n\ndeclare const Bar: (<T>(props: MapProps<IBarProps & T, IBarContext>) => ReturnEl) & {\n Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default Bar;\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBubbleProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle radius */\n value: string;\n /** Field from data for circle label */\n label?: string;\n /** Circle color */\n color?: string;\n /** Cross in the center of the bubble\n * @default true\n */\n markedCross?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n}\n\nexport interface IBubbleContext {\n /** Index element of data */\n index: number;\n}\n\ndeclare const Bubble: <T>(props: MapProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;\n\nexport default Bubble;\n"],"mappings":""}
1
+ {"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBubbleProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle radius */\n value: string;\n /** Field from data for circle label */\n label?: string;\n /** Circle color */\n color?: string;\n /** Cross in the center of the bubble\n * @default true\n */\n markedCross?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IBubbleContext {\n /** Index element of data */\n index: number;\n}\n\ndeclare const Bubble: <T>(props: MapProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;\n\nexport default Bubble;\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Donut.d.js","names":[],"sources":["../../../src/types/Donut.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IDonutProps extends IContext {\n /** Inner radius\n * @default 0\n * */\n innerRadius?: number;\n /** Outer radius\n * @default calculated by the formula from width, height\n * */\n outerRadius?: number;\n /** Semi donut */\n halfsize?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n}\n\nexport interface IPieProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color pie\n @default #50aef4\n **/\n color?: string;\n /**\n * Active sector\n * */\n active?: boolean;\n /** Element opacity property */\n transparent?: boolean;\n}\n\nexport interface IEmptyDataProps extends IContext {}\n\nexport interface ILabelProps extends IContext {}\n\ndeclare const Donut: (<T>(props: MapProps<IDonutProps & T>) => ReturnEl) & {\n Pie: <T>(props: MapProps<IPieProps & T>) => ReturnEl;\n EmptyData: <T>(props: MapProps<IEmptyDataProps & T>) => ReturnEl;\n Label: <T>(props: MapProps<ILabelProps & T>) => ReturnEl;\n};\n\nexport default Donut;\n"],"mappings":""}
1
+ {"version":3,"file":"Donut.d.js","names":[],"sources":["../../../src/types/Donut.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IDonutProps extends IContext {\n /** Inner radius\n * @default 0\n * */\n innerRadius?: number;\n /** Outer radius\n * @default calculated by the formula from width, height\n * */\n outerRadius?: number;\n /** Semi donut */\n halfsize?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n}\n\nexport interface IPieProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color pie\n @default #50aef4\n **/\n color?: string;\n /**\n * Active sector\n * */\n active?: boolean;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IEmptyDataProps extends IContext {}\n\nexport interface ILabelProps extends IContext {}\n\ndeclare const Donut: (<T>(props: MapProps<IDonutProps & T>) => ReturnEl) & {\n Pie: <T>(props: MapProps<IPieProps & T>) => ReturnEl;\n EmptyData: <T>(props: MapProps<IEmptyDataProps & T>) => ReturnEl;\n Label: <T>(props: MapProps<ILabelProps & T>) => ReturnEl;\n};\n\nexport default Donut;\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IBarContext, IBackgroundProps } from './Bar';\n\nexport interface IHorizontalBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Element opacity property */\n transparent?: boolean;\n}\n\ndeclare const HorizontalBar: (<T>(\n props: MapProps<IHorizontalBarProps & T, IBarContext>,\n) => ReturnEl) & {\n Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default HorizontalBar;\n"],"mappings":""}
1
+ {"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IBarContext, IBackgroundProps } from './Bar';\n\nexport interface IHorizontalBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Enables element transparency */\n transparent?: boolean;\n}\n\ndeclare const HorizontalBar: (<T>(\n props: MapProps<IHorizontalBarProps & T, IBarContext>,\n) => ReturnEl) & {\n Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default HorizontalBar;\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface ILineProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Element opacity property */\n transparent?: boolean;\n}\n\nexport interface ILineDotsProps extends IContext, IFadeInOutProps {\n /** Show all Dot */\n display?: boolean;\n /** Hide property */\n hide?: boolean;\n /** Index active of element */\n activeIndex?: number;\n}\n\nexport interface ILineDotsContext {\n /** Value element of data */\n value?: any;\n /** Index element of data */\n index?: number;\n}\n\nexport interface ILineNullProps extends IContext {\n /** Hide property */\n hide?: boolean;\n}\n\ndeclare const Line: (<T>(props: MapProps<ILineProps & T>) => ReturnEl) & {\n Dots: <T>(props: MapProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;\n Null: <T>(props: MapProps<ILineNullProps & T>) => ReturnEl;\n};\n\nexport default Line;\n"],"mappings":""}
1
+ {"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface ILineProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface ILineDotsProps extends IContext, IFadeInOutProps {\n /** Show all Dot */\n display?: boolean;\n /** Hide property */\n hide?: boolean;\n /** Index active of element */\n activeIndex?: number;\n}\n\nexport interface ILineDotsContext {\n /** Value element of data */\n value?: any;\n /** Index element of data */\n index?: number;\n}\n\nexport interface ILineNullProps extends IContext {\n /** Hide property */\n hide?: boolean;\n}\n\ndeclare const Line: (<T>(props: MapProps<ILineProps & T>) => ReturnEl) & {\n Dots: <T>(props: MapProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;\n Null: <T>(props: MapProps<ILineNullProps & T>) => ReturnEl;\n};\n\nexport default Line;\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"ScatterPlot.d.js","names":[],"sources":["../../../src/types/ScatterPlot.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IScatterPlotProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle value */\n value?: string;\n /** Circle color */\n color?: string;\n /** Circle value color */\n valueColor?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of circles\n * @default 5.5 or 12 with value\n */\n r?: number;\n}\n\ndeclare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;\n\nexport default ScatterPlot;\n"],"mappings":""}
1
+ {"version":3,"file":"ScatterPlot.d.js","names":[],"sources":["../../../src/types/ScatterPlot.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IScatterPlotProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle value */\n value?: string;\n /** Circle color */\n color?: string;\n /** Circle value color */\n valueColor?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of circles\n * @default 5.5 or 12 with value\n */\n r?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\ndeclare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;\n\nexport default ScatterPlot;\n"],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Venn.d.js","names":[],"sources":["../../../src/types/Venn.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface IVennProps extends IContext, IFadeInOutProps {\n /**\n * Rotate sets in the chart\n * @default Math.PI / 2\n */\n orientation?: number;\n /**\n * The function for sorting sets inside the chart\n * @default (circle1, circle2) => circle2.radius - circle1.radius\n */\n orientationOrder?: (c1: number, c2: number) => number;\n}\n\nexport interface ICircleProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color circle\n @default #3AB011\n **/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Element opacity property */\n transparent?: boolean;\n}\n\nexport interface IIntersectionProps extends IContext, IFadeInOutProps {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Element opacity property */\n transparent?: boolean;\n}\n\ndeclare const Venn: (<T>(props: MapProps<IVennProps & T>) => ReturnEl) & {\n Circle: <T>(props: MapProps<ICircleProps & T>) => ReturnEl;\n Intersection: <T>(props: MapProps<IIntersectionProps & T>) => ReturnEl;\n};\n\nexport default Venn;\n"],"mappings":""}
1
+ {"version":3,"file":"Venn.d.js","names":[],"sources":["../../../src/types/Venn.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface IVennProps extends IContext, IFadeInOutProps {\n /**\n * Rotate sets in the chart\n * @default Math.PI / 2\n */\n orientation?: number;\n /**\n * The function for sorting sets inside the chart\n * @default (circle1, circle2) => circle2.radius - circle1.radius\n */\n orientationOrder?: (c1: number, c2: number) => number;\n}\n\nexport interface ICircleProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color circle\n @default #3AB011\n **/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IIntersectionProps extends IContext, IFadeInOutProps {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\ndeclare const Venn: (<T>(props: MapProps<IVennProps & T>) => ReturnEl) & {\n Circle: <T>(props: MapProps<ICircleProps & T>) => ReturnEl;\n Intersection: <T>(props: MapProps<IIntersectionProps & T>) => ReturnEl;\n};\n\nexport default Venn;\n"],"mappings":""}
@@ -19,7 +19,7 @@ export interface IAreaProps extends IContext {
19
19
  * @default 500
20
20
  */
21
21
  duration?: number;
22
- /** Element opacity property */
22
+ /** Enables element transparency */
23
23
  transparent?: boolean;
24
24
  }
25
25
 
@@ -28,7 +28,7 @@ export interface IAreaDotsProps extends IContext {
28
28
  display?: boolean;
29
29
  /** Hide property */
30
30
  hide?: boolean;
31
- /** Element opacity property */
31
+ /** Enables element transparency */
32
32
  transparent?: boolean;
33
33
  }
34
34
 
@@ -28,7 +28,7 @@ export interface IBarProps extends IContext {
28
28
  * Bar click handler
29
29
  */
30
30
  onClick?: (data: { [key: string]: string | number }, event: Event) => void;
31
- /** Element opacity property */
31
+ /** Enables element transparency */
32
32
  transparent?: boolean;
33
33
  }
34
34
 
@@ -21,6 +21,8 @@ export interface IBubbleProps extends IContext {
21
21
  * @default 500
22
22
  */
23
23
  duration?: number;
24
+ /** Enables element transparency */
25
+ transparent?: boolean;
24
26
  }
25
27
 
26
28
  export interface IBubbleContext {
@@ -32,7 +32,7 @@ export interface IPieProps extends IContext {
32
32
  * Active sector
33
33
  * */
34
34
  active?: boolean;
35
- /** Element opacity property */
35
+ /** Enables element transparency */
36
36
  transparent?: boolean;
37
37
  }
38
38
 
@@ -19,7 +19,7 @@ export interface IHorizontalBarProps extends IContext {
19
19
  * @default 2
20
20
  */
21
21
  r?: number | number[];
22
- /** Element opacity property */
22
+ /** Enables element transparency */
23
23
  transparent?: boolean;
24
24
  }
25
25
 
@@ -20,7 +20,7 @@ export interface ILineProps extends IContext {
20
20
  * @default 500
21
21
  */
22
22
  duration?: number;
23
- /** Element opacity property */
23
+ /** Enables element transparency */
24
24
  transparent?: boolean;
25
25
  }
26
26
 
@@ -97,6 +97,8 @@ export interface IRadialTreeProps {
97
97
  * Default value for `activeKey` property.
98
98
  */
99
99
  defaultActiveKey?: string | null;
100
+ /** Enables element transparency */
101
+ transparent?: boolean;
100
102
  }
101
103
  export interface IRadialTreeRadianProps extends IRadialTreeProps {
102
104
  radiansCount?: number;
@@ -116,12 +118,14 @@ export interface IRadialTreeRadianLineProps {
116
118
  x2?: number;
117
119
  y2?: number;
118
120
  stroke?: string;
121
+ transparent?: boolean;
119
122
  ['data-radial-animation']?: `${string}-line`;
120
123
  ['data-radian-index']?: number;
121
124
  }
122
125
  declare type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
123
126
  Element: React.FC<{
124
127
  render: string;
128
+ transparent: boolean;
125
129
  } & React.SVGProps<any>>;
126
130
  styles: React.CSSProperties;
127
131
  };
@@ -131,12 +135,14 @@ export interface IRadialTreeRadianCapProps {
131
135
  y?: number;
132
136
  radius?: number;
133
137
  color?: string;
138
+ transparent?: boolean;
134
139
  ['data-radial-animation']?: `${string}-cap-circle`;
135
140
  ['data-radian-index']?: number;
136
141
  }
137
142
  declare type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
138
143
  Element: React.FC<{
139
144
  render: string;
145
+ transparent: boolean;
140
146
  } & React.SVGProps<any>>;
141
147
  styles: React.CSSProperties;
142
148
  };
@@ -150,10 +156,12 @@ export interface IRadialTreeRadianIconProps {
150
156
  ['data-radian-index']?: number;
151
157
  tag?: React.FC;
152
158
  isActive?: boolean;
159
+ transparent?: boolean;
153
160
  }
154
161
  declare type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
155
162
  Element: React.FC<{
156
163
  render: string | React.FC;
164
+ transparent: boolean;
157
165
  } & React.SVGProps<any>>;
158
166
  x: number;
159
167
  y: number;
@@ -171,6 +179,7 @@ export interface IRadialTreeRadianLabelProps {
171
179
  label?: string;
172
180
  isHorizontal?: boolean;
173
181
  angle?: number;
182
+ transparent?: boolean;
174
183
  }
175
184
  declare type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
176
185
  Element: React.FC<{
@@ -21,6 +21,8 @@ export interface IScatterPlotProps extends IContext {
21
21
  * @default 5.5 or 12 with value
22
22
  */
23
23
  r?: number;
24
+ /** Enables element transparency */
25
+ transparent?: boolean;
24
26
  }
25
27
 
26
28
  declare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;
@@ -29,7 +29,7 @@ export interface ICircleProps extends IContext {
29
29
  * @default 500
30
30
  */
31
31
  duration?: number;
32
- /** Element opacity property */
32
+ /** Enables element transparency */
33
33
  transparent?: boolean;
34
34
  }
35
35
 
@@ -38,7 +38,7 @@ export interface IIntersectionProps extends IContext, IFadeInOutProps {
38
38
  * Name of the field in the data
39
39
  * */
40
40
  dataKey: string;
41
- /** Element opacity property */
41
+ /** Enables element transparency */
42
42
  transparent?: boolean;
43
43
  }
44
44
 
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": "2.8.2",
4
+ "version": "2.8.4",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",