@carbon/charts-react 1.7.6 → 1.9.0-rc.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 (129) hide show
  1. package/README.md +11 -13
  2. package/dist/charts/AlluvialChart.d.ts +5 -0
  3. package/dist/charts/AreaChart.d.ts +5 -0
  4. package/dist/charts/BaseChart.d.ts +16 -0
  5. package/dist/charts/BoxplotChart.d.ts +5 -0
  6. package/dist/charts/BubbleChart.d.ts +5 -0
  7. package/dist/charts/BulletChart.d.ts +5 -0
  8. package/dist/charts/ChoroplethChart.d.ts +5 -0
  9. package/dist/charts/CirclePackChart.d.ts +5 -0
  10. package/dist/charts/ComboChart.d.ts +5 -0
  11. package/dist/charts/DonutChart.d.ts +5 -0
  12. package/dist/charts/GaugeChart.d.ts +5 -0
  13. package/dist/charts/GroupedBarChart.d.ts +5 -0
  14. package/dist/charts/HeatmapChart.d.ts +5 -0
  15. package/dist/charts/HistogramChart.d.ts +5 -0
  16. package/dist/charts/LineChart.d.ts +5 -0
  17. package/dist/charts/LollipopChart.d.ts +5 -0
  18. package/dist/charts/MeterChart.d.ts +5 -0
  19. package/dist/charts/PieChart.d.ts +5 -0
  20. package/dist/charts/RadarChart.d.ts +5 -0
  21. package/dist/charts/ScatterChart.d.ts +5 -0
  22. package/dist/charts/SimpleBarChart.d.ts +5 -0
  23. package/dist/charts/StackedAreaChart.d.ts +5 -0
  24. package/dist/charts/StackedBarChart.d.ts +5 -0
  25. package/dist/charts/TreeChart.d.ts +5 -0
  26. package/dist/charts/TreemapChart.d.ts +5 -0
  27. package/dist/charts/WordCloudChart.d.ts +5 -0
  28. package/dist/charts/index.d.ts +26 -0
  29. package/dist/diagrams/CardNode.d.ts +12 -0
  30. package/dist/diagrams/CardNodeColumn.d.ts +7 -0
  31. package/dist/diagrams/CardNodeLabel.d.ts +6 -0
  32. package/dist/diagrams/CardNodeSubtitle.d.ts +6 -0
  33. package/dist/diagrams/CardNodeTitle.d.ts +6 -0
  34. package/dist/diagrams/Edge.d.ts +17 -0
  35. package/dist/diagrams/Marker.d.ts +20 -0
  36. package/dist/diagrams/ShapeNode.d.ts +17 -0
  37. package/dist/diagrams/index.d.ts +9 -0
  38. package/dist/index.d.ts +2 -0
  39. package/dist/index.js +114 -0
  40. package/dist/index.js.map +1 -0
  41. package/dist/index.mjs +23083 -0
  42. package/dist/index.mjs.map +1 -0
  43. package/dist/styles.css +28264 -0
  44. package/dist/styles.css.map +1 -0
  45. package/dist/styles.min.css +1 -0
  46. package/dist/styles.min.css.map +1 -0
  47. package/package.json +96 -57
  48. package/CHANGELOG.md +0 -2107
  49. package/alluvial-chart.d.ts +0 -12
  50. package/alluvial-chart.js +0 -42
  51. package/area-chart-stacked.d.ts +0 -12
  52. package/area-chart-stacked.js +0 -42
  53. package/area-chart.d.ts +0 -12
  54. package/area-chart.js +0 -42
  55. package/bar-chart-grouped.d.ts +0 -12
  56. package/bar-chart-grouped.js +0 -42
  57. package/bar-chart-simple.d.ts +0 -12
  58. package/bar-chart-simple.js +0 -42
  59. package/bar-chart-stacked.d.ts +0 -12
  60. package/bar-chart-stacked.js +0 -42
  61. package/base-chart.d.ts +0 -17
  62. package/base-chart.js +0 -46
  63. package/boxplot-chart.d.ts +0 -12
  64. package/boxplot-chart.js +0 -42
  65. package/bubble-chart.d.ts +0 -12
  66. package/bubble-chart.js +0 -42
  67. package/bullet-chart.d.ts +0 -12
  68. package/bullet-chart.js +0 -42
  69. package/bundle.js +0 -1
  70. package/circle-pack-chart.d.ts +0 -12
  71. package/circle-pack-chart.js +0 -42
  72. package/combo-chart.d.ts +0 -12
  73. package/combo-chart.js +0 -42
  74. package/diagrams/CardNode/CardNode.d.ts +0 -54
  75. package/diagrams/CardNode/CardNode.js +0 -84
  76. package/diagrams/CardNode/CardNodeColumn.d.ts +0 -19
  77. package/diagrams/CardNode/CardNodeColumn.js +0 -37
  78. package/diagrams/CardNode/CardNodeLabel.d.ts +0 -15
  79. package/diagrams/CardNode/CardNodeLabel.js +0 -32
  80. package/diagrams/CardNode/CardNodeSubtitle.d.ts +0 -15
  81. package/diagrams/CardNode/CardNodeSubtitle.js +0 -32
  82. package/diagrams/CardNode/CardNodeTitle.d.ts +0 -15
  83. package/diagrams/CardNode/CardNodeTitle.js +0 -32
  84. package/diagrams/CardNode/index.d.ts +0 -6
  85. package/diagrams/CardNode/index.js +0 -16
  86. package/diagrams/Edge/Edge.d.ts +0 -65
  87. package/diagrams/Edge/Edge.js +0 -94
  88. package/diagrams/Edge/index.d.ts +0 -2
  89. package/diagrams/Edge/index.js +0 -7
  90. package/diagrams/Marker/Marker.d.ts +0 -66
  91. package/diagrams/Marker/Marker.js +0 -120
  92. package/diagrams/Marker/index.d.ts +0 -1
  93. package/diagrams/Marker/index.js +0 -14
  94. package/diagrams/ShapeNode/ShapeNode.d.ts +0 -68
  95. package/diagrams/ShapeNode/ShapeNode.js +0 -101
  96. package/diagrams/ShapeNode/index.d.ts +0 -2
  97. package/diagrams/ShapeNode/index.js +0 -7
  98. package/diagrams/configs.js +0 -4
  99. package/donut-chart.d.ts +0 -12
  100. package/donut-chart.js +0 -42
  101. package/gauge-chart.d.ts +0 -12
  102. package/gauge-chart.js +0 -42
  103. package/heatmap-chart.d.ts +0 -12
  104. package/heatmap-chart.js +0 -42
  105. package/histogram-chart.d.ts +0 -12
  106. package/histogram-chart.js +0 -42
  107. package/index.d.ts +0 -25
  108. package/index.js +0 -54
  109. package/line-chart.d.ts +0 -12
  110. package/line-chart.js +0 -42
  111. package/lollipop-chart.d.ts +0 -12
  112. package/lollipop-chart.js +0 -42
  113. package/meter-chart.d.ts +0 -12
  114. package/meter-chart.js +0 -42
  115. package/pie-chart.d.ts +0 -12
  116. package/pie-chart.js +0 -42
  117. package/radar-chart.d.ts +0 -12
  118. package/radar-chart.js +0 -42
  119. package/scatter-chart.d.ts +0 -12
  120. package/scatter-chart.js +0 -42
  121. package/tree-chart.d.ts +0 -12
  122. package/tree-chart.js +0 -42
  123. package/treemap-chart.d.ts +0 -12
  124. package/treemap-chart.js +0 -42
  125. package/utils.d.ts +0 -1
  126. package/utils.js +0 -9
  127. package/wordcloud-chart.d.ts +0 -12
  128. package/wordcloud-chart.js +0 -42
  129. /package/{diagrams/configs.d.ts → dist/diagrams/utils.d.ts} +0 -0
