@semcore/d3-chart 2.3.5 → 2.3.7

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 (159) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/lib/cjs/Area.js +9 -9
  3. package/lib/cjs/Axis.js +14 -14
  4. package/lib/cjs/Bar.js +8 -8
  5. package/lib/cjs/Bubble.js +10 -10
  6. package/lib/cjs/Donut.js +7 -7
  7. package/lib/cjs/Dots.js +9 -9
  8. package/lib/cjs/HorizontalBar.js +8 -8
  9. package/lib/cjs/Hover.js +4 -4
  10. package/lib/cjs/Line.js +8 -8
  11. package/lib/cjs/Plot.js +6 -5
  12. package/lib/cjs/Plot.js.map +1 -1
  13. package/lib/cjs/RadialTree.js +11 -11
  14. package/lib/cjs/ReferenceLine.js +10 -10
  15. package/lib/cjs/ScatterPlot.js +7 -7
  16. package/lib/cjs/Tooltip.js +8 -8
  17. package/lib/cjs/Venn.js +7 -7
  18. package/lib/cjs/a11y/PlotA11yModule.js +3 -3
  19. package/lib/cjs/a11y/PlotA11yView.js +4 -4
  20. package/lib/cjs/style/plot.shadow.css +4 -0
  21. package/lib/cjs/types/Area.d.js +2 -0
  22. package/lib/cjs/types/Area.d.js.map +1 -0
  23. package/lib/cjs/types/Axis.d.js +2 -0
  24. package/lib/cjs/types/Axis.d.js.map +1 -0
  25. package/lib/cjs/types/Bar.d.js +2 -0
  26. package/lib/cjs/types/Bar.d.js.map +1 -0
  27. package/lib/cjs/types/Bubble.d.js +2 -0
  28. package/lib/cjs/types/Bubble.d.js.map +1 -0
  29. package/lib/cjs/types/ClipPath.d.js +2 -0
  30. package/lib/cjs/types/ClipPath.d.js.map +1 -0
  31. package/lib/cjs/types/Donut.d.js +2 -0
  32. package/lib/cjs/types/Donut.d.js.map +1 -0
  33. package/lib/cjs/types/GroupBar.d.js +2 -0
  34. package/lib/cjs/types/GroupBar.d.js.map +1 -0
  35. package/lib/cjs/types/HorizontalBar.d.js +2 -0
  36. package/lib/cjs/types/HorizontalBar.d.js.map +1 -0
  37. package/lib/cjs/types/Hover.d.js +2 -0
  38. package/lib/cjs/types/Hover.d.js.map +1 -0
  39. package/lib/cjs/types/Line.d.js +2 -0
  40. package/lib/cjs/types/Line.d.js.map +1 -0
  41. package/lib/cjs/types/Plot.d.js +2 -0
  42. package/lib/cjs/types/Plot.d.js.map +1 -0
  43. package/lib/cjs/types/ReferenceLine.d.js +2 -0
  44. package/lib/cjs/types/ReferenceLine.d.js.map +1 -0
  45. package/lib/cjs/types/ResponsiveContainer.d.js +2 -0
  46. package/lib/cjs/types/ResponsiveContainer.d.js.map +1 -0
  47. package/lib/cjs/types/ScatterPlot.d.js +2 -0
  48. package/lib/cjs/types/ScatterPlot.d.js.map +1 -0
  49. package/lib/cjs/types/StackBar.d.js +2 -0
  50. package/lib/cjs/types/StackBar.d.js.map +1 -0
  51. package/lib/cjs/types/StackedArea.d.js +2 -0
  52. package/lib/cjs/types/StackedArea.d.js.map +1 -0
  53. package/lib/cjs/types/Tooltip.d.js +2 -0
  54. package/lib/cjs/types/Tooltip.d.js.map +1 -0
  55. package/lib/cjs/types/Venn.d.js +2 -0
  56. package/lib/cjs/types/Venn.d.js.map +1 -0
  57. package/lib/cjs/types/context.d.js +2 -0
  58. package/lib/cjs/types/context.d.js.map +1 -0
  59. package/lib/cjs/types/index.d.js +378 -0
  60. package/lib/cjs/types/index.d.js.map +1 -0
  61. package/lib/es6/Area.js +9 -9
  62. package/lib/es6/Axis.js +14 -14
  63. package/lib/es6/Bar.js +8 -8
  64. package/lib/es6/Bubble.js +10 -10
  65. package/lib/es6/Donut.js +7 -7
  66. package/lib/es6/Dots.js +9 -9
  67. package/lib/es6/HorizontalBar.js +8 -8
  68. package/lib/es6/Hover.js +4 -4
  69. package/lib/es6/Line.js +8 -8
  70. package/lib/es6/Plot.js +6 -5
  71. package/lib/es6/Plot.js.map +1 -1
  72. package/lib/es6/RadialTree.js +11 -11
  73. package/lib/es6/ReferenceLine.js +10 -10
  74. package/lib/es6/ScatterPlot.js +7 -7
  75. package/lib/es6/Tooltip.js +8 -8
  76. package/lib/es6/Venn.js +7 -7
  77. package/lib/es6/a11y/PlotA11yModule.js +3 -3
  78. package/lib/es6/a11y/PlotA11yView.js +4 -4
  79. package/lib/es6/style/plot.shadow.css +4 -0
  80. package/lib/es6/types/Area.d.js +2 -0
  81. package/lib/es6/types/Area.d.js.map +1 -0
  82. package/lib/es6/types/Axis.d.js +2 -0
  83. package/lib/es6/types/Axis.d.js.map +1 -0
  84. package/lib/es6/types/Bar.d.js +2 -0
  85. package/lib/es6/types/Bar.d.js.map +1 -0
  86. package/lib/es6/types/Bubble.d.js +2 -0
  87. package/lib/es6/types/Bubble.d.js.map +1 -0
  88. package/lib/es6/types/ClipPath.d.js +2 -0
  89. package/lib/es6/types/ClipPath.d.js.map +1 -0
  90. package/lib/es6/types/Donut.d.js +2 -0
  91. package/lib/es6/types/Donut.d.js.map +1 -0
  92. package/lib/es6/types/GroupBar.d.js +2 -0
  93. package/lib/es6/types/GroupBar.d.js.map +1 -0
  94. package/lib/es6/types/HorizontalBar.d.js +2 -0
  95. package/lib/es6/types/HorizontalBar.d.js.map +1 -0
  96. package/lib/es6/types/Hover.d.js +2 -0
  97. package/lib/es6/types/Hover.d.js.map +1 -0
  98. package/lib/es6/types/Line.d.js +2 -0
  99. package/lib/es6/types/Line.d.js.map +1 -0
  100. package/lib/es6/types/Plot.d.js +2 -0
  101. package/lib/es6/types/Plot.d.js.map +1 -0
  102. package/lib/es6/types/ReferenceLine.d.js +2 -0
  103. package/lib/es6/types/ReferenceLine.d.js.map +1 -0
  104. package/lib/es6/types/ResponsiveContainer.d.js +2 -0
  105. package/lib/es6/types/ResponsiveContainer.d.js.map +1 -0
  106. package/lib/es6/types/ScatterPlot.d.js +2 -0
  107. package/lib/es6/types/ScatterPlot.d.js.map +1 -0
  108. package/lib/es6/types/StackBar.d.js +2 -0
  109. package/lib/es6/types/StackBar.d.js.map +1 -0
  110. package/lib/es6/types/StackedArea.d.js +2 -0
  111. package/lib/es6/types/StackedArea.d.js.map +1 -0
  112. package/lib/es6/types/Tooltip.d.js +2 -0
  113. package/lib/es6/types/Tooltip.d.js.map +1 -0
  114. package/lib/es6/types/Venn.d.js +2 -0
  115. package/lib/es6/types/Venn.d.js.map +1 -0
  116. package/lib/es6/types/context.d.js +2 -0
  117. package/lib/es6/types/context.d.js.map +1 -0
  118. package/lib/{cjs/types/index.d.ts → es6/types/index.d.js} +4 -22
  119. package/lib/es6/types/index.d.js.map +1 -0
  120. package/package.json +5 -2
  121. package/lib/cjs/types/Area.d.ts +0 -48
  122. package/lib/cjs/types/Axis.d.ts +0 -64
  123. package/lib/cjs/types/Bar.d.ts +0 -52
  124. package/lib/cjs/types/Bubble.d.ts +0 -32
  125. package/lib/cjs/types/ClipPath.d.ts +0 -26
  126. package/lib/cjs/types/Donut.d.ts +0 -46
  127. package/lib/cjs/types/GroupBar.d.ts +0 -20
  128. package/lib/cjs/types/HorizontalBar.d.ts +0 -29
  129. package/lib/cjs/types/Hover.d.ts +0 -15
  130. package/lib/cjs/types/Line.d.ts +0 -50
  131. package/lib/cjs/types/Plot.d.ts +0 -91
  132. package/lib/cjs/types/ReferenceLine.d.ts +0 -31
  133. package/lib/cjs/types/ResponsiveContainer.d.ts +0 -20
  134. package/lib/cjs/types/ScatterPlot.d.ts +0 -27
  135. package/lib/cjs/types/StackBar.d.ts +0 -26
  136. package/lib/cjs/types/StackedArea.d.ts +0 -26
  137. package/lib/cjs/types/Tooltip.d.ts +0 -33
  138. package/lib/cjs/types/Venn.d.ts +0 -45
  139. package/lib/cjs/types/context.d.ts +0 -6
  140. package/lib/es6/types/Area.d.ts +0 -48
  141. package/lib/es6/types/Axis.d.ts +0 -64
  142. package/lib/es6/types/Bar.d.ts +0 -52
  143. package/lib/es6/types/Bubble.d.ts +0 -32
  144. package/lib/es6/types/ClipPath.d.ts +0 -26
  145. package/lib/es6/types/Donut.d.ts +0 -46
  146. package/lib/es6/types/GroupBar.d.ts +0 -20
  147. package/lib/es6/types/HorizontalBar.d.ts +0 -29
  148. package/lib/es6/types/Hover.d.ts +0 -15
  149. package/lib/es6/types/Line.d.ts +0 -50
  150. package/lib/es6/types/Plot.d.ts +0 -91
  151. package/lib/es6/types/ReferenceLine.d.ts +0 -31
  152. package/lib/es6/types/ResponsiveContainer.d.ts +0 -20
  153. package/lib/es6/types/ScatterPlot.d.ts +0 -27
  154. package/lib/es6/types/StackBar.d.ts +0 -26
  155. package/lib/es6/types/StackedArea.d.ts +0 -26
  156. package/lib/es6/types/Tooltip.d.ts +0 -33
  157. package/lib/es6/types/Venn.d.ts +0 -45
  158. package/lib/es6/types/context.d.ts +0 -6
  159. package/lib/es6/types/index.d.ts +0 -59
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StackedArea.d.js","names":[],"sources":["../../../src/types/StackedArea.d.ts"],"sourcesContent":["import { CProps, ReturnEl } from '@semcore/core';\nimport IContext from './context';\nimport Area from './Area';\n\nexport interface IStackedAreaProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Stack generators\n * @default d3.stack() */\n stack?: any;\n}\n\nexport interface IStackedAreaContext {\n /** Series is an array of points, where each point corresponds to the element in the input data. */\n series: any[];\n}\n\ndeclare const StackedArea: (<T>(\n props: CProps<IStackedAreaProps & T, IStackedAreaContext>,\n) => ReturnEl) & {\n Area: typeof Area;\n};\n\nexport default StackedArea;\n"],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Tooltip.d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.d.js","names":[],"sources":["../../../src/types/Tooltip.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IBoxProps } from '@semcore/flex-box';\nimport IContext from './context';\n\nexport interface ITooltipChartProps extends IPopperProps, IPopperTriggerProps, IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n}\n\nexport interface ITooltipChartContext {\n getTriggerProps: PropGetterFn;\n getPopperProps: PropGetterFn;\n /** Index active value for Axis x */\n xIndex: number | null;\n /** Index active value for Axis y */\n yIndex: number | null;\n}\n\ndeclare const Tooltip: (<T>(\n props: CProps<ITooltipChartProps & T, ITooltipChartContext>,\n) => ReturnEl) & {\n Trigger: <T>(props: CProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;\n Popper: <T>(props: CProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;\n Title: <T>(props: CProps<IBoxProps & T>) => ReturnEl;\n Dot: <T>(props: CProps<IBoxProps & { color?: string } & T>) => ReturnEl;\n Footer: <T>(props: CProps<T>) => null;\n};\n\nexport default Tooltip;\n"],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Venn.d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Venn.d.js","names":[],"sources":["../../../src/types/Venn.d.ts"],"sourcesContent":["import { CProps, ReturnEl } from '@semcore/core';\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}\n\nexport interface IIntersectionProps extends IContext, IFadeInOutProps {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n}\n\ndeclare const Venn: (<T>(props: CProps<IVennProps & T>) => ReturnEl) & {\n Circle: <T>(props: CProps<ICircleProps & T>) => ReturnEl;\n Intersection: <T>(props: CProps<IIntersectionProps & T>) => ReturnEl;\n};\n\nexport default Venn;\n"],"mappings":""}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=context.d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.d.js","names":[],"sources":["../../../src/types/context.d.ts"],"sourcesContent":["export default interface IContext {\n /** Data for graphic */\n data?: any;\n /** Scale for svg element */\n scale?: any[];\n}\n"],"mappings":""}
@@ -1,59 +1,41 @@
1
1
  // Utils
