@gravity-ui/charts 0.6.1 → 0.8.0

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 (166) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/components/Axis/AxisY.d.ts +1 -0
  3. package/dist/cjs/components/Axis/AxisY.js +55 -13
  4. package/dist/cjs/components/ChartInner/index.js +3 -2
  5. package/dist/cjs/components/ChartInner/useChartInnerHandlers.js +4 -0
  6. package/dist/cjs/components/Legend/index.js +1 -2
  7. package/dist/cjs/components/PlotTitle/index.js +1 -1
  8. package/dist/cjs/components/PlotTitle/styles.css +1 -1
  9. package/dist/cjs/components/Tooltip/ChartTooltipContent.d.ts +2 -2
  10. package/dist/cjs/components/Tooltip/DefaultContent.js +19 -3
  11. package/dist/cjs/components/Tooltip/index.js +5 -5
  12. package/dist/cjs/components/Tooltip/styles.css +2 -15
  13. package/dist/cjs/components/index.d.ts +10 -9
  14. package/dist/cjs/constants/index.d.ts +1 -0
  15. package/dist/cjs/constants/index.js +1 -0
  16. package/dist/cjs/hooks/useChartOptions/types.d.ts +11 -1
  17. package/dist/cjs/hooks/useChartOptions/x-axis.js +1 -0
  18. package/dist/cjs/hooks/useChartOptions/y-axis.js +9 -1
  19. package/dist/cjs/hooks/useSeries/prepare-area.d.ts +1 -1
  20. package/dist/cjs/hooks/useSeries/prepare-bar-x.d.ts +2 -1
  21. package/dist/cjs/hooks/useSeries/prepare-bar-x.js +2 -1
  22. package/dist/cjs/hooks/useSeries/prepare-bar-y.d.ts +2 -1
  23. package/dist/cjs/hooks/useSeries/prepare-bar-y.js +3 -1
  24. package/dist/cjs/hooks/useSeries/prepare-line.d.ts +1 -1
  25. package/dist/cjs/hooks/useSeries/prepare-pie.js +2 -2
  26. package/dist/cjs/hooks/useSeries/prepare-sankey.d.ts +11 -0
  27. package/dist/cjs/hooks/useSeries/prepare-sankey.js +38 -0
  28. package/dist/cjs/hooks/useSeries/prepareSeries.js +21 -2
  29. package/dist/cjs/hooks/useSeries/types.d.ts +12 -2
  30. package/dist/cjs/hooks/useSeries/utils.js +1 -1
  31. package/dist/cjs/hooks/useShapes/bar-x/index.js +16 -2
  32. package/dist/cjs/hooks/useShapes/bar-x/prepare-data.js +2 -1
  33. package/dist/cjs/hooks/useShapes/bar-x/types.d.ts +1 -0
  34. package/dist/cjs/hooks/useShapes/bar-y/index.js +16 -2
  35. package/dist/cjs/hooks/useShapes/bar-y/prepare-data.js +2 -1
  36. package/dist/cjs/hooks/useShapes/bar-y/types.d.ts +1 -0
  37. package/dist/cjs/hooks/useShapes/index.d.ts +2 -1
  38. package/dist/cjs/hooks/useShapes/index.js +19 -0
  39. package/dist/cjs/hooks/useShapes/line/index.js +2 -2
  40. package/dist/cjs/hooks/useShapes/pie/index.js +3 -3
  41. package/dist/cjs/hooks/useShapes/pie/prepare-data.js +37 -35
  42. package/dist/cjs/hooks/useShapes/pie/types.d.ts +1 -1
  43. package/dist/cjs/hooks/useShapes/sankey/index.d.ts +12 -0
  44. package/dist/cjs/hooks/useShapes/sankey/index.js +67 -0
  45. package/dist/cjs/hooks/useShapes/sankey/prepare-data.d.ts +7 -0
  46. package/dist/cjs/hooks/useShapes/sankey/prepare-data.js +72 -0
  47. package/dist/cjs/hooks/useShapes/sankey/types.d.ts +33 -0
  48. package/dist/cjs/hooks/useShapes/sankey/types.js +1 -0
  49. package/dist/cjs/hooks/useShapes/styles.css +2 -2
  50. package/dist/cjs/hooks/useShapes/utils.d.ts +7 -2
  51. package/dist/cjs/hooks/useShapes/utils.js +22 -17
  52. package/dist/cjs/hooks/useShapes/waterfall/index.js +1 -2
  53. package/dist/cjs/types/chart/area.d.ts +6 -6
  54. package/dist/cjs/types/chart/axis.d.ts +32 -7
  55. package/dist/cjs/types/chart/bar-x.d.ts +9 -4
  56. package/dist/cjs/types/chart/bar-y.d.ts +10 -6
  57. package/dist/cjs/types/chart/base.d.ts +6 -6
  58. package/dist/cjs/types/chart/chart.d.ts +4 -4
  59. package/dist/cjs/types/chart/halo.d.ts +2 -2
  60. package/dist/cjs/types/chart/legend.d.ts +10 -10
  61. package/dist/cjs/types/chart/line.d.ts +4 -4
  62. package/dist/cjs/types/chart/marker.d.ts +2 -2
  63. package/dist/cjs/types/chart/pie.d.ts +6 -4
  64. package/dist/cjs/types/chart/sankey.d.ts +22 -0
  65. package/dist/cjs/types/chart/sankey.js +1 -0
  66. package/dist/cjs/types/chart/scatter.d.ts +4 -4
  67. package/dist/cjs/types/chart/series.d.ts +21 -10
  68. package/dist/cjs/types/chart/split.d.ts +4 -4
  69. package/dist/cjs/types/chart/title.d.ts +2 -2
  70. package/dist/cjs/types/chart/tooltip.d.ts +27 -21
  71. package/dist/cjs/types/chart/treemap.d.ts +4 -4
  72. package/dist/cjs/types/chart/waterfall.d.ts +4 -4
  73. package/dist/cjs/types/chart-ui.d.ts +6 -6
  74. package/dist/cjs/types/formatter.d.ts +4 -4
  75. package/dist/cjs/types/index.d.ts +35 -4
  76. package/dist/cjs/types/index.js +1 -0
  77. package/dist/cjs/utils/chart/get-closest-data.d.ts +2 -0
  78. package/dist/cjs/utils/chart/get-closest-data.js +39 -3
  79. package/dist/cjs/utils/chart/index.js +1 -1
  80. package/dist/cjs/utils/chart/series/index.d.ts +1 -0
  81. package/dist/cjs/utils/chart/series/index.js +1 -0
  82. package/dist/cjs/utils/chart/series/line.d.ts +2 -0
  83. package/dist/cjs/utils/chart/series/line.js +17 -0
  84. package/dist/esm/components/Axis/AxisY.d.ts +1 -0
  85. package/dist/esm/components/Axis/AxisY.js +55 -13
  86. package/dist/esm/components/ChartInner/index.js +3 -2
  87. package/dist/esm/components/ChartInner/useChartInnerHandlers.js +4 -0
  88. package/dist/esm/components/Legend/index.js +1 -2
  89. package/dist/esm/components/PlotTitle/index.js +1 -1
  90. package/dist/esm/components/PlotTitle/styles.css +1 -1
  91. package/dist/esm/components/Tooltip/ChartTooltipContent.d.ts +2 -2
  92. package/dist/esm/components/Tooltip/DefaultContent.js +19 -3
  93. package/dist/esm/components/Tooltip/index.js +5 -5
  94. package/dist/esm/components/Tooltip/styles.css +2 -15
  95. package/dist/esm/components/index.d.ts +10 -9
  96. package/dist/esm/constants/index.d.ts +1 -0
  97. package/dist/esm/constants/index.js +1 -0
  98. package/dist/esm/hooks/useChartOptions/types.d.ts +11 -1
  99. package/dist/esm/hooks/useChartOptions/x-axis.js +1 -0
  100. package/dist/esm/hooks/useChartOptions/y-axis.js +9 -1
  101. package/dist/esm/hooks/useSeries/prepare-area.d.ts +1 -1
  102. package/dist/esm/hooks/useSeries/prepare-bar-x.d.ts +2 -1
  103. package/dist/esm/hooks/useSeries/prepare-bar-x.js +2 -1
  104. package/dist/esm/hooks/useSeries/prepare-bar-y.d.ts +2 -1
  105. package/dist/esm/hooks/useSeries/prepare-bar-y.js +3 -1
  106. package/dist/esm/hooks/useSeries/prepare-line.d.ts +1 -1
  107. package/dist/esm/hooks/useSeries/prepare-pie.js +2 -2
  108. package/dist/esm/hooks/useSeries/prepare-sankey.d.ts +11 -0
  109. package/dist/esm/hooks/useSeries/prepare-sankey.js +38 -0
  110. package/dist/esm/hooks/useSeries/prepareSeries.js +21 -2
  111. package/dist/esm/hooks/useSeries/types.d.ts +12 -2
  112. package/dist/esm/hooks/useSeries/utils.js +1 -1
  113. package/dist/esm/hooks/useShapes/bar-x/index.js +16 -2
  114. package/dist/esm/hooks/useShapes/bar-x/prepare-data.js +2 -1
  115. package/dist/esm/hooks/useShapes/bar-x/types.d.ts +1 -0
  116. package/dist/esm/hooks/useShapes/bar-y/index.js +16 -2
  117. package/dist/esm/hooks/useShapes/bar-y/prepare-data.js +2 -1
  118. package/dist/esm/hooks/useShapes/bar-y/types.d.ts +1 -0
  119. package/dist/esm/hooks/useShapes/index.d.ts +2 -1
  120. package/dist/esm/hooks/useShapes/index.js +19 -0
  121. package/dist/esm/hooks/useShapes/line/index.js +2 -2
  122. package/dist/esm/hooks/useShapes/pie/index.js +3 -3
  123. package/dist/esm/hooks/useShapes/pie/prepare-data.js +37 -35
  124. package/dist/esm/hooks/useShapes/pie/types.d.ts +1 -1
  125. package/dist/esm/hooks/useShapes/sankey/index.d.ts +12 -0
  126. package/dist/esm/hooks/useShapes/sankey/index.js +67 -0
  127. package/dist/esm/hooks/useShapes/sankey/prepare-data.d.ts +7 -0
  128. package/dist/esm/hooks/useShapes/sankey/prepare-data.js +72 -0
  129. package/dist/esm/hooks/useShapes/sankey/types.d.ts +33 -0
  130. package/dist/esm/hooks/useShapes/sankey/types.js +1 -0
  131. package/dist/esm/hooks/useShapes/styles.css +2 -2
  132. package/dist/esm/hooks/useShapes/utils.d.ts +7 -2
  133. package/dist/esm/hooks/useShapes/utils.js +22 -17
  134. package/dist/esm/hooks/useShapes/waterfall/index.js +1 -2
  135. package/dist/esm/types/chart/area.d.ts +6 -6
  136. package/dist/esm/types/chart/axis.d.ts +32 -7
  137. package/dist/esm/types/chart/bar-x.d.ts +9 -4
  138. package/dist/esm/types/chart/bar-y.d.ts +10 -6
  139. package/dist/esm/types/chart/base.d.ts +6 -6
  140. package/dist/esm/types/chart/chart.d.ts +4 -4
  141. package/dist/esm/types/chart/halo.d.ts +2 -2
  142. package/dist/esm/types/chart/legend.d.ts +10 -10
  143. package/dist/esm/types/chart/line.d.ts +4 -4
  144. package/dist/esm/types/chart/marker.d.ts +2 -2
  145. package/dist/esm/types/chart/pie.d.ts +6 -4
  146. package/dist/esm/types/chart/sankey.d.ts +22 -0
  147. package/dist/esm/types/chart/sankey.js +1 -0
  148. package/dist/esm/types/chart/scatter.d.ts +4 -4
  149. package/dist/esm/types/chart/series.d.ts +21 -10
  150. package/dist/esm/types/chart/split.d.ts +4 -4
  151. package/dist/esm/types/chart/title.d.ts +2 -2
  152. package/dist/esm/types/chart/tooltip.d.ts +27 -21
  153. package/dist/esm/types/chart/treemap.d.ts +4 -4
  154. package/dist/esm/types/chart/waterfall.d.ts +4 -4
  155. package/dist/esm/types/chart-ui.d.ts +6 -6
  156. package/dist/esm/types/formatter.d.ts +4 -4
  157. package/dist/esm/types/index.d.ts +35 -4
  158. package/dist/esm/types/index.js +1 -0
  159. package/dist/esm/utils/chart/get-closest-data.d.ts +2 -0
  160. package/dist/esm/utils/chart/get-closest-data.js +39 -3
  161. package/dist/esm/utils/chart/index.js +1 -1
  162. package/dist/esm/utils/chart/series/index.d.ts +1 -0
  163. package/dist/esm/utils/chart/series/index.js +1 -0
  164. package/dist/esm/utils/chart/series/line.d.ts +2 -0
  165. package/dist/esm/utils/chart/series/line.js +17 -0
  166. package/package.json +9 -4
