@gravity-ui/chartkit 5.14.1 → 5.16.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 (67) hide show
  1. package/build/plugins/d3/renderer/components/Chart.js +5 -0
  2. package/build/plugins/d3/renderer/components/Legend.js +129 -66
  3. package/build/plugins/d3/renderer/components/styles.css +16 -0
  4. package/build/plugins/d3/renderer/constants/defaults/legend.d.ts +12 -4
  5. package/build/plugins/d3/renderer/constants/defaults/legend.js +4 -0
  6. package/build/plugins/d3/renderer/hooks/useSeries/prepare-area.js +1 -0
  7. package/build/plugins/d3/renderer/hooks/useSeries/prepare-bar-x.js +1 -0
  8. package/build/plugins/d3/renderer/hooks/useSeries/prepare-bar-y.js +8 -6
  9. package/build/plugins/d3/renderer/hooks/useSeries/prepare-legend.js +58 -11
  10. package/build/plugins/d3/renderer/hooks/useSeries/prepare-line.js +1 -0
  11. package/build/plugins/d3/renderer/hooks/useSeries/prepare-pie.js +1 -0
  12. package/build/plugins/d3/renderer/hooks/useSeries/prepare-treemap.js +1 -0
  13. package/build/plugins/d3/renderer/hooks/useSeries/prepare-waterfall.js +1 -0
  14. package/build/plugins/d3/renderer/hooks/useSeries/types.d.ts +24 -1
  15. package/build/plugins/d3/renderer/hooks/useShapes/HtmlLayer.d.ts +8 -0
  16. package/build/plugins/d3/renderer/hooks/useShapes/HtmlLayer.js +22 -0
  17. package/build/plugins/d3/renderer/hooks/useShapes/area/index.d.ts +1 -0
  18. package/build/plugins/d3/renderer/hooks/useShapes/area/index.js +5 -2
  19. package/build/plugins/d3/renderer/hooks/useShapes/area/prepare-data.js +18 -3
  20. package/build/plugins/d3/renderer/hooks/useShapes/area/types.d.ts +2 -1
  21. package/build/plugins/d3/renderer/hooks/useShapes/bar-x/index.d.ts +1 -0
  22. package/build/plugins/d3/renderer/hooks/useShapes/bar-x/index.js +5 -2
  23. package/build/plugins/d3/renderer/hooks/useShapes/bar-x/prepare-data.js +21 -4
  24. package/build/plugins/d3/renderer/hooks/useShapes/bar-x/types.d.ts +2 -1
  25. package/build/plugins/d3/renderer/hooks/useShapes/bar-y/index.d.ts +1 -0
  26. package/build/plugins/d3/renderer/hooks/useShapes/bar-y/index.js +18 -23
  27. package/build/plugins/d3/renderer/hooks/useShapes/bar-y/prepare-data.js +44 -3
  28. package/build/plugins/d3/renderer/hooks/useShapes/bar-y/types.d.ts +3 -0
  29. package/build/plugins/d3/renderer/hooks/useShapes/index.d.ts +1 -0
  30. package/build/plugins/d3/renderer/hooks/useShapes/index.js +9 -9
  31. package/build/plugins/d3/renderer/hooks/useShapes/line/index.d.ts +1 -0
  32. package/build/plugins/d3/renderer/hooks/useShapes/line/index.js +5 -2
  33. package/build/plugins/d3/renderer/hooks/useShapes/line/prepare-data.js +17 -1
  34. package/build/plugins/d3/renderer/hooks/useShapes/line/types.d.ts +2 -1
  35. package/build/plugins/d3/renderer/hooks/useShapes/pie/index.d.ts +1 -0
  36. package/build/plugins/d3/renderer/hooks/useShapes/pie/index.js +10 -14
  37. package/build/plugins/d3/renderer/hooks/useShapes/pie/prepare-data.js +30 -12
  38. package/build/plugins/d3/renderer/hooks/useShapes/pie/types.d.ts +7 -5
  39. package/build/plugins/d3/renderer/hooks/useShapes/scatter/index.d.ts +1 -0
  40. package/build/plugins/d3/renderer/hooks/useShapes/scatter/index.js +5 -2
  41. package/build/plugins/d3/renderer/hooks/useShapes/scatter/prepare-data.js +1 -0
  42. package/build/plugins/d3/renderer/hooks/useShapes/scatter/types.d.ts +2 -0
  43. package/build/plugins/d3/renderer/hooks/useShapes/treemap/index.d.ts +1 -0
  44. package/build/plugins/d3/renderer/hooks/useShapes/treemap/index.js +5 -2
  45. package/build/plugins/d3/renderer/hooks/useShapes/treemap/prepare-data.js +1 -1
  46. package/build/plugins/d3/renderer/hooks/useShapes/treemap/types.d.ts +2 -0
  47. package/build/plugins/d3/renderer/hooks/useShapes/waterfall/index.d.ts +1 -0
  48. package/build/plugins/d3/renderer/hooks/useShapes/waterfall/index.js +5 -2
  49. package/build/plugins/d3/renderer/hooks/useShapes/waterfall/prepare-data.js +1 -0
  50. package/build/plugins/d3/renderer/hooks/useShapes/waterfall/types.d.ts +2 -1
  51. package/build/plugins/d3/renderer/types/index.d.ts +8 -0
  52. package/build/plugins/d3/renderer/utils/axis-generators/bottom.d.ts +5 -4
  53. package/build/plugins/d3/renderer/utils/axis-generators/bottom.js +11 -7
  54. package/build/plugins/d3/renderer/utils/axis.d.ts +1 -1
  55. package/build/plugins/d3/renderer/utils/axis.js +1 -1
  56. package/build/plugins/d3/renderer/utils/color.d.ts +10 -0
  57. package/build/plugins/d3/renderer/utils/color.js +43 -0
  58. package/build/plugins/d3/renderer/utils/index.d.ts +2 -0
  59. package/build/plugins/d3/renderer/utils/index.js +2 -0
  60. package/build/plugins/d3/renderer/utils/legend.d.ts +8 -0
  61. package/build/plugins/d3/renderer/utils/legend.js +23 -0
  62. package/build/plugins/d3/renderer/utils/text.d.ts +2 -1
  63. package/build/plugins/d3/renderer/utils/text.js +32 -10
  64. package/build/types/widget-data/bar-x.d.ts +1 -1
  65. package/build/types/widget-data/base.d.ts +7 -0
  66. package/build/types/widget-data/legend.d.ts +24 -0
  67. package/package.json +2 -2