2
- export declare function minMax(data: any, key: string | number): any;
3
-
4
2
  // Color
5
- export declare const colors: { [key: string]: string };
6
-
7
3
  export { default as Plot } from './Plot';
8
4
  export * from './Plot';
9
-
10
5
  export * from './Axis';
11
6
  export * from './Hover';
12
-
13
7
  export { default as ResponsiveContainer } from './ResponsiveContainer';
14
8
  export * from './ResponsiveContainer';
15
-
16
9
  export { default as Line } from './Line';
17
10
  export * from './Line';
18
-
19
11
  export { default as Bar } from './Bar';
20
12
  export * from './Bar';
21
-
22
13
  export { default as HorizontalBar } from './HorizontalBar';
23
14
  export * from './HorizontalBar';
24
-
25
15
  export { default as GroupBar } from './GroupBar';
26
16
  export * from './GroupBar';
27
-
28
17
  export { default as StackBar } from './StackBar';
29
18
  export * from './StackBar';
30
-
31
19
  export { default as Area } from './Area';
32
20
  export * from './Area';
33
-
34
21
  export { default as StackedArea } from './StackedArea';
35
22
  export * from './StackedArea';
36
-
37
23
  /** It becomes resolvable after building and moving file to lib dir */
38
24
  // eslint-disable-next-line import/no-unresolved
