@carbon/charts-react 0.59.0-beta.0 → 1.0.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 (164) hide show
  1. package/CHANGELOG.md +49 -282
  2. package/LICENSE.md +201 -0
  3. package/README.md +5 -1
  4. package/{dist/alluvial-chart.d.ts → alluvial-chart.d.ts} +0 -0
  5. package/{dist/alluvial-chart.js → alluvial-chart.js} +0 -0
  6. package/{dist/area-chart-stacked.d.ts → area-chart-stacked.d.ts} +0 -0
  7. package/{dist/area-chart-stacked.js → area-chart-stacked.js} +0 -0
  8. package/{dist/area-chart.d.ts → area-chart.d.ts} +0 -0
  9. package/{dist/area-chart.js → area-chart.js} +0 -0
  10. package/{dist/bar-chart-grouped.d.ts → bar-chart-grouped.d.ts} +0 -0
  11. package/{dist/bar-chart-grouped.js → bar-chart-grouped.js} +0 -0
  12. package/{dist/bar-chart-simple.d.ts → bar-chart-simple.d.ts} +0 -0
  13. package/{dist/bar-chart-simple.js → bar-chart-simple.js} +0 -0
  14. package/{dist/bar-chart-stacked.d.ts → bar-chart-stacked.d.ts} +0 -0
  15. package/{dist/bar-chart-stacked.js → bar-chart-stacked.js} +0 -0
  16. package/{dist/base-chart.d.ts → base-chart.d.ts} +0 -0
  17. package/{dist/base-chart.js → base-chart.js} +0 -0
  18. package/{dist/boxplot-chart.d.ts → boxplot-chart.d.ts} +0 -0
  19. package/{dist/boxplot-chart.js → boxplot-chart.js} +0 -0
  20. package/{dist/bubble-chart.d.ts → bubble-chart.d.ts} +0 -0
  21. package/{dist/bubble-chart.js → bubble-chart.js} +0 -0
  22. package/{dist/bullet-chart.d.ts → bullet-chart.d.ts} +0 -0
  23. package/{dist/bullet-chart.js → bullet-chart.js} +0 -0
  24. package/{dist/bundle.js → bundle.js} +0 -0
  25. package/{dist/circle-pack-chart.d.ts → circle-pack-chart.d.ts} +0 -0
  26. package/{dist/circle-pack-chart.js → circle-pack-chart.js} +0 -0
  27. package/{dist/combo-chart.d.ts → combo-chart.d.ts} +0 -0
  28. package/{dist/combo-chart.js → combo-chart.js} +0 -0
  29. package/{dist/diagrams → diagrams}/CardNode/CardNode.d.ts +0 -0
  30. package/{dist/diagrams → diagrams}/CardNode/CardNode.js +0 -0
  31. package/{dist/diagrams → diagrams}/CardNode/CardNodeColumn.d.ts +0 -0
  32. package/{dist/diagrams → diagrams}/CardNode/CardNodeColumn.js +0 -0
  33. package/{dist/diagrams → diagrams}/CardNode/CardNodeLabel.d.ts +0 -0
  34. package/{dist/diagrams → diagrams}/CardNode/CardNodeLabel.js +0 -0
  35. package/{dist/diagrams → diagrams}/CardNode/CardNodeSubtitle.d.ts +0 -0
  36. package/{dist/diagrams → diagrams}/CardNode/CardNodeSubtitle.js +0 -0
  37. package/{dist/diagrams → diagrams}/CardNode/CardNodeTitle.d.ts +0 -0
  38. package/{dist/diagrams → diagrams}/CardNode/CardNodeTitle.js +0 -0
  39. package/{dist/diagrams → diagrams}/CardNode/index.d.ts +0 -0
  40. package/{dist/diagrams → diagrams}/CardNode/index.js +0 -0
  41. package/{dist/diagrams → diagrams}/Edge/Edge.d.ts +0 -0
  42. package/{dist/diagrams → diagrams}/Edge/Edge.js +0 -0
  43. package/{dist/diagrams → diagrams}/Edge/index.d.ts +0 -0
  44. package/{dist/diagrams → diagrams}/Edge/index.js +0 -0
  45. package/{dist/diagrams → diagrams}/Marker/Marker.d.ts +0 -0
  46. package/{dist/diagrams → diagrams}/Marker/Marker.js +0 -0
  47. package/{dist/diagrams → diagrams}/Marker/index.d.ts +0 -0
  48. package/{dist/diagrams → diagrams}/Marker/index.js +0 -0
  49. package/{dist/diagrams → diagrams}/ShapeNode/ShapeNode.d.ts +0 -0
  50. package/{dist/diagrams → diagrams}/ShapeNode/ShapeNode.js +0 -0
  51. package/{dist/diagrams → diagrams}/ShapeNode/index.d.ts +0 -0
  52. package/{dist/diagrams → diagrams}/ShapeNode/index.js +0 -0
  53. package/{dist/diagrams → diagrams}/configs.d.ts +0 -0
  54. package/{dist/diagrams → diagrams}/configs.js +0 -0
  55. package/{dist/donut-chart.d.ts → donut-chart.d.ts} +0 -0
  56. package/{dist/donut-chart.js → donut-chart.js} +0 -0
  57. package/{dist/gauge-chart.d.ts → gauge-chart.d.ts} +0 -0
  58. package/{dist/gauge-chart.js → gauge-chart.js} +0 -0
  59. package/{dist/heatmap-chart.d.ts → heatmap-chart.d.ts} +0 -0
  60. package/{dist/heatmap-chart.js → heatmap-chart.js} +0 -0
  61. package/{dist/histogram-chart.d.ts → histogram-chart.d.ts} +0 -0
  62. package/{dist/histogram-chart.js → histogram-chart.js} +0 -0
  63. package/{dist/index.d.ts → index.d.ts} +0 -0
  64. package/{dist/index.js → index.js} +0 -0
  65. package/{dist/line-chart.d.ts → line-chart.d.ts} +0 -0
  66. package/{dist/line-chart.js → line-chart.js} +0 -0
  67. package/{dist/lollipop-chart.d.ts → lollipop-chart.d.ts} +0 -0
  68. package/{dist/lollipop-chart.js → lollipop-chart.js} +0 -0
  69. package/{dist/meter-chart.d.ts → meter-chart.d.ts} +0 -0
  70. package/{dist/meter-chart.js → meter-chart.js} +0 -0
  71. package/package.json +106 -106
  72. package/{dist/pie-chart.d.ts → pie-chart.d.ts} +0 -0
  73. package/{dist/pie-chart.js → pie-chart.js} +0 -0
  74. package/{dist/radar-chart.d.ts → radar-chart.d.ts} +0 -0
  75. package/{dist/radar-chart.js → radar-chart.js} +0 -0
  76. package/{dist/scatter-chart.d.ts → scatter-chart.d.ts} +0 -0
  77. package/{dist/scatter-chart.js → scatter-chart.js} +0 -0
  78. package/{dist/tree-chart.d.ts → tree-chart.d.ts} +0 -0
  79. package/{dist/tree-chart.js → tree-chart.js} +0 -0
  80. package/{dist/treemap-chart.d.ts → treemap-chart.d.ts} +0 -0
  81. package/{dist/treemap-chart.js → treemap-chart.js} +0 -0
  82. package/{dist/utils.d.ts → utils.d.ts} +0 -0
  83. package/{dist/utils.js → utils.js} +0 -0
  84. package/{dist/wordcloud-chart.d.ts → wordcloud-chart.d.ts} +0 -0
  85. package/{dist/wordcloud-chart.js → wordcloud-chart.js} +0 -0
  86. package/.babelrc +0 -4
  87. package/.prettierignore +0 -1
  88. package/.storybook/addons.js +0 -2
  89. package/.storybook/assets/logo.svg +0 -1
  90. package/.storybook/assets/share.png +0 -0
  91. package/.storybook/assets/welcome.png +0 -0
  92. package/.storybook/config.js +0 -22
  93. package/.storybook/main.js +0 -24
  94. package/.storybook/manager-head.html +0 -42
  95. package/.storybook/preview-head.html +0 -10
  96. package/build.sh +0 -20
  97. package/carbon.yml +0 -275
  98. package/carbon__charts-react-tests.tsx +0 -83
  99. package/demo/bundle/favicon.ico +0 -0
  100. package/demo/bundle/index.html +0 -22
  101. package/demo/bundle/logo.svg +0 -1
  102. package/demo/bundle/main.4a87b5852cddf04c8e9a.bundle.js +0 -1
  103. package/demo/bundle/runtime~main.6b70b35614cf83eab770.bundle.js +0 -1
  104. package/demo/bundle/sb_dll/storybook_ui-manifest.json +0 -1
  105. package/demo/bundle/sb_dll/storybook_ui_dll.LICENCE +0 -113
  106. package/demo/bundle/sb_dll/storybook_ui_dll.js +0 -2
  107. package/demo/bundle/share.png +0 -0
  108. package/demo/bundle/vendors~main.9ceec0efe2f3ef413ade.bundle.js +0 -111
  109. package/demo/bundle/welcome.png +0 -0
  110. package/dist/CHANGELOG.md +0 -2150
  111. package/dist/README.md +0 -56
  112. package/dist/package.json +0 -107
  113. package/helpers/commons.js +0 -30
  114. package/rollup.config.js +0 -18
  115. package/src/alluvial-chart.tsx +0 -30
  116. package/src/area-chart-stacked.tsx +0 -33
  117. package/src/area-chart.tsx +0 -30
  118. package/src/bar-chart-grouped.tsx +0 -30
  119. package/src/bar-chart-simple.tsx +0 -30
  120. package/src/bar-chart-stacked.tsx +0 -30
  121. package/src/base-chart.tsx +0 -45
  122. package/src/boxplot-chart.tsx +0 -30
  123. package/src/bubble-chart.tsx +0 -30
  124. package/src/bullet-chart.tsx +0 -30
  125. package/src/circle-pack-chart.tsx +0 -30
  126. package/src/combo-chart.tsx +0 -30
  127. package/src/diagrams/CardNode/CardNode.tsx +0 -121
  128. package/src/diagrams/CardNode/CardNodeColumn.tsx +0 -38
  129. package/src/diagrams/CardNode/CardNodeLabel.tsx +0 -32
  130. package/src/diagrams/CardNode/CardNodeSubtitle.tsx +0 -32
  131. package/src/diagrams/CardNode/CardNodeTitle.tsx +0 -32
  132. package/src/diagrams/CardNode/index.tsx +0 -13
  133. package/src/diagrams/Edge/Edge.tsx +0 -137
  134. package/src/diagrams/Edge/index.tsx +0 -2
  135. package/src/diagrams/Marker/Marker.tsx +0 -121
  136. package/src/diagrams/Marker/index.tsx +0 -9
  137. package/src/diagrams/ShapeNode/ShapeNode.tsx +0 -153
  138. package/src/diagrams/ShapeNode/index.tsx +0 -2
  139. package/src/diagrams/configs.ts +0 -1
  140. package/src/donut-chart.tsx +0 -30
  141. package/src/gauge-chart.tsx +0 -30
  142. package/src/heatmap-chart.tsx +0 -30
  143. package/src/histogram-chart.tsx +0 -30
  144. package/src/index.ts +0 -51
  145. package/src/line-chart.tsx +0 -30
  146. package/src/lollipop-chart.tsx +0 -30
  147. package/src/meter-chart.tsx +0 -30
  148. package/src/pie-chart.tsx +0 -30
  149. package/src/radar-chart.tsx +0 -30
  150. package/src/scatter-chart.tsx +0 -30
  151. package/src/tree-chart.tsx +0 -30
  152. package/src/treemap-chart.tsx +0 -30
  153. package/src/utils.ts +0 -7
  154. package/src/wordcloud-chart.tsx +0 -30
  155. package/stories/0_intro.stories.js +0 -60
  156. package/stories/1_gettingStarted.stories.js +0 -74
  157. package/stories/1_gettingStarted_content.js +0 -121
  158. package/stories/all.stories.js +0 -110
  159. package/stories/diagrams/0_Diagrams.stories.js +0 -259
  160. package/stories/diagrams/CardNode.stories.js +0 -106
  161. package/stories/diagrams/Edge.stories.js +0 -94
  162. package/stories/diagrams/Marker.stories.js +0 -95
  163. package/stories/diagrams/ShapeNode.stories.js +0 -42
  164. package/tsconfig.json +0 -20
