@carbon/charts-react 1.8.0 → 1.9.0-rc.0

package/diagrams/Edge/Edge.js

@@ -1,94 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-// Carbon Prefix
-var configs_1 = require("../configs");
-// @ts-ignore
-var classnames_1 = __importDefault(require("classnames"));
-var buildPaths_1 = require("@carbon/charts/components/diagrams/buildPaths");
-var Edge = function (_a) {
-    var _b;
-    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;
-    var namespace = configs_1.carbonPrefix + "--cc--edge";
-    var pathClasses = classnames_1.default(namespace, (_b = {},
-        _b[namespace + "--" + variant] = variant,
-        _b[className] = className,
-        _b));
-    var d = path || buildPaths_1.buildStraightPathString(source, target);
-    return (react_1.default.createElement("g", { className: pathClasses, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove },
-        react_1.default.createElement("path", { d: d, className: namespace + "__container" }),
-        react_1.default.createElement("path", { d: d, className: namespace + "__outer" }),
-        react_1.default.createElement("path", { d: d, className: namespace + "__inner", markerEnd: "url(#" + markerEnd + ")", markerStart: "url(#" + markerStart + ")", style: { stroke: color } })));
-};
-exports.default = Edge;
-Edge.propTypes = {
-    /**
-     * Provide an optional class to be applied on the outer element
-     */
-    className: prop_types_1.default.string,
-    /**
-     * Specify the edge's color
-     */
-    color: prop_types_1.default.string,
-    /**
-     * Specify an ID for a corresponding end marker
-     */
-    markerEnd: prop_types_1.default.string,
-    /**
-     * Specify an ID for a corresponding start marker
-     */
-    markerStart: prop_types_1.default.string,
-    /**
-     * Provide an optional function to be called for the onMouseEnter event
-     */
-    onMouseEnter: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseOver event
-     */
-    onMouseOver: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseOut event
-     */
-    onMouseOut: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseLeave event
-     */
-    onMouseLeave: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseMove event
-     */
-    onMouseMove: prop_types_1.default.func,
-    /**
-     * Specify a path string
-     */
-    path: prop_types_1.default.string,
-    /**
-     * Coordinates for the source element
-     */
-    source: prop_types_1.default.shape({
-        x: prop_types_1.default.number,
-        y: prop_types_1.default.number,
-    }),
-    /**
-     * Coordinates for the target element
-     */
-    target: prop_types_1.default.shape({
-        x: prop_types_1.default.number,
-        y: prop_types_1.default.number,
-    }),
-    /**
-     * Specify the variant of the edge
-     */
-    variant: prop_types_1.default.oneOf([
-        'dash-sm',
-        'dash-md',
-        'dash-lg',
-        'dash-xl',
-        'double',
-        'tunnel',
-    ]),
-};

package/diagrams/Edge/index.d.ts

@@ -1,2 +0,0 @@
-import Edge from './Edge';
-export default Edge;

package/diagrams/Edge/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var Edge_1 = __importDefault(require("./Edge"));
-exports.default = Edge_1.default;

