carbon-addons-iot-react 2.149.0-next.45 → 2.149.0-next.46

package/lib/components/Card/CardTypeContent.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var defaultsDeep = require('../../node_modules/lodash-es/defaultsDeep.js');
+require('core-js/modules/es.array.concat.js');
+require('core-js/modules/es.array.map.js');
+require('core-js/modules/es.regexp.exec.js');
+require('core-js/modules/es.string.replace.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var classnames = require('classnames');
+var LayoutConstants = require('../../constants/LayoutConstants.js');
+var ChartPropTypes = require('../../constants/ChartPropTypes.js');
+var Settings = require('../../constants/Settings.js');
+var cardTypeUtilityFunctions = require('../../utils/cardTypeUtilityFunctions.js');
+var chartsReact = require('@carbon/charts-react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+
+var iotPrefix = Settings.settings.iotPrefix;
+var propTypes = {
+  testId: PropTypes__default['default'].string,
+  isExpanded: PropTypes__default['default'].bool,
+  type: PropTypes__default['default'].oneOf([LayoutConstants.CARD_TYPES.METER_CHART, LayoutConstants.CARD_TYPES.SPARKLINE_CHART, LayoutConstants.CARD_TYPES.STACKED_AREA_CHART]).isRequired,
+  data: PropTypes__default['default'].oneOf([ChartPropTypes.MeterChartPropTypes.data, ChartPropTypes.SparklineChartPropTypes.data]),
+  content: PropTypes__default['default'].oneOf([ChartPropTypes.MeterChartPropTypes.content, ChartPropTypes.SparklineChartPropTypes.content])
+};
+var defaultProps = {
+  testId: 'cart-type-content',
+  isExpanded: false,
+  data: [],
+  content: null
+};
+
+var CardTypeContent = function CardTypeContent(_ref) {
+  var _listRef$current2, _content$listContent, _contentWithDefaults$;
+
+  var testId = _ref.testId,
+      isExpanded = _ref.isExpanded,
+      type = _ref.type,
+      data = _ref.data,
+      content = _ref.content;
+  var listRef = React.useRef(null);
+
+  var _useState = React.useState(),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      listHeight = _useState2[0],
+      setListHeight = _useState2[1];
+
+  var contentWithDefaults = React.useMemo(function () {
+    return defaultsDeep({}, content, defaultProps.content);
+  }, [content]);
+  var options = cardTypeUtilityFunctions.getChartOptions(type, data.length > 1, contentWithDefaults);
+  React.useEffect(function () {
+    var _listRef$current;
+
+    setListHeight((_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.clientHeight);
+  }, [(_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.clientHeight]);
+  var Chart = type === LayoutConstants.CARD_TYPES.METER_CHART ? chartsReact.MeterChart : type === LayoutConstants.CARD_TYPES.SPARKLINE_CHART ? chartsReact.AreaChart : type === LayoutConstants.CARD_TYPES.STACKED_AREA_CHART ? chartsReact.StackedAreaChart : null;
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classnames__default['default']("".concat(iotPrefix, "--").concat(type.replaceAll('_', '-').toLowerCase(), "--wrapper"), _defineProperty__default['default']({}, "".concat(iotPrefix, "--").concat(type.replaceAll('_', '-').toLowerCase(), "--wrapper__expanded"), isExpanded)),
+    style: {
+      '--card-list-height': ((_content$listContent = content.listContent) === null || _content$listContent === void 0 ? void 0 : _content$listContent.length) > 0 ? "".concat(listHeight, "px") : '0px'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(Chart, {
+    data: data,
+    options: options
+  }), ((_contentWithDefaults$ = contentWithDefaults.listContent) === null || _contentWithDefaults$ === void 0 ? void 0 : _contentWithDefaults$.length) > 0 ? /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: listRef,
+    "data-testid": "".concat(testId, "-list")
+  }, contentWithDefaults.listContent.map(function (_ref2) {
+    var label = _ref2.label,
+        value = _ref2.value;
+    return /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "".concat(iotPrefix, "--").concat(type.replace('_', '-').toLowerCase(), "--wrapper--list")
+    }, /*#__PURE__*/React__default['default'].createElement("p", null, label), /*#__PURE__*/React__default['default'].createElement("span", null, value));
+  })) : null);
+};
+
+CardTypeContent.propTypes = propTypes;
+CardTypeContent.defaultProps = defaultProps;
+CardTypeContent.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "CardTypeContent",
+  "props": {
+    "testId": {
+      "defaultValue": {
+        "value": "'cart-type-content'",
+        "computed": false
+      },
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": ""
+    },
+    "isExpanded": {
+      "defaultValue": {
+        "value": "false",
+        "computed": false
+      },
+      "type": {
+        "name": "bool"
+      },
+      "required": false,
+      "description": ""
+    },
+    "data": {
+      "defaultValue": {
+        "value": "[]",
+        "computed": false
+      },
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "MeterChartPropTypes.data",
+          "computed": true
+        }, {
+          "value": "SparklineChartPropTypes.data",
+          "computed": true
+        }]
+      },
+      "required": false,
+      "description": ""
+    },
+    "content": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "MeterChartPropTypes.content",
+          "computed": true
+        }, {
+          "value": "SparklineChartPropTypes.content",
+          "computed": true
+        }]
+      },
+      "required": false,
+      "description": ""
+    },
+    "type": {
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "CARD_TYPES.METER_CHART",
+          "computed": true
+        }, {
+          "value": "CARD_TYPES.SPARKLINE_CHART",
+          "computed": true
+        }, {
+          "value": "CARD_TYPES.STACKED_AREA_CHART",
+          "computed": true
+        }]
+      },
+      "required": true,
+      "description": ""
+    }
+  }
+};
+
+module.exports = CardTypeContent;

