@semcore/d3-chart 2.2.0 → 2.2.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 (9) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +113 -0
  3. package/lib/cjs/GroupBar.js +6 -6
  4. package/lib/cjs/StackBar.js +6 -6
  5. package/lib/cjs/StackedArea.js +7 -7
  6. package/lib/es6/GroupBar.js +6 -6
  7. package/lib/es6/StackBar.js +6 -6
  8. package/lib/es6/StackedArea.js +7 -7
  9. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [2.2.1] - 2022-07-07
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/animation` [1.5.3 ~> 1.5.4], `@semcore/utils` [3.33.0 ~> 3.34.0]).
10
+
5
11
  ## [2.2.0] - 2022-06-30
6
12
 
7
13
  ### Added
package/README.md CHANGED
@@ -0,0 +1,113 @@
1
+ # @semcore/d3-chart
2
+
3
+ [![version](https://img.shields.io/npm/v/@semcore/d3-chart.svg)](https://www.npmjs.com/@semcore/d3-chart)
4
+ [![downloads](https://img.shields.io/npm/dt/@semcore/d3-chart.svg)](https://www.npmjs.com/package/@semcore/d3-chart)
5
+ [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
6
+
7
+ > This component is part of the Intergalactic design system
8
+
9
+ ### 📖 [Component documentation](https://developer.semrush.com/intergalactic/data-display/d3-chart/)
10
+
11
+ ### 🏠 [Design system](https://developer.semrush.com/intergalactic/)
12
+
13
+ ## Install
14
+
15
+ ```sh
16
+ npm install @semcore/ui
17
+ ```
18
+
19
+ ## Usage
20
+
21
+ ```jsx
22
+ import {
23
+ Plot,
24
+ XAxis,
25
+ YAxis,
26
+ Line,
27
+ Bar,
28
+ HorizontalBar,
29
+ GroupBar,
30
+ StackBar,
31
+ Area,
32
+ StackedArea,
33
+ ScatterPlot,
34
+ Bubble,
35
+ RadialTree,
36
+ Donut,
37
+ Venn,
38
+ Tooltip,
39
+ ResponsiveContainer,
40
+ ReferenceLine,
41
+ HoverLine,
42
+ HoverRect,
43
+ minMax,
44
+ colors,
45
+ } from '@semcore/ui/d3-chart';
46
+ ```
47
+
48
+ <details>
49
+ <summary>Alternative installation and use</summary>
50
+
51
+ **We do not recommend this usage path due to possible dependency and update issues.**
52
+
53
+ ### Install
54
+
55
+ You can only install one package from the design system
56
+
57
+ ```sh
58
+ npm install @semcore/d3-chart @semcore/core
59
+ ```
60
+
61
+ `@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
62
+ of the components that is discussed below. There should only be one version of the package in the project._
63
+
64
+ ### Usage
65
+
66
+ You can use the package the same way but without `/ui/` in the import path.
67
+
68
+ </details>
69
+
70
+ ```jsx
71
+ import {
72
+ Plot,
73
+ XAxis,
74
+ YAxis,
75
+ Line,
76
+ Bar,
77
+ HorizontalBar,
78
+ GroupBar,
79
+ StackBar,
80
+ Area,
81
+ StackedArea,
82
+ ScatterPlot,
83
+ Bubble,
84
+ RadialTree,
85
+ Donut,
86
+ Venn,
87
+ Tooltip,
88
+ ResponsiveContainer,
89
+ ReferenceLine,
90
+ HoverLine,
91
+ HoverRect,
92
+ minMax,
93
+ colors,
94
+ } from '@semcore/d3-chart';
95
+ ```
96
+
97
+ ## 👤 Author
98
+
99
+ [UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
100
+
101
+ ## 🤝 Contributing
102
+
103
+ Contributions, issues and feature requests are welcome!
104
+
105
+ Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
106
+
107
+ ## Show your support
108
+
109
+ Give a ⭐️ if this project helped you!
110
+
111
+ ## 📝 License
112
+
113
+ This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
package/lib/cjs/GroupBar.js CHANGED
@@ -42,15 +42,15 @@ var _ref = (
42
42
  /*__reshadow_css_start__*/
43
43
  (0, _core.__css__)(
44
44
  /*__inner_css_start__*/
45
- ".___SBar_wxazs_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_wxazs_gg_.__color_wxazs_gg_{fill:var(--color)}.___SBar_wxazs_gg_.__hide_wxazs_gg_{display:none}.___SBackground_wxazs_gg_{fill:#c4c7cf}"
45
+ ".___SBar_1x30o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1x30o_gg_.__color_1x30o_gg_{fill:var(--color)}.___SBar_1x30o_gg_.__hide_1x30o_gg_{display:none}.___SBackground_1x30o_gg_{fill:#c4c7cf}"
46
46
  /*__inner_css_end__*/
47
- , "14r5hqa_gg_")
47
+ , "1s4w8ea_gg_")
48
48
  /*__reshadow_css_end__*/
49
49
  , {
50
- "__SBar": "___SBar_wxazs_gg_",
51
- "_color": "__color_wxazs_gg_",
52
- "_hide": "__hide_wxazs_gg_",
53
- "__SBackground": "___SBackground_wxazs_gg_"
50
+ "__SBar": "___SBar_1x30o_gg_",
51
+ "_color": "__color_1x30o_gg_",
52
+ "_hide": "__hide_1x30o_gg_",
53
+ "__SBackground": "___SBackground_1x30o_gg_"
54
54
  }),