package/diagrams/Marker/Marker.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-declare const Marker: {
-    ({ className, color, d, id, orient, height, width, position, refX, refY, }: any): JSX.Element;
-    propTypes: {
-        /**
-         * Provide an optional class to be applied on the outer element
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Specify the marker's color
-         */
-        color: PropTypes.Requireable<string>;
-        /**
-         * Specify a path string
-         */
-        d: PropTypes.Requireable<string>;
-        /**
-         * Specify an ID for the marker
-         */
-        id: PropTypes.Requireable<string>;
-        /**
-         * Specify the orient attribute for the marker
-         */
-        orient: PropTypes.Requireable<React.ReactText>;
-        /**
-         * Specify the height attribute for the marker
-         */
-        height: PropTypes.Requireable<React.ReactText>;
-        /**
-         * Specify the width attribute for the marker
-         */
-        width: PropTypes.Requireable<React.ReactText>;
-        /**
-         * Specify whether this marker appears at the start or end of a line
-         */
-        position: PropTypes.Requireable<string>;
-        /**
-         * Specify the refX attribute for the marker
-         */
-        refX: PropTypes.Requireable<React.ReactText>;
-        /**
-         * Specify the refY attribute for the marker
-         */
-        refY: PropTypes.Requireable<React.ReactText>;
-    };
-};
-declare const ArrowLeftMarker: ({ ...rest }: {
-    [x: string]: any;
-}) => JSX.Element;
-declare const ArrowRightMarker: ({ ...rest }: {
-    [x: string]: any;
-}) => JSX.Element;
-declare const CircleMarker: ({ ...rest }: {
-    [x: string]: any;
-}) => JSX.Element;
-declare const DiamondMarker: ({ ...rest }: {
-    [x: string]: any;
-}) => JSX.Element;
-declare const SquareMarker: ({ ...rest }: {
-    [x: string]: any;
-}) => JSX.Element;
-declare const TeeMarker: ({ ...rest }: {
-    [x: string]: any;
-}) => JSX.Element;
-export { Marker as default, ArrowLeftMarker, ArrowRightMarker, CircleMarker, DiamondMarker, SquareMarker, TeeMarker, };

package/diagrams/Marker/Marker.js

@@ -1,120 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TeeMarker = exports.SquareMarker = exports.DiamondMarker = exports.CircleMarker = exports.ArrowRightMarker = exports.ArrowLeftMarker = exports.default = void 0;
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-// @ts-ignore
-var classnames_1 = __importDefault(require("classnames"));
-// Carbon Prefix
-var configs_1 = require("../configs");
-var markerDefinitions_1 = require("@carbon/charts/components/diagrams/markerDefinitions");
-var Marker = function (_a) {
-    var _b;
-    var className = _a.className, color = _a.color, d = _a.d, id = _a.id, _c = _a.orient, orient = _c === void 0 ? 'auto' : _c, height = _a.height, width = _a.width, _d = _a.position, position = _d === void 0 ? 'end' : _d, refX = _a.refX, refY = _a.refY;
-    var namespace = configs_1.carbonPrefix + "--cc--marker";
-    var classes = classnames_1.default(namespace, (_b = {},
-        _b[className] = className,
-        _b));
-    var xPos = position === 'end' ? width / 2 + 0.5 : 0.5;
-    var yPos = height / 2;
-    return (react_1.default.createElement("marker", { className: classes, markerHeight: height, markerWidth: width, orient: orient, id: id, refX: refX || xPos, refY: refY || yPos, markerUnits: "userSpaceOnUse" },
-        react_1.default.createElement("path", { d: d, style: { fill: color } })));
-};
-exports.default = Marker;
-var ArrowLeftMarker = function (_a) {
-    var rest = __rest(_a, []);
-    return react_1.default.createElement(Marker, __assign({}, markerDefinitions_1.arrowLeft, rest));
-};
-exports.ArrowLeftMarker = ArrowLeftMarker;
-var ArrowRightMarker = function (_a) {
-    var rest = __rest(_a, []);
-    return react_1.default.createElement(Marker, __assign({}, markerDefinitions_1.arrowRight, rest));
-};
-exports.ArrowRightMarker = ArrowRightMarker;
-var CircleMarker = function (_a) {
-    var rest = __rest(_a, []);
-    return react_1.default.createElement(Marker, __assign({}, markerDefinitions_1.circle, rest));
-};
-exports.CircleMarker = CircleMarker;
-var DiamondMarker = function (_a) {
-    var rest = __rest(_a, []);
-    return react_1.default.createElement(Marker, __assign({}, markerDefinitions_1.diamond, rest));
-};
-exports.DiamondMarker = DiamondMarker;
-var SquareMarker = function (_a) {
-    var rest = __rest(_a, []);
-    return react_1.default.createElement(Marker, __assign({}, markerDefinitions_1.square, rest));
-};
-exports.SquareMarker = SquareMarker;
-var TeeMarker = function (_a) {
-    var rest = __rest(_a, []);
-    return react_1.default.createElement(Marker, __assign({}, markerDefinitions_1.tee, rest));
-};
-exports.TeeMarker = TeeMarker;
-Marker.propTypes = {
-    /**
-     * Provide an optional class to be applied on the outer element
-     */
-    className: prop_types_1.default.string,
-    /**
-     * Specify the marker's color
-     */
-    color: prop_types_1.default.string,
-    /**
-     * Specify a path string
-     */
-    d: prop_types_1.default.string,
-    /**
-     * Specify an ID for the marker
-     */
-    id: prop_types_1.default.string,
-    /**
-     * Specify the orient attribute for the marker
-     */
-    orient: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-    /**
-     * Specify the height attribute for the marker
-     */
-    height: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-    /**
-     * Specify the width attribute for the marker
-     */
-    width: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-    /**
-     * Specify whether this marker appears at the start or end of a line
-     */
-    position: prop_types_1.default.oneOf(['end', 'start']),
-    /**
-     * Specify the refX attribute for the marker
-     */
-    refX: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-    /**
-     * Specify the refY attribute for the marker
-     */
-    refY: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-};

