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

package/es/components/Card/Card.js

@@ -8,6 +8,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import isEmpty from '../../node_modules/lodash-es/isEmpty.js';
 import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -22,13 +23,14 @@ import PropTypes from 'prop-types';
 import warning from 'warning';
 import useVisibilityObserver from '../../hooks/useVisibilityObserver.js';
 import { settings } from '../../constants/Settings.js';
-import { CARD_SIZES, CARD_LAYOUTS, ROW_HEIGHT, DASHBOARD_SIZES, CARD_DIMENSIONS, DASHBOARD_BREAKPOINTS, DASHBOARD_COLUMNS, CARD_CONTENT_PADDING, CARD_TITLE_HEIGHT } from '../../constants/LayoutConstants.js';
+import { CARD_SIZES, CARD_LAYOUTS, ROW_HEIGHT, DASHBOARD_SIZES, CARD_DIMENSIONS, DASHBOARD_BREAKPOINTS, DASHBOARD_COLUMNS, CARD_CONTENT_PADDING, CARD_TITLE_HEIGHT, CARD_TYPES } from '../../constants/LayoutConstants.js';
 import { CardPropTypes } from '../../constants/CardPropTypes.js';
 import { getCardMinSize, filterValidAttributes } from '../../utils/componentUtilityFunctions.js';
 import { getUpdatedCardSize, useCardResizing } from '../../utils/cardUtilityFunctions.js';
 import { parseValue } from '../DateTimePicker/dateTimePickerUtils.js';
 import useSizeObserver from '../../hooks/useSizeObserver.js';
 import EmptyState from '../EmptyState/EmptyState.js';
+import CardTypeContent from './CardTypeContent.js';
 import CardToolbar from './CardToolbar.js';
 import { CardTitle } from './CardTitle.js';
 