39
- export { default as RadialTree } from './RadialTree';
40
- // eslint-disable-next-line import/no-unresolved
41
- export * from './RadialTree';
42
25
 
26
+ export { default as RadialTree } from './RadialTree'; // eslint-disable-next-line import/no-unresolved
27
+
28
+ export * from './RadialTree';
43
29
  export { default as Donut } from './Donut';
44
30
  export * from './Donut';
45
-
46
31
  export { default as Tooltip } from './Tooltip';
47
32
  export * from './Tooltip';
48
-
49
33
  export { default as ScatterPlot } from './ScatterPlot';
50
34
  export * from './ScatterPlot';
51
-
52
35
  export { default as Bubble } from './Bubble';
53
36
  export * from './Bubble';
54
-
55
37
  export { default as ReferenceLine } from './ReferenceLine';
56
38
  export * from './ReferenceLine';
57
-
58
39
  export { default as Venn } from './Venn';
59
40
  export * from './Venn';
41
+ //# sourceMappingURL=index.d.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.js","names":["default","Plot","ResponsiveContainer","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","RadialTree","Donut","Tooltip","ScatterPlot","Bubble","ReferenceLine","Venn"],"sources":["../../../src/types/index.d.ts"],"sourcesContent":["// Utils\nexport declare function minMax(data: any, key: string | number): any;\n\n// Color\nexport declare const colors: { [key: string]: string };\n\nexport { default as Plot } from './Plot';\nexport * from './Plot';\n\nexport * from './Axis';\nexport * from './Hover';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport * from './ResponsiveContainer';\n\nexport { default as Line } from './Line';\nexport * from './Line';\n\nexport { default as Bar } from './Bar';\nexport * from './Bar';\n\nexport { default as HorizontalBar } from './HorizontalBar';\nexport * from './HorizontalBar';\n\nexport { default as GroupBar } from './GroupBar';\nexport * from './GroupBar';\n\nexport { default as StackBar } from './StackBar';\nexport * from './StackBar';\n\nexport { default as Area } from './Area';\nexport * from './Area';\n\nexport { default as StackedArea } from './StackedArea';\nexport * from './StackedArea';\n\n/** It becomes resolvable after building and moving file to lib dir */\n// eslint-disable-next-line import/no-unresolved\nexport { default as RadialTree } from './RadialTree';\n// eslint-disable-next-line import/no-unresolved\nexport * from './RadialTree';\n\nexport { default as Donut } from './Donut';\nexport * from './Donut';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as ScatterPlot } from './ScatterPlot';\nexport * from './ScatterPlot';\n\nexport { default as Bubble } from './Bubble';\nexport * from './Bubble';\n\nexport { default as ReferenceLine } from './ReferenceLine';\nexport * from './ReferenceLine';\n\nexport { default as Venn } from './Venn';\nexport * from './Venn';\n"],"mappings":"AAAA;AAGA;AAGA,SAASA,OAAO,IAAIC,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,cAAc,QAAd;AACA,cAAc,SAAd;AAEA,SAASD,OAAO,IAAIE,mBAApB,QAA+C,uBAA/C;AACA,cAAc,uBAAd;AAEA,SAASF,OAAO,IAAIG,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAASH,OAAO,IAAII,GAApB,QAA+B,OAA/B;AACA,cAAc,OAAd;AAEA,SAASJ,OAAO,IAAIK,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASL,OAAO,IAAIM,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASN,OAAO,IAAIO,QAApB,QAAoC,YAApC;AACA,cAAc,YAAd;AAEA,SAASP,OAAO,IAAIQ,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd;AAEA,SAASR,OAAO,IAAIS,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA;AACA;;AACA,SAAST,OAAO,IAAIU,UAApB,QAAsC,cAAtC,C,CACA;;AACA,cAAc,cAAd;AAEA,SAASV,OAAO,IAAIW,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd;AAEA,SAASX,OAAO,IAAIY,OAApB,QAAmC,WAAnC;AACA,cAAc,WAAd;AAEA,SAASZ,OAAO,IAAIa,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AAEA,SAASb,OAAO,IAAIc,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASd,OAAO,IAAIe,aAApB,QAAyC,iBAAzC;AACA,cAAc,iBAAd;AAEA,SAASf,OAAO,IAAIgB,IAApB,QAAgC,QAAhC;AACA,cAAc,QAAd"}
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.3.5",
4
+ "version": "2.3.7",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,7 +9,7 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "scripts": {
12
- "build": "build --source=js,ts",
12
+ "build": "pnpm semcore-builder --source=js,ts",
13
13
  "test": "jest"
14
14
  },