package/diagrams/Marker/index.d.ts

@@ -1 +0,0 @@
-export { default, ArrowLeftMarker, ArrowRightMarker, CircleMarker, DiamondMarker, SquareMarker, TeeMarker, } from './Marker';

package/diagrams/Marker/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TeeMarker = exports.SquareMarker = exports.DiamondMarker = exports.CircleMarker = exports.ArrowRightMarker = exports.ArrowLeftMarker = exports.default = void 0;
-var Marker_1 = require("./Marker");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Marker_1).default; } });
-Object.defineProperty(exports, "ArrowLeftMarker", { enumerable: true, get: function () { return Marker_1.ArrowLeftMarker; } });
-Object.defineProperty(exports, "ArrowRightMarker", { enumerable: true, get: function () { return Marker_1.ArrowRightMarker; } });
-Object.defineProperty(exports, "CircleMarker", { enumerable: true, get: function () { return Marker_1.CircleMarker; } });
-Object.defineProperty(exports, "DiamondMarker", { enumerable: true, get: function () { return Marker_1.DiamondMarker; } });
-Object.defineProperty(exports, "SquareMarker", { enumerable: true, get: function () { return Marker_1.SquareMarker; } });
-Object.defineProperty(exports, "TeeMarker", { enumerable: true, get: function () { return Marker_1.TeeMarker; } });

package/diagrams/ShapeNode/ShapeNode.d.ts

@@ -1,68 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-declare const ShapeNode: {
-    ({ as, className, href, onClick, onMouseEnter, onMouseOver, onMouseOut, onMouseLeave, onMouseMove, position, bodyPosition, renderIcon, size, stacked, shape, subtitle, title, }: any): JSX.Element;
-    propTypes: {
-        /** Provide a custom element to be rendered instead of the default */
-        as: PropTypes.Requireable<string>;
-        /**
-         * Provide an optional class to be applied on the outer element
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Optionally specify an href for the CardNode to become an `<a>` element
-         */
-        href: PropTypes.Requireable<string>;
-        /**
-         * Provide an optional function to be called when the CardNode
-         * is clicked, turning the CardNode into a `<button>` element
-         */
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Provide an optional function to be called for the onMouseEnter event
-         */
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Provide an optional function to be called for the onMouseOver event
-         */
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Provide an optional function to be called for the onMouseOut event
-         */
-        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Provide an optional function to be called for the onMouseLeave event
-         */
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Provide an optional function to be called for the onMouseMove event
-         */
-        onMouseMove: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Function to render your own icon in the underlying button
-         */
-        renderIcon: PropTypes.Requireable<object>;
-        /**
-         * Specify the height and width of the shape
-         * Can be defined using any CSS length unit (px, %, rem)
-         */
-        size: PropTypes.Requireable<React.ReactText>;
-        /**
-         * Specify whether the node displays a stacked effect
-         */
-        stacked: PropTypes.Requireable<boolean>;
-        /**
-         * Specify the shape of the node
-         */
-        shape: PropTypes.Requireable<string>;
-        /**
-         * Specify the node's subtitle
-         */
-        subtitle: PropTypes.Requireable<string>;
-        /**
-         * Specify the node's title
-         */
-        title: PropTypes.Requireable<string>;
-    };
-};
-export default ShapeNode;

