carbon-addons-iot-react 2.70.0 → 2.72.0

package/lib/src/components/Dashboard/Dashboard.jsx

@@ -14,9 +14,9 @@ require('core-js/modules/es.object.keys');
 require('core-js/modules/web.dom-collections.for-each');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.concat');
 require('core-js/modules/es.array.map');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.includes');
 require('core-js/modules/es.object.to-string');
 require('core-js/modules/es.string.includes');
@@ -24,9 +24,9 @@ require('core-js/modules/es.symbol.description');
 var omit = _interopDefault(require('lodash/omit'));
 require('core-js/modules/es.promise');
 require('core-js/modules/es.promise.finally');
-var __chunk_160 = require('./DashboardHeader.jsx');
-var __chunk_161 = require('./DashboardGrid.jsx');
-var __chunk_182 = require('./CardRenderer.jsx');
+var __chunk_151 = require('./DashboardHeader.jsx');
+var __chunk_152 = require('./DashboardGrid.jsx');
+var __chunk_173 = require('./CardRenderer.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; }
 
@@ -172,7 +172,7 @@ var propTypes = _objectSpread({
     learnMoreText: PropTypes.string,
     dismissText: PropTypes.string
   })
-}, omit(__chunk_161.DashboardGridPropTypes, ['children', 'breakpoint']));
+}, omit(__chunk_152.DashboardGridPropTypes, ['children', 'breakpoint']));
 
 var defaultProps = {
   title: null,
@@ -364,7 +364,7 @@ var Dashboard = function Dashboard(_ref) {
 
   var gridContents = React.useMemo(function () {
     return cards.map(function (card) {
-      return card ? /*#__PURE__*/React__default.createElement(__chunk_182.default, _extends({}, card, {
+      return card ? /*#__PURE__*/React__default.createElement(__chunk_173.default, _extends({}, card, {
         key: "renderer-".concat(card.id),
         i18n: cachedI18N,
         isLoading: isLoading,
@@ -380,7 +380,7 @@ var Dashboard = function Dashboard(_ref) {
   [breakpoint, cachedI18N, cards, isEditable, isLoading, handleOnFetchData, timeGrain]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(__chunk_160.default, {
+  }, /*#__PURE__*/React__default.createElement(__chunk_151.default, {
     title: title,
     description: description,
     lastUpdatedLabel: !isEditable ? lastUpdatedLabel : null,
@@ -398,7 +398,7 @@ var Dashboard = function Dashboard(_ref) {
     style: {
       flex: 0
     }
-  }, sidebar), /*#__PURE__*/React__default.createElement(__chunk_161.default, {
+  }, sidebar), /*#__PURE__*/React__default.createElement(__chunk_152.default, {
     layouts: layouts,
     onLayoutChange: onLayoutChange,
     isEditable: isEditable,

package/lib/src/components/Dashboard/DashboardGrid.jsx

@@ -14,17 +14,17 @@ require('core-js/modules/es.object.keys');
 require('core-js/modules/web.dom-collections.for-each');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 require('core-js/modules/es.array.map');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.reduce');
 require('core-js/modules/es.array.some');
-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 find = _interopDefault(require('lodash/find'));
-var __chunk_98 = require('../../constants/CardPropTypes.js');
+var __chunk_85 = require('../../constants/CardPropTypes.js');
 var reactGridLayout = require('react-grid-layout');
 var some = _interopDefault(require('lodash/some'));
 
@@ -64,12 +64,12 @@ var DashboardGridPropTypes = {
    * {i: string, x: number, y: number, w: number, h: number}
    */
   layouts: PropTypes.shape({
-    max: PropTypes.arrayOf(__chunk_98.DashboardLayoutPropTypes),
-    xl: PropTypes.arrayOf(__chunk_98.DashboardLayoutPropTypes),
-    lg: PropTypes.arrayOf(__chunk_98.DashboardLayoutPropTypes),
-    md: PropTypes.arrayOf(__chunk_98.DashboardLayoutPropTypes),
-    sm: PropTypes.arrayOf(__chunk_98.DashboardLayoutPropTypes),
-    xs: PropTypes.arrayOf(__chunk_98.DashboardLayoutPropTypes)
+    max: PropTypes.arrayOf(__chunk_85.DashboardLayoutPropTypes),
+    xl: PropTypes.arrayOf(__chunk_85.DashboardLayoutPropTypes),
+    lg: PropTypes.arrayOf(__chunk_85.DashboardLayoutPropTypes),
+    md: PropTypes.arrayOf(__chunk_85.DashboardLayoutPropTypes),
+    sm: PropTypes.arrayOf(__chunk_85.DashboardLayoutPropTypes),
+    xs: PropTypes.arrayOf(__chunk_85.DashboardLayoutPropTypes)
   }),
 
   /**
@@ -96,7 +96,7 @@ var defaultProps = {
 
 var findLayoutOrGenerate = function findLayoutOrGenerate(layouts, cards) {
   // iterate through each breakpoint
-  return Object.keys(__chunk_26.DASHBOARD_BREAKPOINTS).reduce(function (acc, layoutName) {
+  return Object.keys(__chunk_13.DASHBOARD_BREAKPOINTS).reduce(function (acc, layoutName) {
     var layout = layouts && layouts[layoutName]; // If layout exists for this breakpoint, make sure it contains all the cards
 
     if (layout) {
@@ -106,20 +106,20 @@ var findLayoutOrGenerate = function findLayoutOrGenerate(layouts, cards) {
           i: card.id
         });
       })) {
-        layout = __chunk_28.getLayout(layoutName, cards, __chunk_26.DASHBOARD_COLUMNS, __chunk_26.CARD_DIMENSIONS);
+        layout = __chunk_15.getLayout(layoutName, cards, __chunk_13.DASHBOARD_COLUMNS, __chunk_13.CARD_DIMENSIONS);
       } else {
         // if we're using an existing layout, we need to add CARD_DIMENSIONS because they are not stored in our JSON document
         layout = layout.reduce(function (updatedLayout, cardFromLayout) {
           var matchingCard = find(cards, {
             id: cardFromLayout.i
           });
-          if (matchingCard) updatedLayout.push(_objectSpread({}, cardFromLayout, {}, __chunk_26.CARD_DIMENSIONS[matchingCard.size][layoutName]));
+          if (matchingCard) updatedLayout.push(_objectSpread({}, cardFromLayout, {}, __chunk_13.CARD_DIMENSIONS[matchingCard.size][layoutName]));
           return updatedLayout;
         }, []);
       }
     } else {
       // generate the layout if we're not passed from the parent
-      layout = __chunk_28.getLayout(layoutName, cards, __chunk_26.DASHBOARD_COLUMNS, __chunk_26.CARD_DIMENSIONS);
+      layout = __chunk_15.getLayout(layoutName, cards, __chunk_13.DASHBOARD_COLUMNS, __chunk_13.CARD_DIMENSIONS);
     }
 
     return _objectSpread({}, acc, _defineProperty({}, layoutName, layout));
@@ -163,7 +163,7 @@ var DashboardGrid = function DashboardGrid(_ref) {
     }));
   }, [childrenArray, layouts]);
   var cachedMargin = React.useMemo(function () {
-    return [__chunk_26.GUTTER, __chunk_26.GUTTER];
+    return [__chunk_13.GUTTER, __chunk_13.GUTTER];
   }, []);
   var handleLayoutChange = React.useCallback(function (layout, allLayouts) {
     return onLayoutChange && onLayoutChange(layout, allLayouts);
@@ -173,10 +173,10 @@ var DashboardGrid = function DashboardGrid(_ref) {
     return childrenArray.map(function (card) {
       return React__default.cloneElement(card, {
         key: card.props.id,
-        dashboardBreakpoints: __chunk_26.DASHBOARD_BREAKPOINTS,
-        cardDimensions: __chunk_26.CARD_DIMENSIONS,
-        dashboardColumns: __chunk_26.DASHBOARD_COLUMNS,
-        rowHeight: __chunk_26.ROW_HEIGHT
+        dashboardBreakpoints: __chunk_13.DASHBOARD_BREAKPOINTS,
+        cardDimensions: __chunk_13.CARD_DIMENSIONS,
+        dashboardColumns: __chunk_13.DASHBOARD_COLUMNS,
+        rowHeight: __chunk_13.ROW_HEIGHT
       });
     });
   }, [childrenArray]);
@@ -198,10 +198,10 @@ var DashboardGrid = function DashboardGrid(_ref) {
   }, /*#__PURE__*/React__default.createElement(StyledGridLayout, _extends({
     layouts: generatedLayouts,
     compactType: "vertical",
-    cols: __chunk_26.DASHBOARD_COLUMNS,
-    breakpoints: __chunk_26.DASHBOARD_BREAKPOINTS,
+    cols: __chunk_13.DASHBOARD_COLUMNS,
+    breakpoints: __chunk_13.DASHBOARD_BREAKPOINTS,
     margin: cachedMargin,
-    rowHeight: __chunk_26.ROW_HEIGHT[breakpoint],
+    rowHeight: __chunk_13.ROW_HEIGHT[breakpoint],
     preventCollision: false // Stop the initial animation unless we need to support editing drag-and-drop
     ,
     shouldAnimate: animationState,

package/lib/src/components/Dashboard/DashboardHeader.jsx

@@ -10,9 +10,9 @@ require('core-js/modules/es.symbol');
 require('core-js/modules/es.array.filter');
 var __chunk_4 = require('../../constants/Settings.js');
 require('core-js/modules/es.array.map');
-var __chunk_28 = require('../../utils/componentUtilityFunctions.js');
+var __chunk_15 = require('../../utils/componentUtilityFunctions.js');
 require('core-js/modules/es.symbol.description');
-var __chunk_97 = require('../../utils/bundledIcons.js');
+var __chunk_84 = require('../../utils/bundledIcons.js');
 
 var iotPrefix = __chunk_4.settings.iotPrefix;
 var propTypes = {
@@ -40,7 +40,7 @@ var propTypes = {
     id: PropTypes.string.isRequired,
 
     /** icon ultimately gets passed through all the way to <Button>, which has this same copied proptype definition for icon */
-    icon: PropTypes.oneOfType([PropTypes.oneOf(__chunk_97.bundledIconNames), PropTypes.shape({
+    icon: PropTypes.oneOfType([PropTypes.oneOf(__chunk_84.bundledIconNames), PropTypes.shape({
       width: PropTypes.string,
       height: PropTypes.string,
       viewBox: PropTypes.string.isRequired,
@@ -97,7 +97,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
         return onDashboardAction(action.id);
       },
       onKeyDown: function onKeyDown(event) {
-        return __chunk_28.handleEnterKeyDown(event, function () {
+        return __chunk_15.handleEnterKeyDown(event, function () {
           return onDashboardAction(action.id);
         });
       },
@@ -108,7 +108,7 @@ var DashboardHeader = function DashboardHeader(_ref) {
       }
     }, typeof action.icon === 'string' ? /*#__PURE__*/React__default.createElement(carbonComponentsReact.Icon, {
       key: "icon-".concat(action.id),
-      icon: __chunk_97.default[action.icon],
+      icon: __chunk_84.default[action.icon],
       description: action.labelText
     }) : React__default.isValidElement(action.icon) ? action.icon : /*#__PURE__*/React__default.createElement(carbonComponentsReact.Icon, {
       key: "icon-".concat(action.id),

package/lib/src/components/DateTimePicker/DateTimePicker.jsx

@@ -6,7 +6,7 @@ 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.symbol');
 require('core-js/modules/es.array.filter');
 require('core-js/modules/es.array.for-each');
@@ -16,17 +16,17 @@ require('core-js/modules/es.object.keys');
 require('core-js/modules/web.dom-collections.for-each');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../constants/Settings.js');
-var iconsReact = require('@carbon/icons-react');
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 require('core-js/modules/es.array.concat');
 require('core-js/modules/es.array.map');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
+var iconsReact = require('@carbon/icons-react');
 require('core-js/modules/es.number.constructor');
 require('core-js/modules/es.regexp.exec');
 var moment = _interopDefault(require('moment'));
 require('core-js/modules/es.string.split');
-var __chunk_107 = require('../TimePickerSpinner/TimePickerSpinner.jsx');
+var __chunk_94 = require('../TimePickerSpinner/TimePickerSpinner.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; }
 
@@ -675,7 +675,7 @@ var __unstableDateTimePicker = function __unstableDateTimePicker(_ref) {
     "aria-label": strings.calendarLabel,
     className: "".concat(iotPrefix, "--date-time-picker__icon")
   })), /*#__PURE__*/React__default.createElement("div", {
-    className: cx("".concat(iotPrefix, "--date-time-picker__menu"), _defineProperty({}, "".concat(iotPrefix, "--date-time-picker__menu-expanded"), isExpanded)),
+    className: classnames("".concat(iotPrefix, "--date-time-picker__menu"), _defineProperty({}, "".concat(iotPrefix, "--date-time-picker__menu-expanded"), isExpanded)),
     role: "listbox"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(iotPrefix, "--date-time-picker__menu-scroll")
@@ -692,7 +692,7 @@ var __unstableDateTimePicker = function __unstableDateTimePicker(_ref) {
       onClick: function onClick() {
         return onPresetClick(preset);
       },
-      className: cx("".concat(iotPrefix, "--date-time-picker__listitem ").concat(iotPrefix, "--date-time-picker__listitem--preset"), _defineProperty({}, "".concat(iotPrefix, "--date-time-picker__listitem--preset-selected"), selectedPreset === preset.offset))
+      className: classnames("".concat(iotPrefix, "--date-time-picker__listitem ").concat(iotPrefix, "--date-time-picker__listitem--preset"), _defineProperty({}, "".concat(iotPrefix, "--date-time-picker__listitem--preset-selected"), selectedPreset === preset.offset))
     }, strings.presetLabels[i] || preset.label);
   })) : /*#__PURE__*/React__default.createElement("div", null, showRelativeOption ? /*#__PURE__*/React__default.createElement(carbonComponentsReact.FormGroup, {
     legendText: strings.customRangeLabel,
@@ -748,7 +748,7 @@ var __unstableDateTimePicker = function __unstableDateTimePicker(_ref) {
       value: relative.value,
       text: strings.relativeLabels[i] || relative.label
     });
-  })), /*#__PURE__*/React__default.createElement(__chunk_107.default, {
+  })), /*#__PURE__*/React__default.createElement(__chunk_94.default, {
     id: "relative-to-time",
     value: relativeValue ? relativeValue.relativeToTime : '',
     onChange: onRelativeToTimeChange,
@@ -777,14 +777,14 @@ var __unstableDateTimePicker = function __unstableDateTimePicker(_ref) {
     className: "".concat(iotPrefix, "--date-time-picker__menu-formgroup")
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(iotPrefix, "--date-time-picker__fields-wrapper")
-  }, /*#__PURE__*/React__default.createElement(__chunk_107.default, {
+  }, /*#__PURE__*/React__default.createElement(__chunk_94.default, {
     id: "start-time",
     labelText: strings.startTimeLabel,
     value: absoluteValue ? absoluteValue.startTime : '00:00',
     onChange: onAbsoluteStartTimeChange,
     spinner: true,
     autoComplete: "off"
-  }), /*#__PURE__*/React__default.createElement(__chunk_107.default, {
+  }), /*#__PURE__*/React__default.createElement(__chunk_94.default, {
     id: "end-time",
     labelText: strings.endTimeLabel,
     value: absoluteValue ? absoluteValue.endTime : '00:00',

package/lib/src/components/FileDrop/FileDrop.jsx

@@ -20,7 +20,7 @@ var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/ass
 var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
 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');
 require('core-js/modules/es.function.name');
 require('core-js/modules/es.object.values');
 require('core-js/modules/es.array.find-index');
@@ -57,7 +57,7 @@ function _templateObject() {
   return data;
 }
 var Span = styled.span(_templateObject());
-var LinkButton = styled.button(_templateObject2(), __chunk_31.COLORS.blue60);
+var LinkButton = styled.button(_templateObject2(), __chunk_18.COLORS.blue60);
 var Text = styled.div(_templateObject3());
 var FILE_TYPES = {
   TEXT: 'TEXT',

package/lib/src/components/GaugeCard/GaugeCard.jsx

@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var React = require('react');
 var React__default = _interopDefault(React);
-var cx = _interopDefault(require('classnames'));
+var classnames = _interopDefault(require('classnames'));
 require('core-js/modules/es.symbol');
 require('core-js/modules/es.array.filter');
 require('core-js/modules/es.array.for-each');
@@ -15,31 +15,32 @@ require('core-js/modules/web.dom-collections.for-each');
 var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
 var __chunk_4 = require('../../constants/Settings.js');
 var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 require('core-js/modules/es.array.concat');
 require('core-js/modules/es.array.map');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.iterator');
 require('core-js/modules/es.object.to-string');
+require('core-js/modules/es.regexp.to-string');
 require('core-js/modules/web.dom-collections.iterator');
-var __chunk_26 = require('../../constants/LayoutConstants.js');
-var __chunk_98 = require('../../constants/CardPropTypes.js');
-var __chunk_103 = require('../Card/Card.jsx');
-var __chunk_162 = require('../Card/DataStateRenderer.jsx');
+var __chunk_13 = require('../../constants/LayoutConstants.js');
+var __chunk_85 = require('../../constants/CardPropTypes.js');
+var __chunk_90 = require('../Card/Card.jsx');
+var __chunk_153 = require('../Card/DataStateRenderer.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; }
 
 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 iotPrefix = __chunk_4.settings.iotPrefix; // r value of the circle in SVG
 
-var radius = 30; // radius doubled plus stroke
+var radius = 36; // radius doubled plus stroke
+
+var gaugeSize = radius * 2 + 8; // circumference of SVG.
 
-var gaugeSize = radius * 2 + 8;
+var circum = 2 * Math.PI * radius;
 var getStrokeDash = function getStrokeDash() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  // circumference of SVG.
-  var circum = 2 * Math.PI * radius; // length of stroke to match percentage
-
+  // length of stroke to match percentage
   return value * circum / 100;
 };
 var getColor = function getColor(gauge, value) {
@@ -110,11 +111,11 @@ var GaugeCard = function GaugeCard(_ref) {
   }, []);
   var myStyles = dataState ? {} : {
     paddingTop: 0,
-    paddingRight: __chunk_26.CARD_CONTENT_PADDING,
+    paddingRight: __chunk_13.CARD_CONTENT_PADDING,
     paddingBottom: 0,
-    paddingLeft: __chunk_26.CARD_CONTENT_PADDING
+    paddingLeft: __chunk_13.CARD_CONTENT_PADDING
   };
-  return /*#__PURE__*/React__default.createElement(__chunk_103.default, _extends({
+  return /*#__PURE__*/React__default.createElement(__chunk_90.default, _extends({
     id: id,
     className: "".concat(iotPrefix, "--gauge-card"),
     title: title,
@@ -123,24 +124,24 @@ var GaugeCard = function GaugeCard(_ref) {
     tooltip: tooltip,
     isLoading: isLoading
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: cx("".concat(iotPrefix, "--gauge-container"), className),
+    className: classnames("".concat(iotPrefix, "--gauge-container"), className),
     style: myStyles
-  }, dataState && /*#__PURE__*/React__default.createElement(__chunk_162.default, {
+  }, dataState && /*#__PURE__*/React__default.createElement(__chunk_153.default, {
     dataState: dataState,
     size: size,
     id: id
   }), !dataState && gauges.map(function (gauge, i) {
-    var _classnames3;
+    var _classnames5;
 
     var _getColor = getColor(gauge, values[gauge.dataSourceId]),
-        color = _getColor.color,
-        grade = _getColor.grade;
+        color = _getColor.color;
 
+    var valueLength = values[gauge.dataSourceId] && values[gauge.dataSourceId].toString().length;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: "".concat(iotPrefix, "-gauge-").concat(i)
     }, /*#__PURE__*/React__default.createElement("svg", {
       "aria-labelledby": "gauge-label",
-      className: cx("".concat(iotPrefix, "--gauge"), _defineProperty({}, "".concat(iotPrefix, "--gauge__loaded"), loadedState), className),
+      className: classnames("".concat(iotPrefix, "--gauge"), _defineProperty({}, "".concat(iotPrefix, "--gauge__loaded"), loadedState), className),
       percent: "0",
       style: {
         '--gauge-value': values[gauge.dataSourceId] || 0,
@@ -148,6 +149,7 @@ var GaugeCard = function GaugeCard(_ref) {
         '--gauge-colors': color,
         '--gauge-bg': gauge.backgroundColor,
         '--stroke-dash': getStrokeDash(values[gauge.dataSourceId]) || 0,
+        '--stroke-dash-array': circum,
         '--gauge-size': "".concat(gaugeSize, "px"),
         '--gauge-trend-color': gauge.trend.color
       }
@@ -163,17 +165,12 @@ var GaugeCard = function GaugeCard(_ref) {
       r: radius
     }), /*#__PURE__*/React__default.createElement("text", {
       id: "gauge-label",
-      className: cx("".concat(iotPrefix, "--gauge-value"), _defineProperty({}, "".concat(iotPrefix, "--gauge-value__centered"), !grade)),
+      className: classnames("".concat(iotPrefix, "--gauge-value"), "".concat(iotPrefix, "--gauge-value__centered"), _defineProperty({}, "".concat(iotPrefix, "--gauge-value-sm"), valueLength === 4), _defineProperty({}, "".concat(iotPrefix, "--gauge-value-md"), valueLength === 3), _defineProperty({}, "".concat(iotPrefix, "--gauge-value-lg"), valueLength <= 2)),
       x: gaugeSize / 2,
       y: "33",
       textAnchor: "middle"
-    }, /*#__PURE__*/React__default.createElement("tspan", null, values[gauge.dataSourceId] + gauge.units)), /*#__PURE__*/React__default.createElement("text", {
-      className: "".concat(iotPrefix, "--gauge-rating"),
-      x: gaugeSize / 2,
-      y: "48",
-      textAnchor: "middle"
-    }, /*#__PURE__*/React__default.createElement("tspan", null, grade))), values[gauge.trend.dataSourceId] && /*#__PURE__*/React__default.createElement("div", {
-      className: cx("".concat(iotPrefix, "--gauge-trend"), (_classnames3 = {}, _defineProperty(_classnames3, "".concat(iotPrefix, "--gauge-trend__up"), gauge.trend.trend === 'up'), _defineProperty(_classnames3, "".concat(iotPrefix, "--gauge-trend__down"), gauge.trend.trend === 'down'), _classnames3)),
+    }, /*#__PURE__*/React__default.createElement("tspan", null, values[gauge.dataSourceId]), /*#__PURE__*/React__default.createElement("tspan", null, gauge.units))), values[gauge.trend.dataSourceId] && /*#__PURE__*/React__default.createElement("div", {
+      className: classnames("".concat(iotPrefix, "--gauge-trend"), (_classnames5 = {}, _defineProperty(_classnames5, "".concat(iotPrefix, "--gauge-trend__up"), gauge.trend.trend === 'up'), _defineProperty(_classnames5, "".concat(iotPrefix, "--gauge-trend__down"), gauge.trend.trend === 'down'), _classnames5)),
       key: "".concat(gauge.trend.dataSourceId, "-").concat(i)
     }, /*#__PURE__*/React__default.createElement("p", {
       style: {
@@ -183,7 +180,7 @@ var GaugeCard = function GaugeCard(_ref) {
   })));
 };
 
-GaugeCard.propTypes = _objectSpread({}, __chunk_98.CardPropTypes, {}, __chunk_98.GaugeCardPropTypes);
+GaugeCard.propTypes = _objectSpread({}, __chunk_85.CardPropTypes, {}, __chunk_85.GaugeCardPropTypes);
 GaugeCard.defaultProps = {
   isLoading: false,
   description: null,

package/lib/src/components/Header/Header.jsx

@@ -9,21 +9,21 @@ var __chunk_4 = require('../../constants/Settings.js');
 require('core-js/modules/es.array.concat');
 var _toConsumableArray = _interopDefault(require('@babel/runtime/helpers/toConsumableArray'));
 require('../../../node_modules/carbon-components-react/es/components/UIShell/Content.js');
-var __chunk_120 = require('../../../node_modules/carbon-components-react/es/components/UIShell/Header.js');
+var __chunk_107 = require('../../../node_modules/carbon-components-react/es/components/UIShell/Header.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderContainer.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalBar.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderMenu.js');
-var __chunk_126 = require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js');
+var __chunk_117 = require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderMenuItem.js');
-var __chunk_129 = require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderName.js');
+var __chunk_120 = require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderName.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderNavigation.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderPanel.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/HeaderSideNavItems.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/Switcher.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SwitcherItem.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SwitcherDivider.js');
-var __chunk_136 = require('../../../node_modules/carbon-components-react/es/components/UIShell/SkipToContent.js');
+var __chunk_127 = require('../../../node_modules/carbon-components-react/es/components/UIShell/SkipToContent.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SideNav.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SideNavDetails.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SideNavFooter.js');
@@ -36,8 +36,8 @@ require('../../../node_modules/carbon-components-react/es/components/UIShell/Sid
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SideNavMenu.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SideNavMenuItem.js');
 require('../../../node_modules/carbon-components-react/es/components/UIShell/SideNavSwitcher.js');
-var __chunk_150 = require('../../../node_modules/@carbon/icons-react/es/app-switcher/20.js');
-var __chunk_155 = require('./HeaderActionGroup.jsx');
+var __chunk_141 = require('../../../node_modules/@carbon/icons-react/es/app-switcher/20.js');
+var __chunk_146 = require('./HeaderActionGroup.jsx');
 
 var carbonPrefix = __chunk_4.settings.prefix;
 /** common proptypes associated with child content for a header action */
@@ -125,7 +125,7 @@ var Header = function Header(_ref) {
   var actionItems = !headerPanel ? actionItemsProp : [].concat(_toConsumableArray(actionItemsProp), [{
     label: APP_SWITCHER,
     hasHeaderPanel: true,
-    btnContent: /*#__PURE__*/React__default.createElement(__chunk_150.default, {
+    btnContent: /*#__PURE__*/React__default.createElement(__chunk_141.default, {
       fill: "white",
       description: "Icon",
       className: "bx--header__menu-item bx--header__menu-title"
@@ -138,18 +138,18 @@ var Header = function Header(_ref) {
       content: /*#__PURE__*/React__default.createElement(headerPanel.content, null)
     }]
   }]);
-  return /*#__PURE__*/React__default.createElement(__chunk_120.default, {
+  return /*#__PURE__*/React__default.createElement(__chunk_107.default, {
     className: className,
     "aria-label": "main header"
-  }, /*#__PURE__*/React__default.createElement(__chunk_136.default, {
+  }, /*#__PURE__*/React__default.createElement(__chunk_127.default, {
     href: skipto
-  }), hasSideNav && /*#__PURE__*/React__default.createElement(__chunk_126.default, {
+  }), hasSideNav && /*#__PURE__*/React__default.createElement(__chunk_117.default, {
     "aria-label": "Open menu",
     onClick: onClickSideNavExpand
-  }), /*#__PURE__*/React__default.createElement(__chunk_129.default, {
+  }), /*#__PURE__*/React__default.createElement(__chunk_120.default, {
     href: url,
     prefix: prefix
-  }, appName), /*#__PURE__*/React__default.createElement(__chunk_155.default, {
+  }, appName), /*#__PURE__*/React__default.createElement(__chunk_146.default, {
     actionItems: actionItems
   }));
 };

package/lib/src/components/Header/HeaderAction/HeaderAction.jsx

@@ -6,13 +6,13 @@ var PropTypes = _interopDefault(require('prop-types'));
 var React = require('react');
 var React__default = _interopDefault(React);
 var carbonComponents = require('carbon-components');
-var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
 require('core-js/modules/es.array.concat');
-var __chunk_48 = require('../../../constants/KeyCodeConstants.js');
+var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
+var __chunk_35 = require('../../../constants/KeyCodeConstants.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/Content.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/Header.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/HeaderContainer.js');
-var __chunk_122 = require('../../../../node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js');
+var __chunk_109 = require('../../../../node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalBar.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/HeaderMenu.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js');
@@ -37,14 +37,14 @@ require('../../../../node_modules/carbon-components-react/es/components/UIShell/
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/SideNavMenu.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/SideNavMenuItem.js');
 require('../../../../node_modules/carbon-components-react/es/components/UIShell/SideNavSwitcher.js');
-var __chunk_152 = require('./HeaderActionMenu.jsx');
-var __chunk_153 = require('./HeaderActionPanel.jsx');
-var __chunk_156 = require('../Header.jsx');
+var __chunk_143 = require('./HeaderActionMenu.jsx');
+var __chunk_144 = require('./HeaderActionPanel.jsx');
+var __chunk_147 = require('../Header.jsx');
 
 var carbonPrefix = carbonComponents.settings.prefix;
 var HeaderActionPropTypes = {
   /** details of the item to render in the action */
-  item: PropTypes.shape(__chunk_156.HeaderActionItemPropTypes).isRequired,
+  item: PropTypes.shape(__chunk_147.HeaderActionItemPropTypes).isRequired,
 
   /** unique index for the menu item */
   index: PropTypes.number.isRequired
@@ -95,7 +95,7 @@ var HeaderAction = function HeaderAction(_ref) {
 
   var handleHeaderKeyDown = function handleHeaderKeyDown(event) {
     // Handle keydowns for opening and closing the menus
-    if (event.keyCode === __chunk_48.keyCodes.ESC && isExpanded || event.keyCode === __chunk_48.keyCodes.SPACE || event.keyCode === __chunk_48.keyCodes.ENTER) {
+    if (event.keyCode === __chunk_35.keyCodes.ESC && isExpanded || event.keyCode === __chunk_35.keyCodes.SPACE || event.keyCode === __chunk_35.keyCodes.ENTER) {
       event.stopPropagation();
       event.preventDefault();
       toggleExpandedState(); // Return focus to menu button when the user hits ESC.
@@ -122,7 +122,7 @@ var HeaderAction = function HeaderAction(_ref) {
       }, item.hasOwnProperty('hasHeaderPanel') ?
       /*#__PURE__*/
       // Render a subpanel type action
-      React__default.createElement(__chunk_153.default, {
+      React__default.createElement(__chunk_144.default, {
         item: item,
         onToggleExpansion: toggleExpandedState,
         isExpanded: isExpanded,
@@ -131,7 +131,7 @@ var HeaderAction = function HeaderAction(_ref) {
       }) :
       /*#__PURE__*/
       // otherwise render a submenu type dropdown
-      React__default.createElement(__chunk_152.default, {
+      React__default.createElement(__chunk_143.default, {
         className: "".concat(carbonPrefix, "--header-action-btn"),
         key: "menu-item-".concat(item.label),
         "aria-label": item.label,
@@ -151,7 +151,7 @@ var HeaderAction = function HeaderAction(_ref) {
   } // Otherwise render a simple menu button with no wrapper div
 
 
-  return /*#__PURE__*/React__default.createElement(__chunk_122.default, {
+  return /*#__PURE__*/React__default.createElement(__chunk_109.default, {
     className: "".concat(carbonPrefix, "--header-action-btn"),
     key: "menu-item-".concat(item.label, "-global-").concat(index),
     "aria-label": item.label