@carbon/charts-react 1.8.0 → 1.9.0-next.1.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.
- package/README.md +14 -22
- package/dist/charts/AlluvialChart.d.ts +5 -0
- package/dist/charts/AreaChart.d.ts +5 -0
- package/dist/charts/BaseChart.d.ts +16 -0
- package/dist/charts/BoxplotChart.d.ts +5 -0
- package/dist/charts/BubbleChart.d.ts +5 -0
- package/dist/charts/BulletChart.d.ts +5 -0
- package/dist/charts/ChoroplethChart.d.ts +5 -0
- package/dist/charts/CirclePackChart.d.ts +5 -0
- package/dist/charts/ComboChart.d.ts +5 -0
- package/dist/charts/DonutChart.d.ts +5 -0
- package/dist/charts/GaugeChart.d.ts +5 -0
- package/dist/charts/GroupedBarChart.d.ts +5 -0
- package/dist/charts/HeatmapChart.d.ts +5 -0
- package/dist/charts/HistogramChart.d.ts +5 -0
- package/dist/charts/LineChart.d.ts +5 -0
- package/dist/charts/LollipopChart.d.ts +5 -0
- package/dist/charts/MeterChart.d.ts +5 -0
- package/dist/charts/PieChart.d.ts +5 -0
- package/dist/charts/RadarChart.d.ts +5 -0
- package/dist/charts/ScatterChart.d.ts +5 -0
- package/dist/charts/SimpleBarChart.d.ts +5 -0
- package/dist/charts/StackedAreaChart.d.ts +5 -0
- package/dist/charts/StackedBarChart.d.ts +5 -0
- package/dist/charts/TreeChart.d.ts +5 -0
- package/dist/charts/TreemapChart.d.ts +5 -0
- package/dist/charts/WordCloudChart.d.ts +5 -0
- package/dist/charts/index.d.ts +26 -0
- package/dist/diagrams/CardNode.d.ts +12 -0
- package/dist/diagrams/CardNodeColumn.d.ts +7 -0
- package/dist/diagrams/CardNodeLabel.d.ts +6 -0
- package/dist/diagrams/CardNodeSubtitle.d.ts +6 -0
- package/dist/diagrams/CardNodeTitle.d.ts +6 -0
- package/dist/diagrams/Edge.d.ts +17 -0
- package/dist/diagrams/Marker.d.ts +20 -0
- package/dist/diagrams/ShapeNode.d.ts +17 -0
- package/dist/diagrams/index.d.ts +9 -0
- package/{diagrams/configs.d.ts → dist/diagrams/utils.d.ts} +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +114 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +23083 -0
- package/dist/index.mjs.map +1 -0
- package/dist/styles.css +6345 -0
- package/dist/styles.css.map +1 -0
- package/dist/styles.min.css +1 -0
- package/dist/styles.min.css.map +1 -0
- package/package.json +100 -58
- package/CHANGELOG.md +0 -2120
- package/alluvial-chart.d.ts +0 -12
- package/alluvial-chart.js +0 -42
- package/area-chart-stacked.d.ts +0 -12
- package/area-chart-stacked.js +0 -42
- package/area-chart.d.ts +0 -12
- package/area-chart.js +0 -42
- package/bar-chart-grouped.d.ts +0 -12
- package/bar-chart-grouped.js +0 -42
- package/bar-chart-simple.d.ts +0 -12
- package/bar-chart-simple.js +0 -42
- package/bar-chart-stacked.d.ts +0 -12
- package/bar-chart-stacked.js +0 -42
- package/base-chart.d.ts +0 -17
- package/base-chart.js +0 -46
- package/boxplot-chart.d.ts +0 -12
- package/boxplot-chart.js +0 -42
- package/bubble-chart.d.ts +0 -12
- package/bubble-chart.js +0 -42
- package/bullet-chart.d.ts +0 -12
- package/bullet-chart.js +0 -42
- package/bundle.js +0 -1
- package/choropleth-chart.d.ts +0 -12
- package/choropleth-chart.js +0 -42
- package/circle-pack-chart.d.ts +0 -12
- package/circle-pack-chart.js +0 -42
- package/combo-chart.d.ts +0 -12
- package/combo-chart.js +0 -42
- package/diagrams/CardNode/CardNode.d.ts +0 -54
- package/diagrams/CardNode/CardNode.js +0 -84
- package/diagrams/CardNode/CardNodeColumn.d.ts +0 -19
- package/diagrams/CardNode/CardNodeColumn.js +0 -37
- package/diagrams/CardNode/CardNodeLabel.d.ts +0 -15
- package/diagrams/CardNode/CardNodeLabel.js +0 -32
- package/diagrams/CardNode/CardNodeSubtitle.d.ts +0 -15
- package/diagrams/CardNode/CardNodeSubtitle.js +0 -32
- package/diagrams/CardNode/CardNodeTitle.d.ts +0 -15
- package/diagrams/CardNode/CardNodeTitle.js +0 -32
- package/diagrams/CardNode/index.d.ts +0 -6
- package/diagrams/CardNode/index.js +0 -16
- package/diagrams/Edge/Edge.d.ts +0 -65
- package/diagrams/Edge/Edge.js +0 -94
- package/diagrams/Edge/index.d.ts +0 -2
- package/diagrams/Edge/index.js +0 -7
- package/diagrams/Marker/Marker.d.ts +0 -66
- package/diagrams/Marker/Marker.js +0 -120
- package/diagrams/Marker/index.d.ts +0 -1
- package/diagrams/Marker/index.js +0 -14
- package/diagrams/ShapeNode/ShapeNode.d.ts +0 -68
- package/diagrams/ShapeNode/ShapeNode.js +0 -101
- package/diagrams/ShapeNode/index.d.ts +0 -2
- package/diagrams/ShapeNode/index.js +0 -7
- package/diagrams/configs.js +0 -4
- package/donut-chart.d.ts +0 -12
- package/donut-chart.js +0 -42
- package/gauge-chart.d.ts +0 -12
- package/gauge-chart.js +0 -42
- package/heatmap-chart.d.ts +0 -12
- package/heatmap-chart.js +0 -42
- package/histogram-chart.d.ts +0 -12
- package/histogram-chart.js +0 -42
- package/index.d.ts +0 -26
- package/index.js +0 -56
- package/line-chart.d.ts +0 -12
- package/line-chart.js +0 -42
- package/lollipop-chart.d.ts +0 -12
- package/lollipop-chart.js +0 -42
- package/meter-chart.d.ts +0 -12
- package/meter-chart.js +0 -42
- package/pie-chart.d.ts +0 -12
- package/pie-chart.js +0 -42
- package/radar-chart.d.ts +0 -12
- package/radar-chart.js +0 -42
- package/scatter-chart.d.ts +0 -12
- package/scatter-chart.js +0 -42
- package/tree-chart.d.ts +0 -12
- package/tree-chart.js +0 -42
- package/treemap-chart.d.ts +0 -12
- package/treemap-chart.js +0 -42
- package/utils.d.ts +0 -1
- package/utils.js +0 -9
- package/wordcloud-chart.d.ts +0 -12
- package/wordcloud-chart.js +0 -42
package/choropleth-chart.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { EXPERIMENTAL_ChoroplethChart as CC } from '@carbon/charts';
|
|
2
|
-
import BaseChart from './base-chart';
|
|
3
|
-
import { ChartConfig, ChoroplethChartOptions } from '@carbon/charts/interfaces';
|
|
4
|
-
declare type ChoroplethChartProps = ChartConfig<ChoroplethChartOptions>;
|
|
5
|
-
export default class EXPERIMENTAL_ChoroplethChart extends BaseChart<ChoroplethChartOptions> {
|
|
6
|
-
chartRef: HTMLDivElement;
|
|
7
|
-
props: ChoroplethChartProps;
|
|
8
|
-
chart: CC;
|
|
9
|
-
componentDidMount(): void;
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|
|
12
|
-
export {};
|
package/choropleth-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 EXPERIMENTAL_ChoroplethChart = /** @class */ (function (_super) {
|
|
24
|
-
__extends(EXPERIMENTAL_ChoroplethChart, _super);
|
|
25
|
-
function EXPERIMENTAL_ChoroplethChart() {
|
|
26
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
27
|
-
}
|
|
28
|
-
EXPERIMENTAL_ChoroplethChart.prototype.componentDidMount = function () {
|
|
29
|
-
if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
|
|
30
|
-
this.chart = new charts_1.EXPERIMENTAL_ChoroplethChart(this.chartRef, {
|
|
31
|
-
data: this.props.data,
|
|
32
|
-
options: this.props.options,
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
EXPERIMENTAL_ChoroplethChart.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 EXPERIMENTAL_ChoroplethChart;
|
|
41
|
-
}(base_chart_1.default));
|
|
42
|
-
exports.default = EXPERIMENTAL_ChoroplethChart;
|
package/circle-pack-chart.d.ts
DELETED
|
@@ -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 {};
|
package/circle-pack-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 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; } });
|
package/diagrams/Edge/Edge.d.ts
DELETED
|
@@ -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;
|