package/diagrams/ShapeNode/ShapeNode.js

@@ -1,101 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-// Carbon Prefix
-var configs_1 = require("../configs");
-// @ts-ignore
-var classnames_1 = __importDefault(require("classnames"));
-var ShapeNode = function (_a) {
-    var _b;
-    var _c = _a.as, as = _c === void 0 ? 'div' : _c, className = _a.className, _d = _a.href, href = _d === void 0 ? null : _d, _e = _a.onClick, onClick = _e === void 0 ? null : _e, _f = _a.onMouseEnter, onMouseEnter = _f === void 0 ? null : _f, _g = _a.onMouseOver, onMouseOver = _g === void 0 ? null : _g, _h = _a.onMouseOut, onMouseOut = _h === void 0 ? null : _h, _j = _a.onMouseLeave, onMouseLeave = _j === void 0 ? null : _j, _k = _a.onMouseMove, onMouseMove = _k === void 0 ? null : _k, _l = _a.position, position = _l === void 0 ? 'fixed' : _l, _m = _a.bodyPosition, bodyPosition = _m === void 0 ? 'absolute' : _m, renderIcon = _a.renderIcon, _o = _a.size, size = _o === void 0 ? 48 : _o, stacked = _a.stacked, _p = _a.shape, shape = _p === void 0 ? 'circle' : _p, subtitle = _a.subtitle, title = _a.title;
-    var namespace = configs_1.carbonPrefix + "--cc--shape-node";
-    var Component = 'div';
-    if (href) {
-        Component = 'a';
-    }
-    else if (onClick) {
-        Component = 'button';
-    }
-    var circleClasses = classnames_1.default(namespace, (_b = {},
-        _b[namespace + "--stacked"] = stacked,
-        _b[namespace + "--" + shape] = shape,
-        _b[namespace + "--" + Component] = Component,
-        _b[className] = className,
-        _b));
-    var titleElement = title ? (react_1.default.createElement("div", { className: namespace + "__title" }, title)) : null;
-    var subtitleElement = subtitle ? (react_1.default.createElement("div", { className: namespace + "__subtitle" }, subtitle)) : null;
-    return (
-    // @ts-ignore
-    react_1.default.createElement(Component, { className: circleClasses, onClick: onClick, onMouseEnter: onMouseEnter, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onMouseLeave: onMouseLeave, onMouseMove: onMouseMove, style: { height: size, width: size, position: position }, tabIndex: 0 },
-        react_1.default.createElement("div", { className: namespace + "__icon" }, renderIcon),
-        react_1.default.createElement("div", { className: namespace + "__body", style: { position: bodyPosition } },
-            titleElement,
-            subtitleElement)));
-};
-ShapeNode.propTypes = {
-    /** Provide a custom element to be rendered instead of the default */
-    as: prop_types_1.default.oneOf(['div', 'a', 'button']),
-    /**
-     * Provide an optional class to be applied on the outer element
-     */
-    className: prop_types_1.default.string,
-    /**
-     * Optionally specify an href for the CardNode to become an `<a>` element
-     */
-    href: prop_types_1.default.string,
-    /**
-     * Provide an optional function to be called when the CardNode
-     * is clicked, turning the CardNode into a `<button>` element
-     */
-    onClick: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseEnter event
-     */
-    onMouseEnter: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseOver event
-     */
-    onMouseOver: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseOut event
-     */
-    onMouseOut: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseLeave event
-     */
-    onMouseLeave: prop_types_1.default.func,
-    /**
-     * Provide an optional function to be called for the onMouseMove event
-     */
-    onMouseMove: prop_types_1.default.func,
-    /**
-     * Function to render your own icon in the underlying button
-     */
-    renderIcon: prop_types_1.default.oneOfType([prop_types_1.default.func, prop_types_1.default.object]),
-    /**
-     * Specify the height and width of the shape
-     * Can be defined using any CSS length unit (px, %, rem)
-     */
-    size: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-    /**
-     * Specify whether the node displays a stacked effect
-     */
-    stacked: prop_types_1.default.bool,
-    /**
-     * Specify the shape of the node
-     */
-    shape: prop_types_1.default.oneOf(['circle', 'square', 'rounded-square']),
-    /**
-     * Specify the node's subtitle
-     */
-    subtitle: prop_types_1.default.string,
-    /**
-     * Specify the node's title
-     */
-    title: prop_types_1.default.string,
-};
-exports.default = ShapeNode;

