carbon-addons-iot-react 2.70.0 → 2.72.0

package/lib/src/components/TimeSeriesCard/TimeSeriesCard.jsx

@@ -27,26 +27,26 @@ require('core-js/modules/es.string.iterator');
 require('core-js/modules/web.dom-collections.iterator');
 var moment = _interopDefault(require('moment'));
 var isNil = _interopDefault(require('lodash/isNil'));
-var __chunk_26 = require('../../constants/LayoutConstants.js');
-var __chunk_28 = require('../../utils/componentUtilityFunctions.js');
+var __chunk_13 = require('../../constants/LayoutConstants.js');
+var __chunk_15 = require('../../utils/componentUtilityFunctions.js');
 var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
 var styled = _interopDefault(require('styled-components'));
 var memoize = _interopDefault(require('lodash/memoize'));
 var useDeepCompareEffect = _interopDefault(require('use-deep-compare-effect'));
-var __chunk_74 = require('../Table/StatefulTable.jsx');
+var __chunk_61 = require('../Table/StatefulTable.jsx');
 var omit = _interopDefault(require('lodash/omit'));
-var __chunk_95 = require('../../../node_modules/@carbon/charts-react/bar-chart-stacked.js');
-var __chunk_98 = require('../../constants/CardPropTypes.js');
-var __chunk_99 = require('../../utils/cardUtilityFunctions.js');
-var __chunk_103 = require('../Card/Card.jsx');
+var __chunk_82 = require('../../../node_modules/@carbon/charts-react/bar-chart-stacked.js');
+var __chunk_85 = require('../../constants/CardPropTypes.js');
+var __chunk_86 = require('../../utils/cardUtilityFunctions.js');
+var __chunk_90 = require('../Card/Card.jsx');
 require('core-js/modules/es.string.replace');
 var filter = _interopDefault(require('lodash/filter'));
 require('core-js/modules/es.number.is-integer');
 require('core-js/modules/es.number.to-fixed');
 var capitalize = _interopDefault(require('lodash/capitalize'));
-var __chunk_175 = require('./timeSeriesUtils.js');
+var __chunk_166 = require('./timeSeriesUtils.js');
 require('moment/min/locales');