package/dist/esm/utils/chart/index.js CHANGED
@@ -15,7 +15,7 @@ export * from './legend';
15
15
  export * from './symbol';
16
16
  export * from './series';
17
17
  export * from './color';
18
- const CHARTS_WITHOUT_AXIS = ['pie', 'treemap'];
18
+ const CHARTS_WITHOUT_AXIS = ['pie', 'treemap', 'sankey'];
19
19
  export const CHART_SERIES_WITH_VOLUME_ON_Y_AXIS = [
20
20
  'bar-x',
21
21
  'area',
package/dist/esm/utils/chart/series/index.d.ts CHANGED
@@ -1 +1,2 @@
1
+ export * from './line';
1
2
  export * from './waterfall';
package/dist/esm/utils/chart/series/index.js CHANGED
@@ -1 +1,2 @@
1
+ export * from './line';
1
2
  export * from './waterfall';
package/dist/esm/utils/chart/series/line.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { DashStyle } from 'src/constants';
2
+ export declare function getLineDashArray(dashStyle: DashStyle, strokeWidth?: number): string;
package/dist/esm/utils/chart/series/line.js ADDED
@@ -0,0 +1,17 @@
1
+ export function getLineDashArray(dashStyle, strokeWidth = 2) {
2
+ const value = dashStyle.toLowerCase();
3
+ const arrayValue = value
4
+ .replace('shortdashdotdot', '3,1,1,1,1,1,')
5
+ .replace('shortdashdot', '3,1,1,1')
6
+ .replace('shortdot', '1,1,')
7
+ .replace('shortdash', '3,1,')
8
+ .replace('longdash', '8,3,')
9
+ .replace(/dot/g, '1,3,')
10
+ .replace('dash', '4,3,')
11
+ .replace(/,$/, '')
12
+ .split(',')
13
+ .map((part) => {
14
+ return `${parseInt(part, 10) * strokeWidth}`;
15
+ });
16
+ return arrayValue.join(',').replace(/NaN/g, 'none');
17
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/charts",
3
- "version": "0.6.1",
3
+ "version": "0.8.0",
4
4
  "description": "React component used to render charts",
5
5
  "license": "MIT",
6
6
  "main": "dist/cjs/index.js",
@@ -50,13 +50,17 @@
50
50
  "build": "gulp",
51
51
  "start": "storybook dev -p 7007",
52
52
  "build-storybook": "storybook build -c .storybook -o storybook-static",
53
- "prepublishOnly": "npm run build"
53
+ "prepublishOnly": "npm run build",
54
+ "docs:deps": "cd ./docs && npm ci",
55
+ "docs:dev": "cd ./docs && npm run docs:dev",
56
+ "docs:build": "cd ./docs && npm run docs:build"
54
57
  },
55
58
  "dependencies": {
56
59
  "@bem-react/classname": "^1.6.0",
57
60
  "@gravity-ui/date-utils": "^2.5.4",
58
61
  "@gravity-ui/i18n": "^1.6.0",
59
62
  "d3": "^7.9.0",
63
+ "d3-sankey": "^0.12.3",
60
64
  "lodash": "^4.17.21",
61
65
  "tslib": "^2.6.2"
62
66
  },
@@ -70,7 +74,7 @@
70
74
  "@gravity-ui/prettier-config": "^1.1.0",
71
75
  "@gravity-ui/stylelint-config": "^4.0.1",
72
76
  "@gravity-ui/tsconfig": "^1.0.0",
73
- "@gravity-ui/uikit": "^6.15.0",
77
+ "@gravity-ui/uikit": "^7.4.0",
74
78
  "@storybook/addon-a11y": "^8.2.9",
75
79
  "@storybook/addon-actions": "^8.2.9",
76
80
  "@storybook/addon-essentials": "^8.2.9",
@@ -90,6 +94,7 @@
90
94
  "@testing-library/react": "^16.0.0",
91
95
  "@testing-library/user-event": "^14.5.2",
92
96
  "@types/d3": "^7.4.3",
97
+ "@types/d3-sankey": "^0.12.4",
93
98
  "@types/d3-selection": "^3.0.11",
94
99
  "@types/jest": "^29.5.12",
95
100
  "@types/lodash": "^4.17.12",
@@ -122,7 +127,7 @@
122
127
  "typescript": "^5.5.4"
123
128
  },
124
129
  "peerDependencies": {
125
- "@gravity-ui/uikit": "^6.0.0",
130
+ "@gravity-ui/uikit": "^7.0.0",
126
131
  "react": ">=17.0.0",
127
132
  "react-dom": ">=17.0.0"
128
133
  },