package/diagrams/ShapeNode/index.d.ts

@@ -1,2 +0,0 @@
-import ShapeNode from './ShapeNode';
-export default ShapeNode;

package/diagrams/ShapeNode/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var ShapeNode_1 = __importDefault(require("./ShapeNode"));
-exports.default = ShapeNode_1.default;

package/diagrams/configs.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.carbonPrefix = void 0;
-exports.carbonPrefix = 'cds';

package/donut-chart.d.ts

@@ -1,12 +0,0 @@
-import { DonutChart as DC } from '@carbon/charts';
-import BaseChart from './base-chart';
-import { ChartConfig, DonutChartOptions } from '@carbon/charts/interfaces';
-declare type DonutChartProps = ChartConfig<DonutChartOptions>;
-export default class DonutChart extends BaseChart<DonutChartOptions> {
-    chartRef: HTMLDivElement;
-    props: DonutChartProps;
-    chart: DC;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};

package/donut-chart.js

@@ -1,42 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var charts_1 = require("@carbon/charts");
-var base_chart_1 = __importDefault(require("./base-chart"));
-var utils_1 = require("./utils");
-var DonutChart = /** @class */ (function (_super) {
-    __extends(DonutChart, _super);
-    function DonutChart() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DonutChart.prototype.componentDidMount = function () {
-        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
-            this.chart = new charts_1.DonutChart(this.chartRef, {
-                data: this.props.data,
-                options: this.props.options,
-            });
-        }
-    };
-    DonutChart.prototype.render = function () {
-        var _this = this;
-        return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
-    };
-    return DonutChart;
-}(base_chart_1.default));
-exports.default = DonutChart;

package/gauge-chart.d.ts

@@ -1,12 +0,0 @@
-import { GaugeChart as GC } from '@carbon/charts';
-import BaseChart from './base-chart';
-import { ChartConfig, GaugeChartOptions } from '@carbon/charts/interfaces';
-declare type GaugeChartProps = ChartConfig<GaugeChartOptions>;
-export default class GaugeChart extends BaseChart<GaugeChartOptions> {
-    chartRef: HTMLDivElement;
-    props: GaugeChartProps;
-    chart: GC;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};

package/gauge-chart.js

@@ -1,42 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var charts_1 = require("@carbon/charts");
-var base_chart_1 = __importDefault(require("./base-chart"));
-var utils_1 = require("./utils");
-var GaugeChart = /** @class */ (function (_super) {
-    __extends(GaugeChart, _super);
-    function GaugeChart() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    GaugeChart.prototype.componentDidMount = function () {
-        if (utils_1.hasChartBeenInitialized(this.chartRef) === false) {
-            this.chart = new charts_1.GaugeChart(this.chartRef, {
-                data: this.props.data,
-                options: this.props.options,
-            });
-        }
-    };
-    GaugeChart.prototype.render = function () {
-        var _this = this;
-        return (react_1.default.createElement("div", { ref: function (chartRef) { return (_this.chartRef = chartRef); }, className: "chart-holder" }));
-    };
-    return GaugeChart;
-}(base_chart_1.default));
-exports.default = GaugeChart;

package/heatmap-chart.d.ts

@@ -1,12 +0,0 @@
-import { HeatmapChart as HMC } from '@carbon/charts';
-import BaseChart from './base-chart';
-import { ChartConfig, HeatmapChartOptions } from '@carbon/charts/interfaces';
-declare type HeatmapChartProps = ChartConfig<HeatmapChartOptions>;
-export default class HeatmapChart extends BaseChart<HeatmapChartOptions> {
-    chartRef: HTMLDivElement;
-    props: HeatmapChartProps;
-    chart: HMC;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}
-export {};