-var __chunk_178 = require('../../../node_modules/@carbon/charts-react/line-chart.js');
+var __chunk_169 = require('../../../node_modules/@carbon/charts-react/line-chart.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; }
 
@@ -71,7 +71,7 @@ function _templateObject() {
 
   return data;
 }
-var StyledTable = styled(__chunk_74.default)(_templateObject());
+var StyledTable = styled(__chunk_61.default)(_templateObject());
 var LineChartWrapper = styled.div(_templateObject2(), function (props) {
   return props.isExpanded ? '55%' : '100%';
 }, function (props) {
@@ -94,7 +94,7 @@ var determinePrecision = function determinePrecision(size, value, defaultPrecisi
 
 
   switch (size) {
-    case __chunk_26.CARD_SIZES.SMALL:
+    case __chunk_13.CARD_SIZES.SMALL:
       return Math.abs(value) > 9 ? 0 : defaultPrecision;
 
     default:
@@ -163,7 +163,7 @@ var valueFormatter = function valueFormatter(value, size, unit) {
 
   return "".concat(renderValue).concat(!isNil(unit) ? " ".concat(unit) : '');
 };
-var memoizedGenerateSampleValues = memoize(__chunk_175.generateSampleValues);
+var memoizedGenerateSampleValues = memoize(__chunk_166.generateSampleValues);
 /**
  * Extends default tooltip with the additional date information, and optionally alert information
  * @param {object} data data object for this particular datapoint should have a date field containing the timestamp
@@ -178,7 +178,7 @@ var handleTooltip = function handleTooltip(dataOrHoveredElement, defaultTooltip,
 
   var timeStamp = Array.isArray(data) && data[0] ? data[0].date : data.date || data.label;
   var dateLabel = timeStamp ? "<li class='datapoint-tooltip'><p class='label'>".concat(moment(timeStamp).format('L HH:mm:ss'), "</p></li>") : '';
-  var matchingAlertRanges = __chunk_175.findMatchingAlertRange(alertRanges, data);
+  var matchingAlertRanges = __chunk_166.findMatchingAlertRange(alertRanges, data);
   var matchingAlertLabels = Array.isArray(matchingAlertRanges) ? matchingAlertRanges.map(function (matchingAlertRange) {
     return "<li class='datapoint-tooltip'><a style=\"background-color:".concat(matchingAlertRange.color, "\" class=\"tooltip-color\"></a><p class='label'>").concat(alertDetected, " ").concat(matchingAlertRange.details, "</p></li>");
   }).join('') : '';
@@ -225,7 +225,7 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
   var previousTick = React.useRef();
   moment.locale(locale);
   var values = isEditable ? memoizedGenerateSampleValues(series, timeDataSourceId, interval) : valuesProp;
-  var isAllValuesEmpty = __chunk_175.isValuesEmpty(values, timeDataSourceId); // Unfortunately the API returns the data out of order sometimes
+  var isAllValuesEmpty = __chunk_166.isValuesEmpty(values, timeDataSourceId); // Unfortunately the API returns the data out of order sometimes
 
   var valueSort = React.useMemo(function () {
     return values ? values.sort(function (left, right) {
@@ -233,20 +233,20 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
     }) : [];
   }, [values, timeDataSourceId]); // Checks size property against new size naming convention and reassigns to closest supported size if necessary.
 
-  var newSize = __chunk_99.getUpdatedCardSize(size);
+  var newSize = __chunk_86.getUpdatedCardSize(size);
   var maxTicksPerSize = React.useMemo(function () {
     switch (newSize) {
-      case __chunk_26.CARD_SIZES.MEDIUMTHIN:
+      case __chunk_13.CARD_SIZES.MEDIUMTHIN:
         return 2;
 
-      case __chunk_26.CARD_SIZES.MEDIUM:
+      case __chunk_13.CARD_SIZES.MEDIUM:
         return 4;
 
-      case __chunk_26.CARD_SIZES.MEDIUMWIDE:
-      case __chunk_26.CARD_SIZES.LARGE:
+      case __chunk_13.CARD_SIZES.MEDIUMWIDE:
+      case __chunk_13.CARD_SIZES.LARGE:
         return 6;
 
-      case __chunk_26.CARD_SIZES.LARGEWIDE:
+      case __chunk_13.CARD_SIZES.LARGEWIDE:
         return 14;
 
       default:
@@ -263,19 +263,19 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
     var previousTimestamp = previousTick.current; // store current in the previous tick
 
     previousTick.current = timestamp;
-    return __chunk_175.formatGraphTick(timestamp, index, ticks, interval, locale, previousTimestamp);
+    return __chunk_166.formatGraphTick(timestamp, index, ticks, interval, locale, previousTimestamp);
   }, [interval, locale]);
   var lines = React.useMemo(function () {
     return series.map(function (line, index) {
       return _objectSpread({}, line, {
-        color: !isEditable ? line.color : __chunk_26.DISABLED_COLORS[index % __chunk_26.DISABLED_COLORS.length]
+        color: !isEditable ? line.color : __chunk_13.DISABLED_COLORS[index % __chunk_13.DISABLED_COLORS.length]
       });
     });
   }, [isEditable, series]);
 
   var handleStrokeColor = function handleStrokeColor(datasetLabel, label, data, originalStrokeColor) {
     if (!isNil(data)) {
-      var matchingAlertRange = __chunk_175.findMatchingAlertRange(alertRanges, data);
+      var matchingAlertRange = __chunk_166.findMatchingAlertRange(alertRanges, data);
       return (matchingAlertRange === null || matchingAlertRange === void 0 ? void 0 : matchingAlertRange.length) > 0 ? matchingAlertRange[0].color : originalStrokeColor;
     }
 
@@ -287,7 +287,7 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
     var defaultFillColor = !isEditable ? originalFillColor : '#f3f3f3';
 
     if (!isNil(data)) {
-      var matchingAlertRange = __chunk_175.findMatchingAlertRange(alertRanges, data);
+      var matchingAlertRange = __chunk_166.findMatchingAlertRange(alertRanges, data);
       return (matchingAlertRange === null || matchingAlertRange === void 0 ? void 0 : matchingAlertRange.length) > 0 ? matchingAlertRange[0].color : defaultFillColor;
     }
 
@@ -296,7 +296,7 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
 
   var handleIsFilled = function handleIsFilled(datasetLabel, label, data, isFilled) {
     if (!isNil(data)) {
-      var matchingAlertRange = __chunk_175.findMatchingAlertRange(alertRanges, data);
+      var matchingAlertRange = __chunk_166.findMatchingAlertRange(alertRanges, data);
       return (matchingAlertRange === null || matchingAlertRange === void 0 ? void 0 : matchingAlertRange.length) > 0 ? true : isFilled;
     }
 
@@ -358,8 +358,8 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
       };
     }));
   }, [columnNames, i18n.defaultFilterStringPlaceholdText, timeDataSourceId]);
-  var ChartComponent = chartType === __chunk_26.TIME_SERIES_TYPES.BAR ? __chunk_95.default : __chunk_178.default;
-  return /*#__PURE__*/React__default.createElement(__chunk_103.default, _extends({
+  var ChartComponent = chartType === __chunk_13.TIME_SERIES_TYPES.BAR ? __chunk_82.default : __chunk_169.default;
+  return /*#__PURE__*/React__default.createElement(__chunk_90.default, _extends({
     title: title,
     size: newSize,
     i18n: i18n
@@ -385,7 +385,7 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
         bottom: _objectSpread({
           title: xLabel,
           scaleType: 'time'
-        }, chartType !== __chunk_26.TIME_SERIES_TYPES.BAR ? {
+        }, chartType !== __chunk_13.TIME_SERIES_TYPES.BAR ? {
           primary: true
         } : {
           secondary: true
@@ -401,16 +401,16 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
           formatter: function formatter(axisValue) {
             return valueFormatter(axisValue, newSize, unit);
           }
-        }, chartType !== __chunk_26.TIME_SERIES_TYPES.BAR ? {
+        }, chartType !== __chunk_13.TIME_SERIES_TYPES.BAR ? {
           yMaxAdjuster: function yMaxAdjuster(yMaxValue) {
             return yMaxValue * 1.3;
           }
-        } : {}, {}, chartType === __chunk_26.TIME_SERIES_TYPES.BAR ? {
+        } : {}, {}, chartType === __chunk_13.TIME_SERIES_TYPES.BAR ? {
           primary: true
         } : {
           secondary: true
         }, {
-          stacked: chartType === __chunk_26.TIME_SERIES_TYPES.BAR && lines.length > 1,
+          stacked: chartType === __chunk_13.TIME_SERIES_TYPES.BAR && lines.length > 1,
           includeZero: includeZeroOnYaxis
         })
       },
@@ -453,7 +453,7 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
     actions: {
       toolbar: {
         onDownloadCSV: function onDownloadCSV() {
-          return __chunk_28.csvDownloadHandler(tableData, title);
+          return __chunk_15.csvDownloadHandler(tableData, title);
         }
       }
     },
@@ -480,14 +480,14 @@ var TimeSeriesCard = function TimeSeriesCard(_ref2) {
   }) : null) : null);
 };
 
-TimeSeriesCard.propTypes = _objectSpread({}, __chunk_98.CardPropTypes, {}, __chunk_98.TimeSeriesCardPropTypes);
+TimeSeriesCard.propTypes = _objectSpread({}, __chunk_85.CardPropTypes, {}, __chunk_85.TimeSeriesCardPropTypes);
 TimeSeriesCard.defaultProps = {
-  size: __chunk_26.CARD_SIZES.MEDIUM,
+  size: __chunk_13.CARD_SIZES.MEDIUM,
   values: [],
   i18n: {
     alertDetected: 'Alert detected:'
   },
-  chartType: __chunk_26.TIME_SERIES_TYPES.LINE,
+  chartType: __chunk_13.TIME_SERIES_TYPES.LINE,
   locale: 'en',
   content: {
     includeZeroOnXaxis: false,

package/lib/src/components/ValueCard/Attribute.jsx

@@ -7,22 +7,22 @@ var carbonComponentsReact = require('carbon-components-react');
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 require('core-js/modules/es.array.filter');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../constants/Settings.js');
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
 require('core-js/modules/es.array.concat');
 var isNil = _interopDefault(require('lodash/isNil'));
-var __chunk_26 = require('../../constants/LayoutConstants.js');
+var __chunk_13 = require('../../constants/LayoutConstants.js');
 var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
 var styled = _interopDefault(require('styled-components'));
 require('core-js/modules/es.object.values');
-var __chunk_97 = require('../../utils/bundledIcons.js');
-var __chunk_99 = require('../../utils/cardUtilityFunctions.js');
-var __chunk_163 = require('../ImageCard/CardIcon.jsx');
-var __chunk_164 = require('./ValueRenderer.jsx');
-var __chunk_165 = require('./UnitRenderer.jsx');
+var __chunk_84 = require('../../utils/bundledIcons.js');
+var __chunk_86 = require('../../utils/cardUtilityFunctions.js');
+var __chunk_154 = require('../ImageCard/CardIcon.jsx');
+var __chunk_155 = require('./ValueRenderer.jsx');
+var __chunk_156 = require('./UnitRenderer.jsx');
 
 function _templateObject4() {
   var data = _taggedTemplateLiteral(["\n  height: 24px;\n  display: flex;\n  align-items: center;\n  color: ", ";\n  fill: ", ";\n  font-size: 0.875rem;\n  padding-left: ", ";\n  margin-bottom: ", ";\n"]);
@@ -69,10 +69,10 @@ var StyledAttribute = styled.div(_templateObject(), function (props) {
 }, function (props) {
   return props.isVertical && props.alignValue ? "justify-content: ".concat(props.alignValue, ";") : '';
 }, function (props) {
-  return !props.label || props.isVertical || props.size === __chunk_26.CARD_SIZES.SMALL ? 'width: 100%' : 'width: 50%';
+  return !props.label || props.isVertical || props.size === __chunk_13.CARD_SIZES.SMALL ? 'width: 100%' : 'width: 50%';
 });
 var TrendIcon = styled(carbonComponentsReact.Icon)(_templateObject2());
-var ThresholdIcon = styled(__chunk_163.default)(_templateObject3(), function (props) {
+var ThresholdIcon = styled(__chunk_154.default)(_templateObject3(), function (props) {
   return props.color && "\n    color: ".concat(props.color, ";\n    fill: ").concat(props.color, ";\n  ");
 });
 var AttributeSecondaryValue = styled.div(_templateObject4(), function (props) {
@@ -92,7 +92,7 @@ var propTypes = {
 
   /** css rule */
   alignValue: PropTypes.oneOf(['flex-end', 'center']),
-  layout: PropTypes.oneOf(Object.values(__chunk_26.CARD_LAYOUTS)),
+  layout: PropTypes.oneOf(Object.values(__chunk_13.CARD_LAYOUTS)),
 
   /** Optional trend information */
   secondaryValue: PropTypes.shape({
@@ -151,7 +151,7 @@ var Attribute = function Attribute(_ref) {
       renderIconByName = _ref.renderIconByName,
       size = _ref.size;
   // Checks size property against new size naming convention and reassigns to closest supported size if necessary.
-  var newSize = __chunk_99.getUpdatedCardSize(size); // matching threshold will be the first match in the list, or a value of null
+  var newSize = __chunk_86.getUpdatedCardSize(size); // matching threshold will be the first match in the list, or a value of null
 
   var matchingThreshold = thresholds.filter(function (t) {
     switch (t.comparison) {
@@ -181,7 +181,7 @@ var Attribute = function Attribute(_ref) {
     var _classNames;
 
     return /*#__PURE__*/React__default.createElement("div", {
-      className: cx("".concat(bemBase, "-threshold-icon-container"), (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--mini"), isMini), _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--wrappable"), allowedToWrap), _classNames))
+      className: classnames("".concat(bemBase, "-threshold-icon-container"), (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--mini"), isMini), _defineProperty(_classNames, "".concat(bemBase, "-threshold-icon-container--wrappable"), allowedToWrap), _classNames))
     }, /*#__PURE__*/React__default.createElement(ThresholdIcon, _extends({}, matchingThreshold, {
       width: 16,
       height: 16,
@@ -193,15 +193,15 @@ var Attribute = function Attribute(_ref) {
   return /*#__PURE__*/React__default.createElement(sizeMe.SizeMe, null, function (_ref2) {
     var measuredSize = _ref2.size;
     var allowWrap = measuredSize && measuredSize.width <= 100;
-    var wrapCompact = allowWrap && layout === __chunk_26.CARD_LAYOUTS.VERTICAL && attributeCount > 2;
+    var wrapCompact = allowWrap && layout === __chunk_13.CARD_LAYOUTS.VERTICAL && attributeCount > 2;
     return /*#__PURE__*/React__default.createElement(StyledAttribute, {
       size: newSize,
       alignValue: alignValue,
       isVertical: isVertical,
       isMini: isMini,
       label: label,
-      className: cx(_defineProperty({}, "".concat(bemBase, "--wrappable"), allowWrap))
-    }, /*#__PURE__*/React__default.createElement(__chunk_164.default, {
+      className: classnames(_defineProperty({}, "".concat(bemBase, "--wrappable"), allowWrap))
+    }, /*#__PURE__*/React__default.createElement(__chunk_155.default, {
       value: value,
       unit: unit,
       layout: layout,
@@ -214,7 +214,7 @@ var Attribute = function Attribute(_ref) {
       color: valueColor,
       allowedToWrap: allowWrap,
       wrapCompact: wrapCompact
-    }), /*#__PURE__*/React__default.createElement(__chunk_165.default, {
+    }), /*#__PURE__*/React__default.createElement(__chunk_156.default, {
       value: value,
       unit: unit,
       layout: layout,
@@ -227,13 +227,13 @@ var Attribute = function Attribute(_ref) {
       trend: secondaryValue.trend,
       isMini: isMini
     }, secondaryValue.trend && secondaryValue.trend === 'up' ? /*#__PURE__*/React__default.createElement(TrendIcon, {
-      icon: __chunk_97.default.caretUp,
+      icon: __chunk_84.default.caretUp,
       description: "trending up"
     }) : secondaryValue.trend === 'down' ? /*#__PURE__*/React__default.createElement(TrendIcon, {
-      icon: __chunk_97.default.caretDown,
+      icon: __chunk_84.default.caretDown,
       description: "trending down"
     }) : null, !isMini && secondaryValue.value) : null, matchingThreshold && matchingThreshold.icon ? /*#__PURE__*/React__default.createElement("div", {
-      className: cx("".concat(bemBase, "-icon-container"), _defineProperty({}, "".concat(bemBase, "-icon-container--wrappable"), allowWrap))
+      className: classnames("".concat(bemBase, "-icon-container"), _defineProperty({}, "".concat(bemBase, "-icon-container--wrappable"), allowWrap))
     }, renderThresholdIcon(allowWrap)) : null);
   });
 };

package/lib/src/components/ValueCard/UnitRenderer.jsx

@@ -5,10 +5,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../constants/Settings.js');
-var __chunk_26 = require('../../constants/LayoutConstants.js');
+var __chunk_13 = require('../../constants/LayoutConstants.js');
 
 var iotPrefix = __chunk_4.settings.iotPrefix;
 var propTypes = {
@@ -42,9 +42,9 @@ var UnitRenderer = function UnitRenderer(_ref) {
   var notAllowedToWrap = typeof value === 'string' && !allowedToWrap && attributeCount === 1;
   var unitElement = /*#__PURE__*/React__default.createElement("span", {
     style: {
-      '--default-font-size': layout === __chunk_26.CARD_LAYOUTS.HORIZONTAL ? '1.25rem' : '1.5rem'
+      '--default-font-size': layout === __chunk_13.CARD_LAYOUTS.HORIZONTAL ? '1.25rem' : '1.5rem'
     },
-    className: cx(bemBase, (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "--wrappable"), allowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--not-wrappable"), notAllowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--wrappable-compact"), wrapCompact), _defineProperty(_classNames, "".concat(bemBase, "--mini"), isMini), _classNames))
+    className: classnames(bemBase, (_classNames = {}, _defineProperty(_classNames, "".concat(bemBase, "--wrappable"), allowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--not-wrappable"), notAllowedToWrap), _defineProperty(_classNames, "".concat(bemBase, "--wrappable-compact"), wrapCompact), _defineProperty(_classNames, "".concat(bemBase, "--mini"), isMini), _classNames))
   }, unit);
   return isMini ? /*#__PURE__*/React__default.createElement("div", null, unitElement) : unitElement;
 };

package/lib/src/components/ValueCard/ValueCard.jsx

@@ -22,19 +22,19 @@ require('core-js/modules/es.array.iterator');
 require('core-js/modules/es.object.to-string');
 require('core-js/modules/es.regexp.exec');
 require('core-js/modules/web.dom-collections.iterator');
-var __chunk_26 = require('../../constants/LayoutConstants.js');
+var __chunk_13 = require('../../constants/LayoutConstants.js');
 var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
 var styled = _interopDefault(require('styled-components'));
-var __chunk_31 = require('../../styles/styles.js');
+var __chunk_18 = require('../../styles/styles.js');
 var isEmpty = _interopDefault(require('lodash/isEmpty'));
 var find = _interopDefault(require('lodash/find'));
-var __chunk_98 = require('../../constants/CardPropTypes.js');
-var __chunk_99 = require('../../utils/cardUtilityFunctions.js');
-var __chunk_103 = require('../Card/Card.jsx');
+var __chunk_85 = require('../../constants/CardPropTypes.js');
+var __chunk_86 = require('../../utils/cardUtilityFunctions.js');
+var __chunk_90 = require('../Card/Card.jsx');
 require('core-js/modules/es.string.split');
 var filter = _interopDefault(require('lodash/filter'));
-var __chunk_162 = require('../Card/DataStateRenderer.jsx');
-var __chunk_166 = require('./Attribute.jsx');
+var __chunk_153 = require('../Card/DataStateRenderer.jsx');
+var __chunk_157 = require('./Attribute.jsx');
 
 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; }
 
@@ -90,15 +90,15 @@ function _templateObject() {
   return data;
 }
 var ContentWrapper = styled.div(_templateObject(), function (props) {
-  return props.layout === __chunk_26.CARD_LAYOUTS.HORIZONTAL && "\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: space-around;\n    padding: 0 0 1rem;\n  ";
+  return props.layout === __chunk_13.CARD_LAYOUTS.HORIZONTAL && "\n    flex-direction: row;\n    align-items: flex-end;\n    justify-content: space-around;\n    padding: 0 0 1rem;\n  ";
 }, function (props) {
-  return props.layout === __chunk_26.CARD_LAYOUTS.VERTICAL && "\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around;\n    padding: 0 0 0.5rem;\n  ";
+  return props.layout === __chunk_13.CARD_LAYOUTS.VERTICAL && "\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around;\n    padding: 0 0 0.5rem;\n  ";
 });
 
 var determineAttributeWidth = function determineAttributeWidth(_ref) {
   var attributeCount = _ref.attributeCount,
       layout = _ref.layout;
-  return layout === __chunk_26.CARD_LAYOUTS.HORIZONTAL ? "".concat(Math.floor(100 / attributeCount), "%") : '100%';
+  return layout === __chunk_13.CARD_LAYOUTS.HORIZONTAL ? "".concat(Math.floor(100 / attributeCount), "%") : '100%';
 };
 /**
  * Responsible for rendering the Attribute and the Label for a given attribute
@@ -107,12 +107,12 @@ var determineAttributeWidth = function determineAttributeWidth(_ref) {
 
 
 var AttributeWrapper = styled.div(_templateObject2(), function (props) {
-  return !props.isVertical ? " flex-direction: row;" : " \n    padding: 0 ".concat(__chunk_26.CARD_CONTENT_PADDING, "px;\n    flex-direction: column;\n    align-items: flex-end;\n  ");
+  return !props.isVertical ? " flex-direction: row;" : " \n    padding: 0 ".concat(__chunk_13.CARD_CONTENT_PADDING, "px;\n    flex-direction: column;\n    align-items: flex-end;\n  ");
 }, function (props) {
   return determineAttributeWidth(props);
 }, function (props) {
   return props.isVertical ? "" : 'justify-content: space-around;';
-}, __chunk_26.CARD_CONTENT_PADDING);
+}, __chunk_13.CARD_CONTENT_PADDING);
 var AttributeSeparator = styled.hr(_templateObject3());
 var Spacer = styled.div(_templateObject4());
 /**
@@ -127,28 +127,28 @@ var determineLabelFontSize = function determineLabelFontSize(_ref2) {
       attributeCount = _ref2.attributeCount,
       isVertical = _ref2.isVertical;
 
-  if (layout === __chunk_26.CARD_LAYOUTS.HORIZONTAL && !__chunk_26.CARD_SIZES.MEDIUMWIDE) {
+  if (layout === __chunk_13.CARD_LAYOUTS.HORIZONTAL && !__chunk_13.CARD_SIZES.MEDIUMWIDE) {
     return 1.25;
   }
 
   var fontSize = 1.25;
 
   switch (size) {
-    case __chunk_26.CARD_SIZES.SMALL:
-    case __chunk_26.CARD_SIZES.SMALLWIDE:
+    case __chunk_13.CARD_SIZES.SMALL:
+    case __chunk_13.CARD_SIZES.SMALLWIDE:
       fontSize = 0.875;
       break;
 
-    case __chunk_26.CARD_SIZES.MEDIUMTHIN:
-    case __chunk_26.CARD_SIZES.MEDIUM:
+    case __chunk_13.CARD_SIZES.MEDIUMTHIN:
+    case __chunk_13.CARD_SIZES.MEDIUM:
       fontSize = isVertical && attributeCount > 2 ? 0.875 : 1;
       break;
 
-    case __chunk_26.CARD_SIZES.LARGETHIN:
+    case __chunk_13.CARD_SIZES.LARGETHIN:
       fontSize = isVertical && attributeCount > 5 ? 0.875 : 1;
       break;
 
-    case __chunk_26.CARD_SIZES.MEDIUMWIDE:
+    case __chunk_13.CARD_SIZES.MEDIUMWIDE:
     default:
   }
 
@@ -162,7 +162,7 @@ var getLabelAlignment = function getLabelAlignment(_ref3) {
       isVertical = _ref3.isVertical,
       attributeCount = _ref3.attributeCount;
 
-  if (attributeCount === 1 && size === __chunk_26.CARD_SIZES.MEDIUM && isVertical) {
+  if (attributeCount === 1 && size === __chunk_13.CARD_SIZES.MEDIUM && isVertical) {
     return 'center';
   }
 
@@ -197,12 +197,12 @@ var AttributeLabel = styled.div(_templateObject5(), function (props) {
 }, function (props) {
   return props.shouldDoubleWrap ? 'left' : getLabelAlignment(props);
 }, function (props) {
-  return (props.isVertical || props.size === __chunk_26.CARD_SIZES.SMALL || props.size === __chunk_26.CARD_SIZES.MEDIUM) && "padding-top: 0.25rem;";
+  return (props.isVertical || props.size === __chunk_13.CARD_SIZES.SMALL || props.size === __chunk_13.CARD_SIZES.MEDIUM) && "padding-top: 0.25rem;";
 }, function (props) {
-  return !(props.isVertical || props.size === __chunk_26.CARD_SIZES.SMALL || props.size === __chunk_26.CARD_SIZES.SMALLWIDE) && "padding-left: 0.5rem";
+  return !(props.isVertical || props.size === __chunk_13.CARD_SIZES.SMALL || props.size === __chunk_13.CARD_SIZES.SMALLWIDE) && "padding-left: 0.5rem";
 }, function (props) {
   return props.isVertical ? 0 : 2;
-}, __chunk_31.COLORS.gray, function (props) {
+}, __chunk_18.COLORS.gray, function (props) {
   return shouldLabelWrap(props) ? "" : "white-space: nowrap;";
 }, function (props) {
   return props.isMini ? '0' : '0.25rem';
@@ -211,40 +211,40 @@ var AttributeLabel = styled.div(_templateObject5(), function (props) {
 });
 
 var determineLayout = function determineLayout(size, attributes, measuredWidth) {
-  var layout = __chunk_26.CARD_LAYOUTS.HORIZONTAL;
+  var layout = __chunk_13.CARD_LAYOUTS.HORIZONTAL;
 
   switch (size) {
-    case __chunk_26.CARD_SIZES.SMALL:
-      layout = __chunk_26.CARD_LAYOUTS.HORIZONTAL;
+    case __chunk_13.CARD_SIZES.SMALL:
+      layout = __chunk_13.CARD_LAYOUTS.HORIZONTAL;
       break;
 
-    case __chunk_26.CARD_SIZES.SMALLWIDE:
-      layout = measuredWidth && measuredWidth < 300 && attributes.length > 1 ? __chunk_26.CARD_LAYOUTS.VERTICAL : __chunk_26.CARD_LAYOUTS.HORIZONTAL;
+    case __chunk_13.CARD_SIZES.SMALLWIDE:
+      layout = measuredWidth && measuredWidth < 300 && attributes.length > 1 ? __chunk_13.CARD_LAYOUTS.VERTICAL : __chunk_13.CARD_LAYOUTS.HORIZONTAL;
       break;
 
-    case __chunk_26.CARD_SIZES.MEDIUM:
-    case __chunk_26.CARD_SIZES.MEDIUMTHIN:
-      layout = __chunk_26.CARD_LAYOUTS.VERTICAL;
+    case __chunk_13.CARD_SIZES.MEDIUM:
+    case __chunk_13.CARD_SIZES.MEDIUMTHIN:
+      layout = __chunk_13.CARD_LAYOUTS.VERTICAL;
       break;
 
-    case __chunk_26.CARD_SIZES.LARGETHIN:
-    case __chunk_26.CARD_SIZES.MEDIUMWIDE:
+    case __chunk_13.CARD_SIZES.LARGETHIN:
+    case __chunk_13.CARD_SIZES.MEDIUMWIDE:
       if (attributes.length > 2) {
-        layout = __chunk_26.CARD_LAYOUTS.VERTICAL;
+        layout = __chunk_13.CARD_LAYOUTS.VERTICAL;
       }
 
       break;
 
-    case __chunk_26.CARD_SIZES.LARGE:
+    case __chunk_13.CARD_SIZES.LARGE:
       if (attributes.length > 2) {
-        layout = __chunk_26.CARD_LAYOUTS.VERTICAL;
+        layout = __chunk_13.CARD_LAYOUTS.VERTICAL;
       }
 
       break;
 
-    case __chunk_26.CARD_SIZES.LARGEWIDE:
+    case __chunk_13.CARD_SIZES.LARGEWIDE:
       if (attributes.length > 5) {
-        layout = __chunk_26.CARD_LAYOUTS.VERTICAL;
+        layout = __chunk_13.CARD_LAYOUTS.VERTICAL;
       }
 
       break;
@@ -268,16 +268,16 @@ var determineAttributes = function determineAttributes(size, attributes) {
     return attributes;
   }
 
-  var attributeCount = __chunk_99.determineMaxValueCardAttributeCount(size, attributes.length);
+  var attributeCount = __chunk_86.determineMaxValueCardAttributeCount(size, attributes.length);
   return attributes.slice(0, attributeCount);
 };
 
 var isLabelAboveValue = function isLabelAboveValue(size, layout, attributes, measuredSize, shouldDoubleWrap) {
   switch (size) {
-    case __chunk_26.CARD_SIZES.SMALLWIDE:
-      return layout === __chunk_26.CARD_LAYOUTS.HORIZONTAL;
+    case __chunk_13.CARD_SIZES.SMALLWIDE:
+      return layout === __chunk_13.CARD_LAYOUTS.HORIZONTAL;
 
-    case __chunk_26.CARD_SIZES.MEDIUM:
+    case __chunk_13.CARD_SIZES.MEDIUM:
       return attributes.length === 1 || !measuredSize || measuredSize.width < 300;
 
     default:
@@ -301,7 +301,7 @@ var ValueCard = function ValueCard(_ref5) {
   }, others.availableActions); // Checks size property against new size naming convention and reassigns to closest supported size if necessary.
 
 
-  var newSize = __chunk_99.getUpdatedCardSize(size);
+  var newSize = __chunk_86.getUpdatedCardSize(size);
   var shouldDoubleWrap = content.attributes.length === 1 && find(values, function (value) {
     return typeof value === 'string';
   }) && Object.keys(values).length === 1;
@@ -312,8 +312,8 @@ var ValueCard = function ValueCard(_ref5) {
 
     var isVertical = isLabelAboveValue(newSize, layout, content ? content.attributes : [], measuredSize, shouldDoubleWrap); // Determine if we are in "mini mode" (all rendered content in attribute is the same height)
 
-    var isMini = newSize === __chunk_26.CARD_SIZES.SMALLWIDE && layout === __chunk_26.CARD_LAYOUTS.VERTICAL;
-    return /*#__PURE__*/React__default.createElement(__chunk_103.default, _extends({
+    var isMini = newSize === __chunk_13.CARD_SIZES.SMALLWIDE && layout === __chunk_13.CARD_LAYOUTS.VERTICAL;
+    return /*#__PURE__*/React__default.createElement(__chunk_90.default, _extends({
       title: title,
       size: newSize,
       availableActions: availableActions,
@@ -323,7 +323,7 @@ var ValueCard = function ValueCard(_ref5) {
       id: id
     }, others), /*#__PURE__*/React__default.createElement(ContentWrapper, {
       layout: layout
-    }, dataState && /*#__PURE__*/React__default.createElement(__chunk_162.default, {
+    }, dataState && /*#__PURE__*/React__default.createElement(__chunk_153.default, {
       dataState: dataState,
       size: newSize,
       id: id
@@ -337,13 +337,13 @@ var ValueCard = function ValueCard(_ref5) {
         isMini: isMini,
         size: newSize,
         attributeCount: attributes.length
-      }, /*#__PURE__*/React__default.createElement(__chunk_166.default, _extends({
+      }, /*#__PURE__*/React__default.createElement(__chunk_157.default, _extends({
         attributeCount: attributes.length,
         isVertical: isVertical,
         layout: layout,
-        isSmall: (newSize === __chunk_26.CARD_SIZES.SMALL || newSize === __chunk_26.CARD_SIZES.SMALLWIDE || newSize === __chunk_26.CARD_SIZES.MEDIUMTHIN) && (attribute.secondaryValue !== undefined || attribute.label !== undefined),
+        isSmall: (newSize === __chunk_13.CARD_SIZES.SMALL || newSize === __chunk_13.CARD_SIZES.SMALLWIDE || newSize === __chunk_13.CARD_SIZES.MEDIUMTHIN) && (attribute.secondaryValue !== undefined || attribute.label !== undefined),
         isMini: isMini,
-        alignValue: newSize === __chunk_26.CARD_SIZES.MEDIUMTHIN && attributes.length === 1 ? 'center' : undefined
+        alignValue: newSize === __chunk_13.CARD_SIZES.MEDIUMTHIN && attributes.length === 1 ? 'center' : undefined
       }, attribute, {
         renderIconByName: others.renderIconByName,
         size: newSize // When the card is in the editable state, we will show a preview
@@ -361,7 +361,7 @@ var ValueCard = function ValueCard(_ref5) {
         attributeCount: attributes.length,
         size: newSize,
         shouldDoubleWrap: shouldDoubleWrap
-      }, attribute.label)), i < attributes.length - 1 && (isVertical || layout === __chunk_26.CARD_LAYOUTS.VERTICAL) && newSize !== __chunk_26.CARD_SIZES.SMALLWIDE ? /*#__PURE__*/React__default.createElement(AttributeWrapper, {
+      }, attribute.label)), i < attributes.length - 1 && (isVertical || layout === __chunk_13.CARD_LAYOUTS.VERTICAL) && newSize !== __chunk_13.CARD_SIZES.SMALLWIDE ? /*#__PURE__*/React__default.createElement(AttributeWrapper, {
         layout: layout,
         isVertical: isVertical,
         isSmall: attribute.secondaryValue !== undefined,
@@ -372,9 +372,9 @@ var ValueCard = function ValueCard(_ref5) {
   });
 };
 
-ValueCard.propTypes = _objectSpread({}, __chunk_98.CardPropTypes, {}, __chunk_98.ValueCardPropTypes);
+ValueCard.propTypes = _objectSpread({}, __chunk_85.CardPropTypes, {}, __chunk_85.ValueCardPropTypes);
 ValueCard.defaultProps = {
-  size: __chunk_26.CARD_SIZES.MEDIUM
+  size: __chunk_13.CARD_SIZES.MEDIUM
 };
 ValueCard.__docgenInfo = {
   "description": "",