package/lib/components/MeterChartCard/MeterChartCard.js

@@ -0,0 +1,135 @@
+'use strict';
+
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/es.array.iterator.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var LayoutConstants = require('../../constants/LayoutConstants.js');
+var CardPropTypes = require('../../constants/CardPropTypes.js');
+var Card = require('../Card/Card.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var propTypes = _objectSpread(_objectSpread({}, CardPropTypes.CardPropTypes), CardPropTypes.MeterChartCardPropTypes);
+
+var defaultProps = {
+  size: LayoutConstants.CARD_SIZES.MEDIUMWIDE,
+  title: '',
+  content: {
+    peak: null,
+    meterTotal: 100,
+    meterUnit: 'Unit',
+    legendPosition: 'bottom',
+    color: {
+      pairing: {
+        option: 2
+      }
+    }
+  },
+  footerContent: null,
+  locale: 'en',
+  values: []
+};
+
+var MeterChartCard = function MeterChartCard(_ref) {
+  var title = _ref.title,
+      content = _ref.content,
+      values = _ref.values,
+      size = _ref.size,
+      breakpoint = _ref.breakpoint,
+      footerContent = _ref.footerContent,
+      locale = _ref.locale,
+      isExpanded = _ref.isExpanded,
+      isLoading = _ref.isLoading,
+      testId = _ref.testId,
+      i18n = _ref.i18n,
+      others = _objectWithoutProperties__default['default'](_ref, ["title", "content", "values", "size", "breakpoint", "footerContent", "locale", "isExpanded", "isLoading", "testId", "i18n"]);
+
+  return /*#__PURE__*/React__default['default'].createElement(Card['default'], _extends__default['default']({
+    title: title,
+    size: size,
+    breakpoint: breakpoint,
+    locale: locale,
+    isExpanded: isExpanded,
+    isLoading: isLoading,
+    testId: testId,
+    footerContent: !isExpanded ? footerContent : null,
+    i18n: i18n,
+    data: values,
+    type: LayoutConstants.CARD_TYPES.METER_CHART,
+    content: content
+  }, others));
+};
+
+MeterChartCard.propTypes = propTypes;
+MeterChartCard.defaultProps = defaultProps;
+MeterChartCard.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "MeterChartCard",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "CARD_SIZES.MEDIUMWIDE",
+        "computed": true
+      },
+      "required": false
+    },
+    "title": {
+      "defaultValue": {
+        "value": "''",
+        "computed": false
+      },
+      "required": false
+    },
+    "content": {
+      "defaultValue": {
+        "value": "{\n  peak: null,\n  meterTotal: 100,\n  meterUnit: 'Unit',\n  legendPosition: 'bottom',\n  color: {\n    pairing: {\n      option: 2,\n    },\n  },\n}",
+        "computed": false
+      },
+      "required": false
+    },
+    "footerContent": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
+    },
+    "locale": {
+      "defaultValue": {
+        "value": "'en'",
+        "computed": false
+      },
+      "required": false
+    },
+    "values": {
+      "defaultValue": {
+        "value": "[]",
+        "computed": false
+      },
+      "required": false
+    }
+  },
+  "composes": ["../../constants/CardPropTypes"]
+};
+
+module.exports = MeterChartCard;