@@ -103,8 +105,9 @@ var CardContent = function CardContent(props) {
       isExpanded = props.isExpanded,
       className = props.className,
       testId = props.testId,
-      noPadding = props.noPadding;
-  var height = "".concat(dimensions.y - CARD_TITLE_HEIGHT, "px");
+      noPadding = props.noPadding,
+      hasFooter = props.hasFooter;
+  var height = "".concat(dimensions.y - CARD_TITLE_HEIGHT - (hasFooter ? '40' : '0'), "px");
   return /*#__PURE__*/React__default.createElement("div", {
     "data-testid": testId,
     style: _defineProperty({}, "--card-content-height", height),
@@ -159,13 +162,16 @@ CardContent.propTypes = {
     y: PropTypes.number
   }).isRequired,
   isExpanded: CardPropTypes.isExpanded.isRequired,
-  noPadding: PropTypes.bool
+  noPadding: PropTypes.bool,
+  // define the actual card content depending if it has a footer or not
+  hasFooter: PropTypes.bool
 };
 CardContent.defaultProps = {
   children: undefined,
   className: '',
   testId: 'card-content',
-  noPadding: false
+  noPadding: false,
+  hasFooter: false
 };
 ({
   children: PropTypes.node.isRequired
@@ -252,7 +258,10 @@ var defaultProps = {
   footerContent: undefined,
   dateTimeMask: 'YYYY-MM-DD HH:mm',
   padding: 'default',
-  overrides: undefined
+  overrides: undefined,
+  type: null,
+  data: null,
+  content: null
 };
 /** Dumb component that renders the card basics */
 
@@ -266,7 +275,7 @@ var Card = function Card(props) {
       hasTitleWrap = props.hasTitleWrap;
       props.layout;
       var isLoading = props.isLoading,
-      isEmpty = props.isEmpty,
+      isEmptyProp = props.isEmpty,
       isEditable = props.isEditable,
       isExpanded = props.isExpanded,
       isLazyLoading = props.isLazyLoading,
@@ -295,7 +304,10 @@ var Card = function Card(props) {
       extraActions = props.extraActions,
       padding = props.padding,
       overrides = props.overrides,
-      others = _objectWithoutProperties(props, ["size", "children", "title", "subtitle", "hasTitleWrap", "layout", "isLoading", "isEmpty", "isEditable", "isExpanded", "isLazyLoading", "isResizable", "resizeHandles", "error", "hideHeader", "id", "tooltip", "titleTextTooltip", "timeRange", "timeRangeOptions", "onCardAction", "availableActions", "renderExpandIcon", "breakpoint", "i18n", "style", "className", "values", "testID", "testId", "contentClassName", "footerContent", "dateTimeMask", "extraActions", "padding", "overrides"]); // TODO: remove once final version of range prop is supported
+      type = props.type,
+      data = props.data,
+      content = props.content,
+      others = _objectWithoutProperties(props, ["size", "children", "title", "subtitle", "hasTitleWrap", "layout", "isLoading", "isEmpty", "isEditable", "isExpanded", "isLazyLoading", "isResizable", "resizeHandles", "error", "hideHeader", "id", "tooltip", "titleTextTooltip", "timeRange", "timeRangeOptions", "onCardAction", "availableActions", "renderExpandIcon", "breakpoint", "i18n", "style", "className", "values", "testID", "testId", "contentClassName", "footerContent", "dateTimeMask", "extraActions", "padding", "overrides", "type", "data", "content"]); // TODO: remove once final version of range prop is supported
 
 
   useEffect(function () {
@@ -416,6 +428,9 @@ var Card = function Card(props) {
     dateTimeMask: dateTimeMask,
     extraActions: extraActions
   }) : null;
+  var isSupportedType = type === CARD_TYPES.METER_CHART || type === CARD_TYPES.SPARKLINE_CHART || type === CARD_TYPES.STACKED_AREA_CHART; // validate if the data is empty or prop says it's empty
+
+  var isCardEmpty = isSupportedType && isEmpty(data) || isEmptyProp;
   var card = /*#__PURE__*/React__default.createElement(CardWrapper, _extends({}, others, {
     // you need all of these to support dynamic positioning during edit
     ref: function ref(node) {
@@ -455,7 +470,8 @@ var Card = function Card(props) {
     dimensions: dimensions,
     isExpanded: isExpanded,
     className: contentClassName,
-    noPadding: padding === 'none'
+    noPadding: padding === 'none',
+    hasFooter: !!CardFooter
   }, !isVisible && isLazyLoading ? // if not visible don't show anything
   '' : isLoading ? /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -470,10 +486,20 @@ var Card = function Card(props) {
     icon: isSmall ? '' : 'error',
     title: strings.errorLoadingDataShortLabel,
     body: error
-  }, overrides === null || overrides === void 0 ? void 0 : (_overrides$errorMessa2 = overrides.errorMessage) === null || _overrides$errorMessa2 === void 0 ? void 0 : _overrides$errorMessa2.props)) : isEmpty && !isEditable ? /*#__PURE__*/React__default.createElement(ErrorMessage, _extends({
+  }, overrides === null || overrides === void 0 ? void 0 : (_overrides$errorMessa2 = overrides.errorMessage) === null || _overrides$errorMessa2 === void 0 ? void 0 : _overrides$errorMessa2.props)) : isCardEmpty && !isEditable ? /*#__PURE__*/React__default.createElement(ErrorMessage, _extends({
     title: isSmallOrThin ? strings.noDataShortLabel : strings.noDataLabel,
     icon: isSmall ? '' : 'empty'
-  }, overrides === null || overrides === void 0 ? void 0 : (_overrides$errorMessa3 = overrides.errorMessage) === null || _overrides$errorMessa3 === void 0 ? void 0 : _overrides$errorMessa3.props)) : Array.isArray(children) && typeof (children === null || children === void 0 ? void 0 : children[0]) === 'function' ? // pass the measured size down to the children if it's an render function
+  }, overrides === null || overrides === void 0 ? void 0 : (_overrides$errorMessa3 = overrides.errorMessage) === null || _overrides$errorMessa3 === void 0 ? void 0 : _overrides$errorMessa3.props)) : isSupportedType ?
+  /*#__PURE__*/
+  // render card content based on supported type
+  // TODO: remove deprecated testID prop in v3
+  React__default.createElement(CardTypeContent, {
+    testId: testID || testId,
+    isExpanded: isExpanded,
+    type: type,
+    data: data,
+    content: content
+  }) : Array.isArray(children) && typeof (children === null || children === void 0 ? void 0 : children[0]) === 'function' ? // pass the measured size down to the children if it's an render function
   [// first option is a function
   children === null || children === void 0 ? void 0 : children[0](getChildSize(cardSize, title), _objectSpread({
     cardToolbar: cardToolbar
@@ -749,6 +775,27 @@ Card.__docgenInfo = {
         "computed": true
       },
       "required": false
+    },
+    "type": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
+    },
+    "data": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
+    },
+    "content": {
+      "defaultValue": {
+        "value": "null",
+        "computed": false
+      },
+      "required": false
     }
   },
   "composes": ["../../constants/CardPropTypes"]

package/es/components/Card/CardTypeContent.js

@@ -0,0 +1,162 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import defaultsDeep from '../../node_modules/lodash-es/defaultsDeep.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.map.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import React__default, { useRef, useState, useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { CARD_TYPES } from '../../constants/LayoutConstants.js';
+import { MeterChartPropTypes, SparklineChartPropTypes } from '../../constants/ChartPropTypes.js';
+import { settings } from '../../constants/Settings.js';
+import { getChartOptions } from '../../utils/cardTypeUtilityFunctions.js';
+import { MeterChart, AreaChart, StackedAreaChart } from '@carbon/charts-react';
+
+var iotPrefix = settings.iotPrefix;
+var propTypes = {
+  testId: PropTypes.string,
+  isExpanded: PropTypes.bool,
+  type: PropTypes.oneOf([CARD_TYPES.METER_CHART, CARD_TYPES.SPARKLINE_CHART, CARD_TYPES.STACKED_AREA_CHART]).isRequired,
+  data: PropTypes.oneOf([MeterChartPropTypes.data, SparklineChartPropTypes.data]),
+  content: PropTypes.oneOf([MeterChartPropTypes.content, 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 = useRef(null);
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      listHeight = _useState2[0],
+      setListHeight = _useState2[1];
+
+  var contentWithDefaults = useMemo(function () {
+    return defaultsDeep({}, content, defaultProps.content);
+  }, [content]);
+  var options = getChartOptions(type, data.length > 1, contentWithDefaults);
+  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 === CARD_TYPES.METER_CHART ? MeterChart : type === CARD_TYPES.SPARKLINE_CHART ? AreaChart : type === CARD_TYPES.STACKED_AREA_CHART ? StackedAreaChart : null;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classnames("".concat(iotPrefix, "--").concat(type.replaceAll('_', '-').toLowerCase(), "--wrapper"), _defineProperty({}, "".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.createElement(Chart, {
+    data: data,
+    options: options
+  }), ((_contentWithDefaults$ = contentWithDefaults.listContent) === null || _contentWithDefaults$ === void 0 ? void 0 : _contentWithDefaults$.length) > 0 ? /*#__PURE__*/React__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.createElement("div", {
+      className: "".concat(iotPrefix, "--").concat(type.replace('_', '-').toLowerCase(), "--wrapper--list")
+    }, /*#__PURE__*/React__default.createElement("p", null, label), /*#__PURE__*/React__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": ""
+    }
+  }
+};
+
+export default CardTypeContent;

package/es/components/MeterChartCard/MeterChartCard.js

@@ -0,0 +1,126 @@
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React__default from 'react';
+import { CARD_TYPES, CARD_SIZES } from '../../constants/LayoutConstants.js';
+import { CardPropTypes, MeterChartCardPropTypes } from '../../constants/CardPropTypes.js';
+import Card from '../Card/Card.js';
+
+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(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), MeterChartCardPropTypes);
+
+var defaultProps = {
+  size: 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(_ref, ["title", "content", "values", "size", "breakpoint", "footerContent", "locale", "isExpanded", "isLoading", "testId", "i18n"]);
+
+  return /*#__PURE__*/React__default.createElement(Card, _extends({
+    title: title,
+    size: size,
+    breakpoint: breakpoint,
+    locale: locale,
+    isExpanded: isExpanded,
+    isLoading: isLoading,
+    testId: testId,
+    footerContent: !isExpanded ? footerContent : null,
+    i18n: i18n,
+    data: values,
+    type: 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"]
+};
+
+export default MeterChartCard;

package/es/components/SparklineChartCard/SparklineChartCard.js

@@ -0,0 +1,120 @@
+import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.object.get-own-property-descriptor.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.get-own-property-descriptors.js';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React__default from 'react';
+import Card from '../Card/Card.js';
+import { CARD_TYPES, CARD_SIZES } from '../../constants/LayoutConstants.js';
+import { CardPropTypes, SparklineChartCardPropTypes } from '../../constants/CardPropTypes.js';
+
+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(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), SparklineChartCardPropTypes);
+
+var defaultProps = {
+  size: 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(_ref, ["title", "values", "content", "size", "breakpoint", "locale", "isLoading", "testId", "footerContent", "isExpanded", "i18n", "style"]);
+
+  return /*#__PURE__*/React__default.createElement(Card, _extends({
+    title: title,
+    size: size,
+    breakpoint: breakpoint,
+    locale: locale,
+    isExpanded: isExpanded,
+    isLoading: isLoading,
+    testId: testId,
+    footerContent: !isExpanded ? footerContent : null,
+    i18n: i18n,
+    data: values,
+    type: 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"]
+};
+
+export default SparklineChartCard;