15
15
  "dependencies": {
@@ -18,6 +18,7 @@
18
18
  "@semcore/flex-box": "^4",
19
19
  "@semcore/popper": "^4.9",
20
20
  "@semcore/utils": "^3.15",
21
+ "@types/d3-shape": "^3.1.0",
21
22
  "@upsetjs/venn.js": "1.4.1",
22
23
  "d3-array": "3.1.6",
23
24
  "d3-interpolate": "3.0.1",
@@ -40,6 +41,8 @@
40
41
  "directory": "semcore/d3-chart"
41
42
  },
42
43
  "devDependencies": {
44
+ "@types/react": "16.8 - 17",
45
+ "@semcore/babel-plugin-react-semcore": "^4.2.1",
43
46
  "@semcore/button": "*",
44
47
  "@semcore/checkbox": "*",
45
48
  "@semcore/dropdown-menu": "*",
@@ -1,48 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
- import { CurveFactory } from 'd3-shape';
4
-
5
- export interface IAreaProps extends IContext {
6
- /** Field from data for XAxis */
7
- x?: string;
8
- /** Field from data for YAxis*/
9
- y?: string;
10
- /** Line color
11
- * @default '#50aef4'*/
12
- color?: string;
13
- /** Element hide property */
14
- hide?: boolean;
15
- /** Curve method */
16
- curve?: CurveFactory;
17
- /** Animation duration in ms
18
- * @default 500
19
- */
20
- duration?: number;
21
- }
22
-
23
- export interface IAreaDotsProps extends IContext {
24
- /** Show all Dot */
25
- display?: boolean;
26
- /** Hide property */
27
- hide?: boolean;
28
- }
29
-
30
- export interface IAreaDotsContext {
31
- /** Value element of data */
32
- value?: any;
33
- /** Index element of data */
34
- index?: number;
35
- }
36
-
37
- export interface IAreaNullProps extends IContext {
38
- /** Hide property */
39
- hide?: boolean;
40
- }
41
-
42
- declare const Area: (<T>(props: CProps<IAreaProps & T>) => ReturnEl) & {
43
- Dots: <T>(props: CProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;
44
- Null: <T>(props: CProps<IAreaNullProps & T>) => ReturnEl;
45
- Line: <T>(props: CProps<IContext & T>) => ReturnEl;
46
- };
47
-
48
- export default Area;
@@ -1,64 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
-
4
- export interface IXAxisProps extends IContext {
5
- /** The position of the axis relative chart
6
- * @default 'button' */
7
- position?: 'top' | 'right' | 'bottom' | 'left' | number;
8
- /** Element hide property
9
- * @default false */
10
- hide?: boolean;
11
- /** Values for axis ticks */
12
- ticks?: any[];
13
- }
14
-
15
- export interface IYAxisProps extends IContext {
16
- /** The position of the axis relative chart
17
- * @default 'left' */
18
- position?: 'top' | 'right' | 'bottom' | 'left' | number;
19
- /** Element hide property
20
- * @default true */
21
- hide?: boolean;
22
- /** Values for axis ticks */
23
- ticks?: any[];
24
- }
25
-
26
- export interface IAxisTicksProps extends IContext {
27
- /** The position of the axis relative chart */
28
- position?: 'top' | 'right' | 'bottom' | 'left';
29
- /** Element hide property */
30
- hide?: boolean;
31
- /** Values for axis ticks */
32
- ticks?: any[];
33
- }
34
-
35
- export interface IAxisGridProps extends IContext {
36
- /** Values for axis ticks */
37
- ticks?: any[];
38
- }
39
-
40
- export interface IAxisTitleProps extends IContext {
41
- /** The position of the axis relative chart */
42
- position?: 'top' | 'right' | 'bottom' | 'left';
43
- }
44
-
45
- export interface IAxisTicksContext {
46
- /** Value element of data */
47
- value: any;
48
- /** Index element of data */
49
- index: number;
50
- }
51
-
52
- declare const XAxis: (<T>(props: CProps<IXAxisProps & T>) => ReturnEl) & {
53
- Ticks: <T>(props: CProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;
54
- Grid: <T>(props: CProps<IAxisGridProps & T>) => ReturnEl;
55
- Title: <T>(props: CProps<IAxisTitleProps & T>) => ReturnEl;
56
- };
57
-
58
- declare const YAxis: (<T>(props: CProps<IYAxisProps & T>) => ReturnEl) & {
59
- Ticks: <T>(props: CProps<IAxisTicksProps & T, IAxisTicksContext>) => ReturnEl;
60
- Grid: <T>(props: CProps<IAxisGridProps & T>) => ReturnEl;
61
- Title: <T>(props: CProps<IAxisTitleProps & T>) => ReturnEl;
62
- };
63
-
64
- export { XAxis, YAxis };
@@ -1,52 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
-
4
- export interface IBarProps extends IContext {
5
- /** Field from data for XAxis */
6
- x?: string;
7
- /** Field from data for YAxis */
8
- y?: string;
9
- /** Line color
10
- * @default '#50aef4'*/
11
- color?: string;
12
- /** Element hide property */
13
- hide?: boolean;
14
- /** Animation duration in ms
15
- * @default 500
16
- */
17
- duration?: number;
18
- /** Radius of curvature
19
- * @default 2
20
- */
21
- r?: number | number[];
22
- /** Minimal height
23
- * @default 4
24
- */
25
- hMin?: number;
26
- }
27
-
28
- export interface IBarContext {
29
- /** Value element of data */
30
- value: any;
31
- /** Index element of data */
32
- index: number;
33
- }
34
-
35
- export interface IBackgroundProps extends IContext {
36
- /** Coordinate x */
37
- x?: number | string;
38
- /** Coordinate y */
39
- y?: number | string;
40
- /** Value element of data */
41
- value?: any;
42
- /** Width rect */
43
- width?: number | string;
44
- /** Height rect */
45
- height?: number | string;
46
- }
47
-
48
- declare const Bar: (<T>(props: CProps<IBarProps & T, IBarContext>) => ReturnEl) & {
49
- Background: <T>(props: CProps<IBackgroundProps & T>) => ReturnEl;
50
- };
51
-
52
- export default Bar;
@@ -1,32 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
-
4
- export interface IBubbleProps extends IContext {
5
- /** Field from data for XAxis */
6
- x: string;
7
- /** Field from data for YAxis */
8
- y: string;
9
- /** Field from data for circle radius */
10
- value: string;
11
- /** Field from data for circle label */
12
- label?: string;
13
- /** Circle color */
14
- color?: string;
15
- /** Cross in the center of the bubble
16
- * @default true
17
- */
18
- markedCross?: boolean;
19
- /** Animation duration in ms
20
- * @default 500
21
- */
22
- duration?: number;
23
- }
24
-
25
- export interface IBubbleContext {
26
- /** Index element of data */
27
- index: number;
28
- }
29
-
30
- declare const Bubble: <T>(props: CProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;
31
-
32
- export default Bubble;
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { CProps, ReturnEl } from '@semcore/core';
3
-
4
- export interface IClipPath {
5
- /**
6
- * HTML tag name for the displayed item
7
- * @default rect
8
- */
9
- tag?: string;
10
- /**
11
- * HTML selector
12
- */
13
- id?: string;
14
- /**
15
- * CSS property
16
- */
17
- transition?: string;
18
- /**
19
- * Function which run after mounted clipPath
20
- */
21
- setAttributeTag?: (rect: React.ReactNode) => void;
22
- }
23
-
24
- declare const ClipPath: <T>(props: CProps<IClipPath & T>) => ReturnEl;
25
-
26
- export default ClipPath;
@@ -1,46 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
-
4
- export interface IDonutProps extends IContext {
5
- /** Inner radius
6
- * @default 0
7
- * */
8
- innerRadius?: number;
9
- /** Outer radius
10
- * @default calculated by the formula from width, height
11
- * */
12
- outerRadius?: number;
13
- /** Semi donut */
14
- halfsize?: boolean;
15
- /** Animation duration in ms
16
- * @default 500
17
- */
18
- duration?: number;
19
- }
20
-
21
- export interface IPieProps extends IContext {
22
- /**
23
- * Name of the field in the data
24
- * */
25
- dataKey: string;
26
- /** Color pie
27
- @default #50aef4
28
- **/
29
- color?: string;
30
- /**
31
- * Active sector
32
- * */
33
- active?: boolean;
34
- }
35
-
36
- export interface IEmptyDataProps extends IContext {}
37
-
38
- export interface ILabelProps extends IContext {}
39
-
40
- declare const Donut: (<T>(props: CProps<IDonutProps & T>) => ReturnEl) & {
41
- Pie: <T>(props: CProps<IPieProps & T>) => ReturnEl;
42
- EmptyData: <T>(props: CProps<IEmptyDataProps & T>) => ReturnEl;
43
- Label: <T>(props: CProps<ILabelProps & T>) => ReturnEl;
44
- };
45
-
46
- export default Donut;
@@ -1,20 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import { IBarContext, IBarProps } from './Bar';
3
- import { IHorizontalBarProps } from './HorizontalBar';
4
- import IContext from './context';
5
-
6
- export interface IGroupBarProps extends IContext {
7
- /** Field from data for XAxis */
8
- x?: string;
9
- /** Field from data for YAxis */
10
- y?: string;
11
- /** Scale for group bars */
12
- scaleGroup?: any;
13
- }
14
-
15
- declare const GroupBar: (<T>(props: CProps<IGroupBarProps & T>) => ReturnEl) & {
16
- Bar: <T>(props: CProps<IBarProps & T, IBarContext>) => ReturnEl;
17
- HorizontalBar: <T>(props: CProps<IHorizontalBarProps & T, IBarContext>) => ReturnEl;
18
- };
19
-
20
- export default GroupBar;
@@ -1,29 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
- import { IBarContext, IBackgroundProps } from './Bar';
4
-
5
- export interface IHorizontalBarProps extends IContext {
6
- /** Field from data for XAxis */
7
- x?: string;
8
- /** Field from data for YAxis */
9
- y?: string;
10
- /** Line color
11
- * @default '#50aef4'*/
12
- color?: string;
13
- /** Animation duration in ms
14
- * @default 500
15
- */
16
- duration?: number;
17
- /** Radius of curvature
18
- * @default 2
19
- */
20
- r?: number | number[];
21
- }
22
-
23
- declare const HorizontalBar: (<T>(
24
- props: CProps<IHorizontalBarProps & T, IBarContext>,
25
- ) => ReturnEl) & {
26
- Background: <T>(props: CProps<IBackgroundProps & T>) => ReturnEl;
27
- };
28
-
29
- export default HorizontalBar;
@@ -1,15 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
-
4
- export interface IHoverProps extends IContext {
5
- /** Field from data for XAxis */
6
- x?: string;
7
- /** Field from data for YAxis */
8
- y?: string;
9
- }
10
-
11
- declare const HoverLine: <T>(props: CProps<IHoverProps & T>) => ReturnEl;
12
-
13
- declare const HoverRect: <T>(props: CProps<IHoverProps & T>) => ReturnEl;
14
-
15
- export { HoverLine, HoverRect };
@@ -1,50 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
- import { CurveFactory } from 'd3-shape';
4
- import { IFadeInOutProps } from '@semcore/animation';
5
-
6
- export interface ILineProps extends IContext {
7
- /** Field from data for XAxis */
8
- x?: string;
9
- /** Field from data for YAxis */
10
- y?: string;
11
- /** Line color
12
- * @default '#50aef4'*/
13
- color?: string;
14
- /** Element hide property */
15
- hide?: boolean;
16
- /** Curve method */
17
- curve?: CurveFactory;
18
- /** Animation duration in ms
19
- * @default 500
20
- */
21
- duration?: number;
22
- }
23
-
24
- export interface ILineDotsProps extends IContext, IFadeInOutProps {
25
- /** Show all Dot */
26
- display?: boolean;
27
- /** Hide property */
28
- hide?: boolean;
29
- /** Index active of element */
30
- activeIndex?: number;
31
- }
32
-
33
- export interface ILineDotsContext {
34
- /** Value element of data */
35
- value?: any;
36
- /** Index element of data */
37
- index?: number;
38
- }
39
-
40
- export interface ILineNullProps extends IContext {
41
- /** Hide property */
42
- hide?: boolean;
43
- }
44
-
45
- declare const Line: (<T>(props: CProps<ILineProps & T>) => ReturnEl) & {
46
- Dots: <T>(props: CProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;
47
- Null: <T>(props: CProps<ILineNullProps & T>) => ReturnEl;
48
- };
49
-
50
- export default Line;
@@ -1,91 +0,0 @@
1
- import { IBoxProps } from '@semcore/flex-box';
2
- import { CProps, ReturnEl } from '@semcore/core';
3
- import IContext from './context';
4
-
5
- export interface IPlotProps extends IContext, IBoxProps {
6
- /** Width of the svg element
7
- * @default 0*/
8
- width?: number;
9
- /** Height of the svg element
10
- * @default 0*/
11
- height?: number;
12
- /** Human readable chart name (e.g "Last market trends") */
13
- label?: string;
14
- /**
15
- * Locale for displaying the days of a week and months, to be transferred to `Intl`
16
- * @default en
17
- * */
18
- locale?: NavigatorLanguage['language'];
19
- /** Optional prop to tune up alt text generating for charts */
20
- a11yAltTextConfig?: PlotSummarizerConfig;
21
- }
22
-
23
- export type PlotSummarizerConfig = {
24
- /** Totally disable automatic data summarization */
25
- disable?: boolean;
26
- /** Disable automatic data summarization and use provided text */
27
- override?: string;
28
- /** Tuning up time series trends analyzing. Represents angle tangens of time series change of different strength */
29
- trendTangens?: {
30
- /** Angle tangens of time series that have meaningful trending change
31
- * @default 1/15
32
- */
33
- static?: number;
34
- /** Angle tangens of time series that have weak trending change
35
- * @default 1/10
36
- */
37
- weak?: number;
38
- /** Angle tangens of time series that have medium trending change
39
- * @default 1/5
40
- */
41
- medium?: number;
42
- /** Angle tangens of time series that have strong trending change
43
- * @default Infinity
44
- */
45
- strong?: number;
46
- };
47
- /** Tuning up time series local trends detection based on moving averages */
48
- movingAverage?: {
49
- /** Frame size of long moving average
50
- * @default Math.sqrt(data.length)
51
- */
52
- longSize?: number;
53
- /** Frame size of short moving average
54
- * @default Math.sqrt(data.length)/2
55
- */
56
- shortSize?: number;
57
- /** Absolute difference between values on moving averages crossing to
58
- * be handled as local trend change.
59
- * @default StandardDeviation/10
60
- */
61
- notableDiff?: number;
62
- };
63
- /** The way data to be interpreted as. By default is based on used used Plot elements and data structure.
64
- */
65
- dataType?: 'time-series' | 'points-cloud' | 'values-set';
66
- /** Grid size to split data of point clouds into clusters.
67
- */
68
- clustersGridSize?: number;
69
- /** Limits some output lists in chart alt text
70
- * @default 100
71
- * **/
72
- maxListSymbols?: number;
73
- /** Always add time to dates in chart alt text **/
74
- datesWithTime?: boolean;
75
- /** Described clusters count before text "and X more"
76
- * @default false
77
- * **/
78
- clustersLimit?: number;
79
- /** Described values count before text "and X more"
80
- * @default false
81
- * **/
82
- valuesLimit?: number;
83
- /** Described grouped value groups count before text "and X more"
84
- * @default false
85
- * **/
86
- groupsLimit?: number;
87
- };
88
-
89
- declare const Plot: <T>(props: CProps<IPlotProps & T>) => ReturnEl;
90
-
91
- export default Plot;
@@ -1,31 +0,0 @@
1
- import { CProps, ReturnEl } from '@semcore/core';
2
- import IContext from './context';
3
-
4
- export interface IReferenceLineProps extends IContext {
5
- /** The position of the title relative reference line
6
- * @default 'left' */
7
- position?: 'top' | 'right' | 'bottom' | 'left';
8
- /** Value element of data */
9
- value: any;
10
- }
11
-
12
- export interface IReferenceLineTitleProps extends IContext {
13
- /** The position of the axis relative reference line */
14
- position?: 'top' | 'right' | 'bottom' | 'left';
15
- /** Value element of data */
16
- value: any;
17
- }
18
-
19
- export interface IReferenceLineBackgroundProps extends IContext {
20
- /** The position of the axis relative reference line */
21
- position?: 'top' | 'right' | 'bottom' | 'left';
22
- /** Value element of data */
23
- value: any;
24
- }
25
-
26
- declare const ReferenceLine: (<T>(props: CProps<IReferenceLineProps & T>) => ReturnEl) & {
27
- Title: <T>(props: CProps<IReferenceLineTitleProps & T>) => ReturnEl;
28
- Background: <T>(props: CProps<IReferenceLineBackgroundProps & T>) => ReturnEl;
29
- };
30
-
31
- export default ReferenceLine;