package/lib/components/SparklineChartCard/SparklineChartCard.js

@@ -0,0 +1,129 @@
+'use strict';
+
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/es.array.iterator.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var Card = require('../Card/Card.js');
+var LayoutConstants = require('../../constants/LayoutConstants.js');
+var CardPropTypes = require('../../constants/CardPropTypes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var propTypes = _objectSpread(_objectSpread({}, CardPropTypes.CardPropTypes), CardPropTypes.SparklineChartCardPropTypes);
+
+var defaultProps = {
+  size: LayoutConstants.CARD_SIZES.MEDIUMWIDE,
+  title: null,
+  content: {
+    xLabel: 'x label',
+    yLabel: 'y label'
+  },
+  footerContent: null,
+  locale: 'en',
+  values: []
+};
+
+var SparklineChartCard = function SparklineChartCard(_ref) {
+  var title = _ref.title,
+      values = _ref.values,
+      content = _ref.content,
+      size = _ref.size,
+      breakpoint = _ref.breakpoint,
+      locale = _ref.locale,
+      isLoading = _ref.isLoading,
+      testId = _ref.testId,
+      footerContent = _ref.footerContent,
+      isExpanded = _ref.isExpanded,
+      i18n = _ref.i18n;
+      _ref.style;
+      var others = _objectWithoutProperties__default['default'](_ref, ["title", "values", "content", "size", "breakpoint", "locale", "isLoading", "testId", "footerContent", "isExpanded", "i18n", "style"]);
+
+  return /*#__PURE__*/React__default['default'].createElement(Card['default'], _extends__default['default']({
+    title: title,
+    size: size,
+    breakpoint: breakpoint,
+    locale: locale,
+    isExpanded: isExpanded,
+    isLoading: isLoading,
+    testId: testId,
+    footerContent: !isExpanded ? footerContent : null,
+    i18n: i18n,
+    data: values,
+    type: LayoutConstants.CARD_TYPES.SPARKLINE_CHART,
+    content: content
+  }, others));
+};
+
+SparklineChartCard.propTypes = propTypes;
+SparklineChartCard.defaultProps = defaultProps;
+SparklineChartCard.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "SparklineChartCard",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "CARD_SIZES.MEDIUMWIDE",
+        "computed": true
+      },
+      "required": false
+    },
+    "title": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
+    },
+    "content": {
+      "defaultValue": {
+        "value": "{\n  xLabel: 'x label',\n  yLabel: 'y label',\n}",
+        "computed": false
+      },
+      "required": false
+    },
+    "footerContent": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
+    },
+    "locale": {
+      "defaultValue": {
+        "value": "'en'",
+        "computed": false
+      },
+      "required": false
+    },
+    "values": {
+      "defaultValue": {
+        "value": "[]",
+        "computed": false
+      },
+      "required": false
+    }
+  },
+  "composes": ["../../constants/CardPropTypes"]
+};
+
+module.exports = SparklineChartCard;

package/lib/components/StackedAreaChartCard/StackedAreaChartCard.js