55
55
  style = (0, _extends2["default"])({}, _ref);
56
56
 
package/lib/cjs/StackBar.js CHANGED
@@ -48,15 +48,15 @@ var _ref = (
48
48
  /*__reshadow_css_start__*/
49
49
  (0, _core.__css__)(
50
50
  /*__inner_css_start__*/
51
- ".___SBar_x70sm_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_x70sm_gg_.__color_x70sm_gg_{fill:var(--color)}.___SBar_x70sm_gg_.__hide_x70sm_gg_{display:none}.___SBackground_x70sm_gg_{fill:#c4c7cf}"
51
+ ".___SBar_1w2f5_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1w2f5_gg_.__color_1w2f5_gg_{fill:var(--color)}.___SBar_1w2f5_gg_.__hide_1w2f5_gg_{display:none}.___SBackground_1w2f5_gg_{fill:#c4c7cf}"
52
52
  /*__inner_css_end__*/
53
- , "2ndmo2_gg_")
53
+ , "18yde2q_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SBar": "___SBar_x70sm_gg_",
57
- "_color": "__color_x70sm_gg_",
58
- "_hide": "__hide_x70sm_gg_",
59
- "__SBackground": "___SBackground_x70sm_gg_"
56
+ "__SBar": "___SBar_1w2f5_gg_",
57
+ "_color": "__color_1w2f5_gg_",
58
+ "_hide": "__hide_1w2f5_gg_",
59
+ "__SBackground": "___SBackground_1w2f5_gg_"
60
60
  }),
61
61
  style = (0, _extends2["default"])({}, _ref);
62
62
 
package/lib/cjs/StackedArea.js CHANGED
@@ -46,16 +46,16 @@ var _ref = (
46
46
  /*__reshadow_css_start__*/
47
47
  (0, _core.__css__)(
48
48
  /*__inner_css_start__*/
49
- ".___SArea_1mrhj_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1mrhj_gg_.__color_1mrhj_gg_{fill:var(--color)}.___SAreaLine_1mrhj_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1mrhj_gg_.__color_1mrhj_gg_{stroke:var(--color)}.___SArea_1mrhj_gg_,.___SAreaLine_1mrhj_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1mrhj_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1mrhj_gg_.__hide_1mrhj_gg_{display:none}"
49
+ ".___SArea_yde35_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_yde35_gg_.__color_yde35_gg_{fill:var(--color)}.___SAreaLine_yde35_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_yde35_gg_.__color_yde35_gg_{stroke:var(--color)}.___SArea_yde35_gg_,.___SAreaLine_yde35_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_yde35_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_yde35_gg_.__hide_yde35_gg_{display:none}"
50
50
  /*__inner_css_end__*/
51
- , "stmrj3_gg_")
51
+ , "13zxdxp_gg_")
52
52
  /*__reshadow_css_end__*/
53
53
  , {
54
- "__SArea": "___SArea_1mrhj_gg_",
55
- "_color": "__color_1mrhj_gg_",
56
- "__SAreaLine": "___SAreaLine_1mrhj_gg_",
57
- "__SNull": "___SNull_1mrhj_gg_",
58
- "_hide": "__hide_1mrhj_gg_"
54
+ "__SArea": "___SArea_yde35_gg_",
55
+ "_color": "__color_yde35_gg_",
56
+ "__SAreaLine": "___SAreaLine_yde35_gg_",
57
+ "__SNull": "___SNull_yde35_gg_",
58
+ "_hide": "__hide_yde35_gg_"
59
59
  }),
60
60
  style = (0, _extends2["default"])({}, _ref);
61
61
 
package/lib/es6/GroupBar.js CHANGED
@@ -22,15 +22,15 @@ var _ref = (
22
22
  /*__reshadow_css_start__*/
23
23
  __css__(
24
24
  /*__inner_css_start__*/
25
- ".___SBar_wxazs_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_wxazs_gg_.__color_wxazs_gg_{fill:var(--color)}.___SBar_wxazs_gg_.__hide_wxazs_gg_{display:none}.___SBackground_wxazs_gg_{fill:#c4c7cf}"
25
+ ".___SBar_1x30o_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1x30o_gg_.__color_1x30o_gg_{fill:var(--color)}.___SBar_1x30o_gg_.__hide_1x30o_gg_{display:none}.___SBackground_1x30o_gg_{fill:#c4c7cf}"
26
26
  /*__inner_css_end__*/
27
- , "14r5hqa_gg_")
27
+ , "1s4w8ea_gg_")
28
28
  /*__reshadow_css_end__*/