@@ -1,12 +0,0 @@
1
- import { CirclePackChart as CPC } from '@carbon/charts';
2
- import BaseChart from './base-chart';
3
- import { ChartConfig, CirclePackChartOptions } from '@carbon/charts/interfaces';
4
- declare type CirclePackChartProps = ChartConfig<CirclePackChartOptions>;
5
- export default class CirclePackChart extends BaseChart<CirclePackChartOptions> {
6
- chartRef: HTMLDivElement;
7
- props: CirclePackChartProps;
8
- chart: CPC;
9
- componentDidMount(): void;
10
- render(): JSX.Element;
11
- }
12
- export {};
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- extendStatics(d, b);
11
- function __() { this.constructor = d; }
12
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
13
- };
14
- })();
15
- var __importDefault = (this && this.__importDefault) || function (mod) {
16
- return (mod && mod.__esModule) ? mod : { "default": mod };
17
- };
18
- Object.defineProperty(exports, "__esModule", { value: true });
19
- var react_1 = __importDefault(require("react"));
20
- var charts_1 = require("@carbon/charts");
21
- var base_chart_1 = __importDefault(require("./base-chart"));
22
- var utils_1 = require("./utils");
23
- var CirclePackChart = /** @class */ (function (_super) {
24
- __extends(CirclePackChart, _super);
25
- function CirclePackChart() {
26
- return _super !== null && _super.apply(this, arguments) || this;
27
- }
28
- CirclePackChart.prototype.componentDidMount = function () {
29
- if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
30
- this.chart = new charts_1.CirclePackChart(this.chartRef, {
31
- data: this.props.data,
32
- options: this.props.options,
33
- });
34
- }
35
- };
36
- CirclePackChart.prototype.render = function () {
37
- var _this = this;
38
- return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
39
- };
40
- return CirclePackChart;
41
- }(base_chart_1.default));
42
- exports.default = CirclePackChart;
package/combo-chart.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { ComboChart as CC } from '@carbon/charts';
2
- import BaseChart from './base-chart';
3
- import { ChartConfig, ComboChartOptions } from '@carbon/charts/interfaces';
4
- declare type ComboChartProps = ChartConfig<ComboChartOptions>;
5
- export default class ComboChart extends BaseChart<ComboChartOptions> {
6
- chartRef: HTMLDivElement;
7
- props: ComboChartProps;
8
- chart: CC;
9
- componentDidMount(): void;
10
- render(): JSX.Element;
11
- }
12
- export {};
package/combo-chart.js DELETED
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- extendStatics(d, b);
11
- function __() { this.constructor = d; }
12
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
13
- };
14
- })();
15
- var __importDefault = (this && this.__importDefault) || function (mod) {
16
- return (mod && mod.__esModule) ? mod : { "default": mod };
17
- };
18
- Object.defineProperty(exports, "__esModule", { value: true });
19
- var react_1 = __importDefault(require("react"));
20
- var charts_1 = require("@carbon/charts");
21
- var base_chart_1 = __importDefault(require("./base-chart"));
22
- var utils_1 = require("./utils");
23
- var ComboChart = /** @class */ (function (_super) {
24
- __extends(ComboChart, _super);
25
- function ComboChart() {
26
- return _super !== null && _super.apply(this, arguments) || this;
27
- }
28
- ComboChart.prototype.componentDidMount = function () {
29
- if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
30
- this.chart = new charts_1.ComboChart(this.chartRef, {
31
- data: this.props.data,
32
- options: this.props.options,
33
- });
34
- }
35
- };
36
- ComboChart.prototype.render = function () {
37
- var _this = this;
38
- return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
39
- };
40
- return ComboChart;
41
- }(base_chart_1.default));
42
- exports.default = ComboChart;
@@ -1,54 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- declare const CardNode: {
3
- ({ as, children, className, color, href, onMouseEnter, onMouseOver, onMouseOut, onMouseLeave, onMouseMove, onClick, position, stacked, }: any): JSX.Element;
4
- propTypes: {
5
- /** Provide a custom element to be rendered instead of the default */
6
- as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
7
- /**
8
- * Pass in the children that will be rendered within the CardNode
9
- */
10
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
11
- /**
12
- * Provide an optional class to be applied on the outer element
13
- */
14
- className: PropTypes.Requireable<string>;
15
- /**
16
- * Specify the node's border color
17
- */
18
- color: PropTypes.Requireable<string>;
19
- /**
20
- * Optionally specify an href for the CardNode to become an `<a>` element
21
- */
22
- href: PropTypes.Requireable<string>;
23
- /**
24
- * Provide an optional function to be called when the CardNode
25
- * is clicked, turning the CardNode into a `<button>` element
26
- */
27
- onClick: PropTypes.Requireable<(...args: any[]) => any>;
28
- /**
29
- * Provide an optional function to be called for the onMouseEnter event
30
- */
31
- onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
32
- /**
33
- * Provide an optional function to be called for the onMouseOver event
34
- */
35
- onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
36
- /**
37
- * Provide an optional function to be called for the onMouseOut event
38
- */
39
- onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
40
- /**
41
- * Provide an optional function to be called for the onMouseLeave event
42
- */
43
- onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
44
- /**
45
- * Provide an optional function to be called for the onMouseMove event
46
- */
47
- onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
48
- /**
49
- * Specify whether the node displays a stacked effect
50
- */
51
- stacked: PropTypes.Requireable<boolean>;
52
- };
53
- };
54
- export default CardNode;
@@ -1,84 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var prop_types_1 = __importDefault(require("prop-types"));
8
- // @ts-ignore
9
- var classnames_1 = __importDefault(require("classnames"));
10
- // Carbon Prefix
11
- var configs_1 = require("../configs");
12
- var namespace = configs_1.carbonPrefix + "--cc--card-node";
13
- var CardNode = function (_a) {
14
- var _b;
15
- var _c = _a.as, as = _c === void 0 ? 'div' : _c, children = _a.children, className = _a.className, color = _a.color, _d = _a.href, href = _d === void 0 ? null : _d, _e = _a.onMouseEnter, onMouseEnter = _e === void 0 ? null : _e, _f = _a.onMouseOver, onMouseOver = _f === void 0 ? null : _f, _g = _a.onMouseOut, onMouseOut = _g === void 0 ? null : _g, _h = _a.onMouseLeave, onMouseLeave = _h === void 0 ? null : _h, _j = _a.onMouseMove, onMouseMove = _j === void 0 ? null : _j, _k = _a.onClick, onClick = _k === void 0 ? null : _k, _l = _a.position, position = _l === void 0 ? 'static' : _l, stacked = _a.stacked;
16
- var Component = 'div';
17
- if (as !== 'div') {
18
- Component = as;
19
- }
20
- else if (href) {
21
- Component = 'a';
22
- }
23
- else if (onClick) {
24
- Component = 'button';
25
- }
26
- var cardClasses = classnames_1.default(namespace, (_b = {},
27
- _b[namespace + "--stacked"] = stacked,
28
- _b[namespace + "--" + Component] = Component,
29
- _b[className] = className,
30
- _b));
31
- return (
32
- // @ts-ignore
33
- react_1.default.createElement(Component, { className: cardClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove, style: { borderColor: color, position: position }, tabIndex: 0 }, children));
34
- };
35
- exports.default = CardNode;
36
- CardNode.propTypes = {
37
- /** Provide a custom element to be rendered instead of the default */
38
- as: prop_types_1.default.elementType,
39
- /**
40
- * Pass in the children that will be rendered within the CardNode
41
- */
42
- children: prop_types_1.default.node,
43
- /**
44
- * Provide an optional class to be applied on the outer element
45
- */
46
- className: prop_types_1.default.string,
47
- /**
48
- * Specify the node's border color
49
- */
50
- color: prop_types_1.default.string,
51
- /**
52
- * Optionally specify an href for the CardNode to become an `<a>` element
53
- */
54
- href: prop_types_1.default.string,
55
- /**
56
- * Provide an optional function to be called when the CardNode
57
- * is clicked, turning the CardNode into a `<button>` element
58
- */
59
- onClick: prop_types_1.default.func,
60
- /**
61
- * Provide an optional function to be called for the onMouseEnter event
62
- */
63
- onMouseEnter: prop_types_1.default.func,
64
- /**
65
- * Provide an optional function to be called for the onMouseOver event
66
- */
67
- onMouseOver: prop_types_1.default.func,
68
- /**
69
- * Provide an optional function to be called for the onMouseOut event
70
- */
71
- onMouseOut: prop_types_1.default.func,
72
- /**
73
- * Provide an optional function to be called for the onMouseLeave event
74
- */
75
- onMouseLeave: prop_types_1.default.func,
76
- /**
77
- * Provide an optional function to be called for the onMouseMove event
78
- */
79
- onMouseMove: prop_types_1.default.func,
80
- /**
81
- * Specify whether the node displays a stacked effect
82
- */
83
- stacked: prop_types_1.default.bool,
84
- };
@@ -1,19 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- declare const CardNodeColumn: {
3
- ({ children, className, farsideColumn }: any): JSX.Element;
4
- propTypes: {
5
- /**
6
- * Pass in the children that will be rendered within the CardNodeColumn
7
- */
8
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
9
- /**
10
- * Provide an optional class to be applied on the outer element
11
- */
12
- className: PropTypes.Requireable<string>;
13
- /**
14
- * Specify whether this is the last column
15
- */
16
- farsideColumn: PropTypes.Requireable<boolean>;
17
- };
18
- };
19
- export { CardNodeColumn };
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.CardNodeColumn = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var prop_types_1 = __importDefault(require("prop-types"));
9
- // @ts-ignore
10
- var classnames_1 = __importDefault(require("classnames"));
11
- // Carbon Prefix
12
- var configs_1 = require("../configs");
13
- var namespace = configs_1.carbonPrefix + "--cc--card-node";
14
- var CardNodeColumn = function (_a) {
15
- var _b;
16
- var children = _a.children, className = _a.className, farsideColumn = _a.farsideColumn;
17
- var classes = classnames_1.default(namespace + "__column", (_b = {},
18
- _b[namespace + "__column--farside"] = farsideColumn,
19
- _b[className] = className,
20
- _b));
21
- return react_1.default.createElement("div", { className: classes }, children);
22
- };
23
- exports.CardNodeColumn = CardNodeColumn;
24
- CardNodeColumn.propTypes = {
25
- /**
26
- * Pass in the children that will be rendered within the CardNodeColumn
27
- */
28
- children: prop_types_1.default.node,
29
- /**
30
- * Provide an optional class to be applied on the outer element
31
- */
32
- className: prop_types_1.default.string,
33
- /**
34
- * Specify whether this is the last column
35
- */
36
- farsideColumn: prop_types_1.default.bool,
37
- };
@@ -1,15 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- declare const CardNodeLabel: {
3
- ({ children, className }: any): JSX.Element;
4
- propTypes: {
5
- /**
6
- * Pass in the children that will be rendered within the CardNodeLabel
7
- */
8
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
9
- /**
10
- * Provide an optional class to be applied on the outer element
11
- */
12
- className: PropTypes.Requireable<string>;
13
- };
14
- };
15
- export { CardNodeLabel };
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.CardNodeLabel = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var prop_types_1 = __importDefault(require("prop-types"));
9
- // @ts-ignore
10
- var classnames_1 = __importDefault(require("classnames"));
11
- // Carbon Prefix
12
- var configs_1 = require("../configs");
13
- var namespace = configs_1.carbonPrefix + "--cc--card-node";
14
- var CardNodeLabel = function (_a) {
15
- var _b;
16
- var children = _a.children, className = _a.className;
17
- var classes = classnames_1.default(namespace + "__label", (_b = {},
18
- _b[className] = className,
19
- _b));
20
- return react_1.default.createElement("label", { className: classes }, children);
21
- };
22
- exports.CardNodeLabel = CardNodeLabel;
23
- CardNodeLabel.propTypes = {
24
- /**
25
- * Pass in the children that will be rendered within the CardNodeLabel
26
- */
27
- children: prop_types_1.default.node,
28
- /**
29
- * Provide an optional class to be applied on the outer element
30
- */
31
- className: prop_types_1.default.string,
32
- };
@@ -1,15 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- declare const CardNodeSubtitle: {
3
- ({ children, className }: any): JSX.Element;
4
- propTypes: {
5
- /**
6
- * Pass in the children that will be rendered within the CardNodeSubtitle
7
- */
8
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
9
- /**
10
- * Provide an optional class to be applied on the outer element
11
- */
12
- className: PropTypes.Requireable<string>;
13
- };
14
- };
15
- export { CardNodeSubtitle };
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.CardNodeSubtitle = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var prop_types_1 = __importDefault(require("prop-types"));
9
- // @ts-ignore
10
- var classnames_1 = __importDefault(require("classnames"));
11
- // Carbon Prefix
12
- var configs_1 = require("../configs");
13
- var namespace = configs_1.carbonPrefix + "--cc--card-node";
14
- var CardNodeSubtitle = function (_a) {
15
- var _b;
16
- var children = _a.children, className = _a.className;
17
- var classes = classnames_1.default(namespace + "__subtitle", (_b = {},
18
- _b[className] = className,
19
- _b));
20
- return react_1.default.createElement("div", { className: classes }, children);
21
- };
22
- exports.CardNodeSubtitle = CardNodeSubtitle;
23
- CardNodeSubtitle.propTypes = {
24
- /**
25
- * Pass in the children that will be rendered within the CardNodeSubtitle
26
- */
27
- children: prop_types_1.default.node,
28
- /**
29
- * Provide an optional class to be applied on the outer element
30
- */
31
- className: prop_types_1.default.string,
32
- };
@@ -1,15 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- declare const CardNodeTitle: {
3
- ({ children, className }: any): JSX.Element;
4
- propTypes: {
5
- /**
6
- * Pass in the children that will be rendered within the CardNodeTitle
7
- */
8
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
9
- /**
10
- * Provide an optional class to be applied on the outer element
11
- */
12
- className: PropTypes.Requireable<string>;
13
- };
14
- };
15
- export { CardNodeTitle };
@@ -1,32 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.CardNodeTitle = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var prop_types_1 = __importDefault(require("prop-types"));
9
- // @ts-ignore
10
- var classnames_1 = __importDefault(require("classnames"));
11
- // Carbon Prefix
12
- var configs_1 = require("../configs");
13
- var namespace = configs_1.carbonPrefix + "--cc--card-node";
14
- var CardNodeTitle = function (_a) {
15
- var _b;
16
- var children = _a.children, className = _a.className;
17
- var classes = classnames_1.default(namespace + "__title", (_b = {},
18
- _b[className] = className,
19
- _b));
20
- return react_1.default.createElement("div", { className: classes }, children);
21
- };
22
- exports.CardNodeTitle = CardNodeTitle;
23
- CardNodeTitle.propTypes = {
24
- /**
25
- * Pass in the children that will be rendered within the CardNodeTitle
26
- */
27
- children: prop_types_1.default.node,
28
- /**
29
- * Provide an optional class to be applied on the outer element
30
- */
31
- className: prop_types_1.default.string,
32
- };
@@ -1,6 +0,0 @@
1
- import CardNode from './CardNode';
2
- import { CardNodeColumn } from './CardNodeColumn';
3
- import { CardNodeLabel } from './CardNodeLabel';
4
- import { CardNodeSubtitle } from './CardNodeSubtitle';
5
- import { CardNodeTitle } from './CardNodeTitle';
6
- export { CardNode as default, CardNodeColumn, CardNodeSubtitle, CardNodeTitle, CardNodeLabel, };
@@ -1,16 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.CardNodeLabel = exports.CardNodeTitle = exports.CardNodeSubtitle = exports.CardNodeColumn = exports.default = void 0;
7
- var CardNode_1 = __importDefault(require("./CardNode"));
8
- exports.default = CardNode_1.default;
9
- var CardNodeColumn_1 = require("./CardNodeColumn");
10
- Object.defineProperty(exports, "CardNodeColumn", { enumerable: true, get: function () { return CardNodeColumn_1.CardNodeColumn; } });
11
- var CardNodeLabel_1 = require("./CardNodeLabel");
12
- Object.defineProperty(exports, "CardNodeLabel", { enumerable: true, get: function () { return CardNodeLabel_1.CardNodeLabel; } });
13
- var CardNodeSubtitle_1 = require("./CardNodeSubtitle");
14
- Object.defineProperty(exports, "CardNodeSubtitle", { enumerable: true, get: function () { return CardNodeSubtitle_1.CardNodeSubtitle; } });
15
- var CardNodeTitle_1 = require("./CardNodeTitle");
16
- Object.defineProperty(exports, "CardNodeTitle", { enumerable: true, get: function () { return CardNodeTitle_1.CardNodeTitle; } });
@@ -1,65 +0,0 @@
1
- import PropTypes from 'prop-types';
2
- declare const Edge: {
3
- ({ className, color, markerEnd, markerStart, onMouseEnter, onMouseOver, onMouseOut, onMouseLeave, onMouseMove, path, source, target, variant, }: any): JSX.Element;
4
- propTypes: {
5
- /**
6
- * Provide an optional class to be applied on the outer element
7
- */
8
- className: PropTypes.Requireable<string>;
9
- /**
10
- * Specify the edge's color
11
- */
12
- color: PropTypes.Requireable<string>;
13
- /**
14
- * Specify an ID for a corresponding end marker
15
- */
16
- markerEnd: PropTypes.Requireable<string>;
17
- /**
18
- * Specify an ID for a corresponding start marker
19
- */
20
- markerStart: PropTypes.Requireable<string>;
21
- /**
22
- * Provide an optional function to be called for the onMouseEnter event
23
- */
24
- onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
25
- /**
26
- * Provide an optional function to be called for the onMouseOver event
27
- */
28
- onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
29
- /**
30
- * Provide an optional function to be called for the onMouseOut event
31
- */
32
- onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
33
- /**
34
- * Provide an optional function to be called for the onMouseLeave event
35
- */
36
- onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
37
- /**
38
- * Provide an optional function to be called for the onMouseMove event
39
- */
40
- onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
41
- /**
42
- * Specify a path string
43
- */
44
- path: PropTypes.Requireable<string>;
45
- /**
46
- * Coordinates for the source element
47
- */
48
- source: PropTypes.Requireable<PropTypes.InferProps<{
49
- x: PropTypes.Requireable<number>;
50
- y: PropTypes.Requireable<number>;
51
- }>>;
52
- /**
53
- * Coordinates for the target element
54
- */
55
- target: PropTypes.Requireable<PropTypes.InferProps<{
56
- x: PropTypes.Requireable<number>;
57
- y: PropTypes.Requireable<number>;
58
- }>>;
59
- /**
60
- * Specify the variant of the edge
61
- */
62
- variant: PropTypes.Requireable<string>;
63
- };
64
- };
65
- export default Edge;
@@ -1,94 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var prop_types_1 = __importDefault(require("prop-types"));
8
- // Carbon Prefix
9
- var configs_1 = require("../configs");
10
- // @ts-ignore
11
- var classnames_1 = __importDefault(require("classnames"));
12
- var buildPaths_1 = require("@carbon/charts/components/diagrams/buildPaths");
13
- var Edge = function (_a) {
14
- var _b;
15
- var className = _a.className, color = _a.color, markerEnd = _a.markerEnd, markerStart = _a.markerStart, _c = _a.onMouseEnter, onMouseEnter = _c === void 0 ? null : _c, _d = _a.onMouseOver, onMouseOver = _d === void 0 ? null : _d, _e = _a.onMouseOut, onMouseOut = _e === void 0 ? null : _e, _f = _a.onMouseLeave, onMouseLeave = _f === void 0 ? null : _f, _g = _a.onMouseMove, onMouseMove = _g === void 0 ? null : _g, path = _a.path, source = _a.source, target = _a.target, _h = _a.variant, variant = _h === void 0 ? null : _h;
16
- var namespace = configs_1.carbonPrefix + "--cc--edge";
17
- var pathClasses = classnames_1.default(namespace, (_b = {},
18
- _b[namespace + "--" + variant] = variant,
19
- _b[className] = className,
20
- _b));
21
- var d = path || buildPaths_1.buildStraightPathString(source, target);
22
- return (react_1.default.createElement("g", { className: pathClasses, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove },
23
- react_1.default.createElement("path", { d: d, className: namespace + "__container" }),
24
- react_1.default.createElement("path", { d: d, className: namespace + "__outer" }),
25
- react_1.default.createElement("path", { d: d, className: namespace + "__inner", markerEnd: "url(#" + markerEnd + ")", markerStart: "url(#" + markerStart + ")", style: { stroke: color } })));
26
- };
27
- exports.default = Edge;
28
- Edge.propTypes = {
29
- /**
30
- * Provide an optional class to be applied on the outer element
31
- */
32
- className: prop_types_1.default.string,
33
- /**
34
- * Specify the edge's color
35
- */
36
- color: prop_types_1.default.string,
37
- /**
38
- * Specify an ID for a corresponding end marker
39
- */
40
- markerEnd: prop_types_1.default.string,
41
- /**
42
- * Specify an ID for a corresponding start marker
43
- */
44
- markerStart: prop_types_1.default.string,
45
- /**
46
- * Provide an optional function to be called for the onMouseEnter event
47
- */
48
- onMouseEnter: prop_types_1.default.func,
49
- /**
50
- * Provide an optional function to be called for the onMouseOver event
51
- */
52
- onMouseOver: prop_types_1.default.func,
53
- /**
54
- * Provide an optional function to be called for the onMouseOut event
55
- */
56
- onMouseOut: prop_types_1.default.func,
57
- /**
58
- * Provide an optional function to be called for the onMouseLeave event
59
- */
60
- onMouseLeave: prop_types_1.default.func,
61
- /**
62
- * Provide an optional function to be called for the onMouseMove event
63
- */
64
- onMouseMove: prop_types_1.default.func,
65
- /**
66
- * Specify a path string
67
- */
68
- path: prop_types_1.default.string,
69
- /**
70
- * Coordinates for the source element
71
- */
72
- source: prop_types_1.default.shape({
73
- x: prop_types_1.default.number,
74
- y: prop_types_1.default.number,
75
- }),
76
- /**
77
- * Coordinates for the target element
78
- */
79
- target: prop_types_1.default.shape({
80
- x: prop_types_1.default.number,
81
- y: prop_types_1.default.number,
82
- }),
83
- /**
84
- * Specify the variant of the edge
85
- */
86
- variant: prop_types_1.default.oneOf([
87
- 'dash-sm',
88
- 'dash-md',
89
- 'dash-lg',
90
- 'dash-xl',
91
- 'double',
92
- 'tunnel',
93
- ]),
94
- };
@@ -1,2 +0,0 @@
1
- import Edge from './Edge';
2
- export default Edge;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var Edge_1 = __importDefault(require("./Edge"));
7
- exports.default = Edge_1.default;