@@ -0,0 +1,134 @@
+'use strict';
+
+require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.symbol.js');
+require('core-js/modules/es.array.filter.js');
+require('core-js/modules/es.object.get-own-property-descriptor.js');
+require('core-js/modules/web.dom-collections.for-each.js');
+require('core-js/modules/es.object.get-own-property-descriptors.js');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/es.array.iterator.js');
+require('core-js/modules/es.object.to-string.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var Card = require('../Card/Card.js');
+var LayoutConstants = require('../../constants/LayoutConstants.js');
+var CardPropTypes = require('../../constants/CardPropTypes.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var propTypes = _objectSpread(_objectSpread({}, CardPropTypes.CardPropTypes), CardPropTypes.StackedAreaChartCardPropTypes);
+
+var defaultProps = {
+  size: LayoutConstants.CARD_SIZES.MEDIUM,
+  title: null,
+  testId: 'stacked-area-chart-testId',
+  content: {
+    xLabel: 'x label',
+    yLabel: 'y label',
+    pairing: {
+      option: 1
+    },
+    legendPosition: 'bottom',
+    curve: 'curveMonotoneX'
+  },
+  locale: 'en',
+  values: []
+};
+
+var StackedAreaChartCard = function StackedAreaChartCard(_ref) {
+  var title = _ref.title,
+      values = _ref.values,
+      content = _ref.content,
+      size = _ref.size,
+      breakpoint = _ref.breakpoint,
+      locale = _ref.locale,
+      isLoading = _ref.isLoading,
+      testId = _ref.testId,
+      footerContent = _ref.footerContent,
+      isExpanded = _ref.isExpanded,
+      i18n = _ref.i18n;
+      _ref.style;
+      var others = _objectWithoutProperties__default['default'](_ref, ["title", "values", "content", "size", "breakpoint", "locale", "isLoading", "testId", "footerContent", "isExpanded", "i18n", "style"]);
+
+  return /*#__PURE__*/React__default['default'].createElement(Card['default'], _extends__default['default']({
+    title: title,
+    size: size,
+    breakpoint: breakpoint,
+    locale: locale,
+    isExpanded: isExpanded,
+    isLoading: isLoading,
+    testId: testId,
+    footerContent: !isExpanded ? footerContent : null,
+    i18n: i18n,
+    data: values,
+    type: LayoutConstants.CARD_TYPES.STACKED_AREA_CHART,
+    content: content
+  }, others));
+};
+
+StackedAreaChartCard.propTypes = propTypes;
+StackedAreaChartCard.defaultProps = defaultProps;
+StackedAreaChartCard.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "StackedAreaChartCard",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "CARD_SIZES.MEDIUM",
+        "computed": true
+      },
+      "required": false
+    },
+    "title": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
+    },
+    "testId": {
+      "defaultValue": {
+        "value": "'stacked-area-chart-testId'",
+        "computed": false
+      },
+      "required": false
+    },
+    "content": {
+      "defaultValue": {
+        "value": "{\n  xLabel: 'x label',\n  yLabel: 'y label',\n  pairing: {\n    option: 1,\n  },\n  legendPosition: 'bottom',\n  curve: 'curveMonotoneX',\n}",
+        "computed": false
+      },
+      "required": false
+    },
+    "locale": {
+      "defaultValue": {
+        "value": "'en'",
+        "computed": false
+      },
+      "required": false
+    },
+    "values": {
+      "defaultValue": {
+        "value": "[]",
+        "computed": false
+      },
+      "required": false
+    }
+  },
+  "composes": ["../../constants/CardPropTypes"]
+};
+
+module.exports = StackedAreaChartCard;

package/lib/constants/CardPropTypes.js

@@ -17,6 +17,7 @@ var deprecate = require('../internal/deprecate.js');
 var DateTimePickerV2 = require('../components/DateTimePicker/DateTimePickerV2.js');
 var LayoutConstants = require('./LayoutConstants.js');
 var SharedPropTypes = require('./SharedPropTypes.js');
+var ChartPropTypes = require('./ChartPropTypes.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -670,6 +671,60 @@ var MapCardPropTypes = {
   /** the ref used needed by a drag and drop library like react-dnd. Is added to the map container element. */
   dropRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].shape({}), PropTypes__default['default'].func])
 };