29
29
  , {
30
- "__SBar": "___SBar_wxazs_gg_",
31
- "_color": "__color_wxazs_gg_",
32
- "_hide": "__hide_wxazs_gg_",
33
- "__SBackground": "___SBackground_wxazs_gg_"
30
+ "__SBar": "___SBar_1x30o_gg_",
31
+ "_color": "__color_1x30o_gg_",
32
+ "_hide": "__hide_1x30o_gg_",
33
+ "__SBackground": "___SBackground_1x30o_gg_"
34
34
  }),
35
35
  style = _extends({}, _ref);
36
36
 
package/lib/es6/StackBar.js CHANGED
@@ -27,15 +27,15 @@ var _ref = (
27
27
  /*__reshadow_css_start__*/
28
28
  __css__(
29
29
  /*__inner_css_start__*/
30
- ".___SBar_x70sm_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_x70sm_gg_.__color_x70sm_gg_{fill:var(--color)}.___SBar_x70sm_gg_.__hide_x70sm_gg_{display:none}.___SBackground_x70sm_gg_{fill:#c4c7cf}"
30
+ ".___SBar_1w2f5_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1w2f5_gg_.__color_1w2f5_gg_{fill:var(--color)}.___SBar_1w2f5_gg_.__hide_1w2f5_gg_{display:none}.___SBackground_1w2f5_gg_{fill:#c4c7cf}"
31
31
  /*__inner_css_end__*/
32
- , "2ndmo2_gg_")
32
+ , "18yde2q_gg_")
33
33
  /*__reshadow_css_end__*/
34
34
  , {
35
- "__SBar": "___SBar_x70sm_gg_",
36
- "_color": "__color_x70sm_gg_",
37
- "_hide": "__hide_x70sm_gg_",
38
- "__SBackground": "___SBackground_x70sm_gg_"
35
+ "__SBar": "___SBar_1w2f5_gg_",
36
+ "_color": "__color_1w2f5_gg_",
37
+ "_hide": "__hide_1w2f5_gg_",
38
+ "__SBackground": "___SBackground_1w2f5_gg_"
39
39
  }),
40
40
  style = _extends({}, _ref);
41
41
 
package/lib/es6/StackedArea.js CHANGED
@@ -26,16 +26,16 @@ var _ref = (
26
26
  /*__reshadow_css_start__*/
27
27
  __css__(
28
28
  /*__inner_css_start__*/
29
- ".___SArea_1mrhj_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1mrhj_gg_.__color_1mrhj_gg_{fill:var(--color)}.___SAreaLine_1mrhj_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1mrhj_gg_.__color_1mrhj_gg_{stroke:var(--color)}.___SArea_1mrhj_gg_,.___SAreaLine_1mrhj_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1mrhj_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1mrhj_gg_.__hide_1mrhj_gg_{display:none}"
29
+ ".___SArea_yde35_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_yde35_gg_.__color_yde35_gg_{fill:var(--color)}.___SAreaLine_yde35_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_yde35_gg_.__color_yde35_gg_{stroke:var(--color)}.___SArea_yde35_gg_,.___SAreaLine_yde35_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_yde35_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_yde35_gg_.__hide_yde35_gg_{display:none}"
30
30
  /*__inner_css_end__*/
31
- , "stmrj3_gg_")
31
+ , "13zxdxp_gg_")
32
32
  /*__reshadow_css_end__*/
33
33
  , {
34
- "__SArea": "___SArea_1mrhj_gg_",
35
- "_color": "__color_1mrhj_gg_",
36
- "__SAreaLine": "___SAreaLine_1mrhj_gg_",
37
- "__SNull": "___SNull_1mrhj_gg_",
38
- "_hide": "__hide_1mrhj_gg_"
34
+ "__SArea": "___SArea_yde35_gg_",
35
+ "_color": "__color_yde35_gg_",
36
+ "__SAreaLine": "___SAreaLine_yde35_gg_",
37
+ "__SNull": "___SNull_yde35_gg_",
38
+ "_hide": "__hide_yde35_gg_"
39
39
  }),
40
40
  style = _extends({}, _ref);
41
41
 
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@semcore/d3-chart",
3
3
  "description": "SEMRush D3 Chart Component",
4
- "version": "2.2.0",
4
+ "version": "2.2.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
8
8
  "sideEffects": false,
9
- "author": "Roman Lysov <r.lysov@semrush.com>",
9
+ "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "scripts": {
12
12
  "build": "build --source=js,ts",