@@ -1,6 +1,14 @@
1
1
  import type { BaseTextStyle } from './base';
2
2
  export type ChartKitWidgetLegend = {
3
3
  enabled?: boolean;
4
+ /**
5
+ * Different types for different color schemes.
6
+ * If the color scheme is continuous, a gradient legend will be drawn.
7
+ * Otherwise, samples for different point values
8
+ *
9
+ * @default 'discrete'
10
+ */
11
+ type?: 'discrete' | 'continuous';
4
12
  /**
5
13
  * The horizontal alignment of the legend box within the chart area.
6
14
  *
@@ -21,6 +29,22 @@ export type ChartKitWidgetLegend = {
21
29
  * @default 15
22
30
  */
23
31
  margin?: number;
32
+ title?: {
33
+ text?: string;
34
+ /** CSS styles for the title */
35
+ style?: Partial<BaseTextStyle>;
36
+ /** The distance(in pixels) between the main content of the legend and its title
37
+ *
38
+ * Defaults to 4 for horizontal axes, 8 for vertical.
39
+ * */
40
+ margin?: number;
41
+ };
42
+ colorScale?: {
43
+ stops?: number[];
44
+ colors: string[];
45
+ domain?: number[];
46
+ };
47
+ width?: number;
24
48
  };
25
49
  export type BaseLegendSymbol = {
26
50
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/chartkit",
3
- "version": "5.14.1",
3
+ "version": "5.16.0",
4
4
  "description": "React component used to render charts based on any sources you need",
5
5
  "license": "MIT",
6
6
  "repository": "git@github.com:gravity-ui/ChartKit.git",
@@ -49,7 +49,7 @@
49
49
  "@bem-react/classname": "^1.6.0",
50
50
  "@gravity-ui/date-utils": "^2.1.0",
51
51
  "@gravity-ui/i18n": "^1.0.0",
52
- "@gravity-ui/yagr": "^4.3.3",
52
+ "@gravity-ui/yagr": "^4.3.4",
53
53
  "afterframe": "^1.0.2",
54
54
  "d3": "^7.8.5",
55
55
  "lodash": "^4.17.21",