+var MeterChartCardPropTypes = {
+  content: ChartPropTypes.MeterChartPropTypes.content,
+  values: ChartPropTypes.MeterChartPropTypes.data,
+  size: function size(props, propName, componentName) {
+    var error;
+
+    if (!Object.keys(LayoutConstants.CARD_SIZES).includes(props[propName])) {
+      error = new Error("`".concat(componentName, "` prop `").concat(propName, "` must be one of ").concat(Object.keys(LayoutConstants.CARD_SIZES).join(','), "."));
+    } // If the size
+
+
+    if (props[propName] === LayoutConstants.CARD_SIZES.SMALL || props[propName] === LayoutConstants.CARD_SIZES.SMALLWIDE || props[propName] === LayoutConstants.CARD_SIZES.SMALLFULL || props[propName] === LayoutConstants.CARD_SIZES.MEDIUMTHIN) {
+      error = new Error("Deprecation notice: `".concat(componentName, "` prop `").concat(propName, "` cannot be `").concat(props[propName], "` as the charts will not render correctly. Minimum size is `MEDIUM`"));
+    }
+
+    return error;
+  }
+};
+var SparklineChartCardPropTypes = {
+  content: ChartPropTypes.SparklineChartPropTypes.content,
+  values: ChartPropTypes.SparklineChartPropTypes.data,
+  size: function size(props, propName, componentName) {
+    var error;
+
+    if (!Object.keys(LayoutConstants.CARD_SIZES).includes(props[propName])) {
+      error = new Error("`".concat(componentName, "` prop `").concat(propName, "` must be one of ").concat(Object.keys(LayoutConstants.CARD_SIZES).join(','), "."));
+    } // If the size
+
+
+    if (props[propName] === LayoutConstants.CARD_SIZES.SMALL || props[propName] === LayoutConstants.CARD_SIZES.SMALLWIDE || props[propName] === LayoutConstants.CARD_SIZES.SMALLFULL || props[propName] === LayoutConstants.CARD_SIZES.MEDIUMTHIN) {
+      error = new Error("Deprecation notice: `".concat(componentName, "` prop `").concat(propName, "` cannot be `").concat(props[propName], "` as the charts will not render correctly. Minimum size is `MEDIUM`"));
+    }
+
+    return error;
+  }
+};
+var StackedAreaChartCardPropTypes = {
+  content: ChartPropTypes.StackedAreaChartPropTypes.content,
+  values: ChartPropTypes.StackedAreaChartPropTypes.data,
+  size: function size(props, propName, componentName) {
+    var error;
+
+    if (!Object.keys(LayoutConstants.CARD_SIZES).includes(props[propName])) {
+      error = new Error("`".concat(componentName, "` prop `").concat(propName, "` must be one of ").concat(Object.keys(LayoutConstants.CARD_SIZES).join(','), "."));
+    } // If the size
+
+
+    if (props[propName] === LayoutConstants.CARD_SIZES.SMALL || props[propName] === LayoutConstants.CARD_SIZES.SMALLWIDE || props[propName] === LayoutConstants.CARD_SIZES.SMALLFULL || props[propName] === LayoutConstants.CARD_SIZES.MEDIUMTHIN) {
+      error = new Error("Deprecation notice: `".concat(componentName, "` prop `").concat(propName, "` cannot be `").concat(props[propName], "` as the charts will not render correctly. Minimum size is `MEDIUM`"));
+    }
+
+    return error;
+  }
+};
 var DATE_PICKER_OPTIONS = {
   ICON_ONLY: 'iconOnly',
   FULL: 'full'
@@ -862,8 +917,11 @@ exports.ImageCardPropTypes = ImageCardPropTypes;
 exports.ImageCardValuesPropType = ImageCardValuesPropType;
 exports.MapCardPropTypes = MapCardPropTypes;
 exports.MapControlPropType = MapControlPropType;
+exports.MeterChartCardPropTypes = MeterChartCardPropTypes;
 exports.PieCardPropTypes = PieCardPropTypes;
 exports.RowHeightPropTypes = RowHeightPropTypes;
+exports.SparklineChartCardPropTypes = SparklineChartCardPropTypes;
+exports.StackedAreaChartCardPropTypes = StackedAreaChartCardPropTypes;
 exports.TableCardPropTypes = TableCardPropTypes;
 exports.TimeRangeOptionsPropTypes = TimeRangeOptionsPropTypes;
 exports.TruncationPropTypes = TruncationPropTypes;