package/stories/diagrams/Marker.stories.js DELETED
@@ -1,95 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
- import {
4
- ArrowLeftMarker,
5
- ArrowRightMarker,
6
- CircleMarker,
7
- DiamondMarker,
8
- SquareMarker,
9
- TeeMarker,
10
- } from '../../dist/diagrams/Marker';
11
- import Edge from '../../dist/diagrams/Edge';
12
-
13
- const linkSource = { x: 20, y: 50 };
14
- const linkTarget = { x: 250, y: 50 };
15
-
16
- const stories = storiesOf('Diagrams|Edges/Markers', module);
17
-
18
- stories.addDecorator((story) => (
19
- <div className="container theme--white">{story()}</div>
20
- ));
21
-
22
- stories.add('Arrow left', () => (
23
- <svg height={400} width={400}>
24
- <defs>
25
- <ArrowLeftMarker id="marker" />
26
- </defs>
27
-
28
- <Edge source={linkSource} target={linkTarget} markerStart={'marker'} />
29
- </svg>
30
- ));
31
-
32
- stories.add('Arrow right', () => (
33
- <svg height={400} width={400}>
34
- <defs>
35
- <ArrowRightMarker id="marker" />
36
- </defs>
37
-
38
- <Edge source={linkSource} target={linkTarget} markerEnd={'marker'} />
39
- </svg>
40
- ));
41
-
42
- stories.add('Circle', () => (
43
- <svg height={400} width={400}>
44
- <defs>
45
- <CircleMarker id="marker" />
46
- </defs>
47
-
48
- <Edge source={linkSource} target={linkTarget} markerStart={'marker'} />
49
- </svg>
50
- ));
51
-
52
- stories.add('Diamond', () => (
53
- <svg height={400} width={400}>
54
- <defs>
55
- <DiamondMarker id="marker" />
56
- </defs>
57
-
58
- <Edge source={linkSource} target={linkTarget} markerStart={'marker'} />
59
- </svg>
60
- ));
61
-
62
- stories.add('Square', () => (
63
- <svg height={400} width={400}>
64
- <defs>
65
- <SquareMarker id="marker" />
66
- </defs>
67
-
68
- <Edge source={linkSource} target={linkTarget} markerStart={'marker'} />
69
- </svg>
70
- ));
71
-
72
- stories.add('Tee', () => (
73
- <svg height={400} width={400}>
74
- <defs>
75
- <TeeMarker id="marker" />
76
- </defs>
77
-
78
- <Edge source={linkSource} target={linkTarget} markerStart={'marker'} />
79
- </svg>
80
- ));
81
-
82
- stories.add('Color', () => (
83
- <svg height={400} width={400}>
84
- <defs>
85
- <TeeMarker id="marker" color={'#FB4B53'} />
86
- </defs>
87
-
88
- <Edge
89
- source={linkSource}
90
- target={linkTarget}
91
- markerStart={'marker'}
92
- color={'#FB4B53'}
93
- />
94
- </svg>
95
- ));
package/stories/diagrams/ShapeNode.stories.js DELETED
@@ -1,42 +0,0 @@
1
- import React from 'react';
2
- import { storiesOf } from '@storybook/react';
3
-
4
- import { User20 } from '@carbon/icons-react';
5
-
6
- import ShapeNode from '../../dist/diagrams/ShapeNode';
7
-
8
- const stories = storiesOf('Diagrams|Nodes/Shape', module);
9
- stories.addDecorator((story) => (
10
- <div className="container theme--white">{story()}</div>
11
- ));
12
-
13
- stories.add('Default', () => (
14
- <ShapeNode title={'Title'} renderIcon={<User20 />} />
15
- ));
16
-
17
- stories.add('Square', () => (
18
- <ShapeNode title={'Title'} renderIcon={<User20 />} shape="square" />
19
- ));
20
-
21
- stories.add('Rounded square', () => (
22
- <ShapeNode title={'Title'} renderIcon={<User20 />} shape="rounded-square" />
23
- ));
24
-
25
- stories.add('As button', () => (
26
- <ShapeNode title={'Title'} onClick={() => {}} renderIcon={<User20 />} />
27
- ));
28
-
29
- stories.add('As link', () => (
30
- <ShapeNode title={'Title'} href="#" renderIcon={<User20 />} />
31
- ));
32
-
33
- stories.add('Inherited dimensions', () => (
34
- <div style={{ height: 64, width: 64, position: 'relative' }}>
35
- <ShapeNode
36
- title={'Title'}
37
- renderIcon={<User20 />}
38
- size={'100%'}
39
- position="static"
40
- />
41
- </div>
42
- ));
package/tsconfig.json DELETED
@@ -1,20 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "declaration": true,
4
- "outDir": "dist",
5
- "esModuleInterop": true,
6
- "forceConsistentCasingInFileNames": true,
7
- "jsx": "react",
8
- "lib": ["ESNext", "DOM"],
9
- "module": "CommonJS",
10
- "moduleResolution": "node",
11
- "skipLibCheck": true,
12
- "strict": true,
13
- "target": "es5",
14
- "baseUrl": "./",
15
- "paths": {
16
- "@carbon/charts": ["../core"]
17
- }
18
- },
19
- "include": ["src"]
20
- }