@splunk/visualizations 25.13.1 → 26.1.0

package/common/gaugeUtils.js

@@ -87,12 +87,12 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 69);
+/******/ 	return __webpack_require__(__webpack_require__.s = 70);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
@@ -106,20 +106,32 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 69:
+/***/ 7:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+
+/***/ 70:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(25);
+var _toConsumableArray = __webpack_require__(26);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertToGaugeProperties = exports.mapValueLabelDisplay = exports.mapToOldKey = exports.getGradientDimensions = exports.getGradientStops = exports.getGradientStopColors = exports.getGradientStopOffsets = exports.getGaugeRange = exports.validateRanges = exports.getSortedRanges = exports.getMarkerGaugeValueMarkerPositions = exports.getMarkerBarDimensions = exports.getFillerGaugeValueMarkerPositions = exports.getFillBarDimensions = exports.getGaugeBarHeight = exports.getGaugeBarWidth = exports.getGaugeBarStartPositions = exports.getGaugeBarLength = exports.assignGaugeColor = exports.getGaugeDimensions = exports.getGaugeStartPosition = exports.getGaugeLength = exports.getGaugeHeight = exports.getGaugeWidth = exports.FILL_THICKNESS = exports.GAUGE_THICKNESS = void 0;
+
 var lodash_1 = __webpack_require__(3);
-var colorConstants_1 = __webpack_require__(70);
+
+var colorConstants_1 = __webpack_require__(71);
+
 var i18n_1 = __webpack_require__(7);
+
 exports.GAUGE_THICKNESS = 50;
 exports.FILL_THICKNESS = 38;
 var GRADIENT_STOP_OFFSET_MIN = 0;
@@ -132,11 +144,13 @@ var GRADIENT_STOP_OFFSET_MAX = 100;
  * @param {String} orientation
  * @return {Number} width
  */
+
 var getGaugeWidth = function getGaugeWidth(_ref) {
   var containerWidth = _ref.containerWidth,
-    orientation = _ref.orientation;
+      orientation = _ref.orientation;
   return orientation === 'vertical' ? exports.GAUGE_THICKNESS : containerWidth * 0.8;
 };
+
 exports.getGaugeWidth = getGaugeWidth;
 /**
  * get height for the whole gauge viz for horizontal or vertical view
@@ -146,11 +160,13 @@ exports.getGaugeWidth = getGaugeWidth;
  * @param {String} orientation
  * @return {Number} height
  */
+
 var getGaugeHeight = function getGaugeHeight(_ref2) {
   var containerHeight = _ref2.containerHeight,
-    orientation = _ref2.orientation;
+      orientation = _ref2.orientation;
   return orientation === 'vertical' ? containerHeight * 0.8 : exports.GAUGE_THICKNESS;
 };
+
 exports.getGaugeHeight = getGaugeHeight;
 /**
  * get how long the gauge shoud be.
@@ -162,18 +178,20 @@ exports.getGaugeHeight = getGaugeHeight;
  * @param {String} input.orientation
  * @return {Number} gaugeLength
  */
+
 var getGaugeLength = function getGaugeLength(_ref3) {
   var containerWidth = _ref3.containerWidth,
-    containerHeight = _ref3.containerHeight,
-    orientation = _ref3.orientation;
-  return orientation === 'vertical' ? exports.getGaugeHeight({
+      containerHeight = _ref3.containerHeight,
+      orientation = _ref3.orientation;
+  return orientation === 'vertical' ? (0, exports.getGaugeHeight)({
     containerHeight: containerHeight,
     orientation: orientation
-  }) : exports.getGaugeWidth({
+  }) : (0, exports.getGaugeWidth)({
     containerWidth: containerWidth,
     orientation: orientation
   });
 };
+
 exports.getGaugeLength = getGaugeLength;
 /**
  * get start x and y for rendering gauge
@@ -187,23 +205,27 @@ exports.getGaugeLength = getGaugeLength;
  * @return {Number} position.gaugeStartX
  * @return {Number} position.gaugeStartY
  */
+
 var getGaugeStartPosition = function getGaugeStartPosition(_ref4) {
   var containerWidth = _ref4.containerWidth,
-    containerHeight = _ref4.containerHeight,
-    gaugeLength = _ref4.gaugeLength,
-    orientation = _ref4.orientation;
+      containerHeight = _ref4.containerHeight,
+      gaugeLength = _ref4.gaugeLength,
+      orientation = _ref4.orientation;
   // for horizontal view
   var gaugeStartX = (containerWidth - gaugeLength) / 2.0;
   var gaugeStartY = (containerHeight - exports.GAUGE_THICKNESS) / 2.0;
+
   if (orientation === 'vertical') {
     gaugeStartX = (containerWidth - exports.GAUGE_THICKNESS) / 2.0;
     gaugeStartY = (containerHeight - gaugeLength) / 2.0;
   }
+
   return {
     gaugeStartX: gaugeStartX,
     gaugeStartY: gaugeStartY
   };
 };
+
 exports.getGaugeStartPosition = getGaugeStartPosition;
 /**
  * get dimensions for the whole gauge viz,
@@ -220,28 +242,31 @@ exports.getGaugeStartPosition = getGaugeStartPosition;
  * @return {Number} gaugeDimensions.gaugeWidth   natural width of gauge
  * @return {Number} gaugeDimensions.gaugeHeight  natural height of gauge
  */
+
 var getGaugeDimensions = function getGaugeDimensions(_ref5) {
   var containerWidth = _ref5.containerWidth,
-    containerHeight = _ref5.containerHeight,
-    orientation = _ref5.orientation;
-  var gaugeLength = exports.getGaugeLength({
+      containerHeight = _ref5.containerHeight,
+      orientation = _ref5.orientation;
+  var gaugeLength = (0, exports.getGaugeLength)({
     containerWidth: containerWidth,
     containerHeight: containerHeight,
     orientation: orientation
   });
-  var _exports$getGaugeStar = exports.getGaugeStartPosition({
-      containerWidth: containerWidth,
-      containerHeight: containerHeight,
-      gaugeLength: gaugeLength,
-      orientation: orientation
-    }),
-    gaugeStartX = _exports$getGaugeStar.gaugeStartX,
-    gaugeStartY = _exports$getGaugeStar.gaugeStartY;
-  var gaugeWidth = exports.getGaugeWidth({
+
+  var _ref6 = (0, exports.getGaugeStartPosition)({
+    containerWidth: containerWidth,
+    containerHeight: containerHeight,
+    gaugeLength: gaugeLength,
+    orientation: orientation
+  }),
+      gaugeStartX = _ref6.gaugeStartX,
+      gaugeStartY = _ref6.gaugeStartY;
+
+  var gaugeWidth = (0, exports.getGaugeWidth)({
     containerWidth: containerWidth,
     orientation: orientation
   });
-  var gaugeHeight = exports.getGaugeHeight({
+  var gaugeHeight = (0, exports.getGaugeHeight)({
     containerHeight: containerHeight,
     orientation: orientation
   });
@@ -253,6 +278,7 @@ var getGaugeDimensions = function getGaugeDimensions(_ref5) {
     gaugeHeight: gaugeHeight
   };
 };
+
 exports.getGaugeDimensions = getGaugeDimensions;
 /**
  * if gaugeColor is not specified, auto assign a gauge color to the fill bar
@@ -260,19 +286,24 @@ exports.getGaugeDimensions = getGaugeDimensions;
  * @method assignGaugeColor
  * @params
  * */
-var assignGaugeColor = function assignGaugeColor(_ref6) {
-  var value = _ref6.value,
-    min = _ref6.min,
-    max = _ref6.max;
+
+var assignGaugeColor = function assignGaugeColor(_ref7) {
+  var value = _ref7.value,
+      min = _ref7.min,
+      max = _ref7.max;
   var rate = (value - min) / (max - min);
+
   if (rate <= 0.3) {
     return colorConstants_1.SEMANTIC_SUCCESS;
   }
+
   if (rate > 0.3 && rate <= 0.6) {
     return colorConstants_1.SEMANTIC_WARNING;
   }
+
   return colorConstants_1.SEMANTIC_ERROR;
 };
+
 exports.assignGaugeColor = assignGaugeColor;
 /**
  * get inner bar length in gauge
@@ -284,22 +315,28 @@ exports.assignGaugeColor = assignGaugeColor;
  * @param {Number} input.max
  * @return {Number} gaugeBarLength
  */
-var getGaugeBarLength = function getGaugeBarLength(_ref7) {
-  var gaugeLength = _ref7.gaugeLength,
-    value = _ref7.value,
-    min = _ref7.min,
-    max = _ref7.max;
+
+var getGaugeBarLength = function getGaugeBarLength(_ref8) {
+  var gaugeLength = _ref8.gaugeLength,
+      value = _ref8.value,
+      min = _ref8.min,
+      max = _ref8.max;
+
   if (max < min) {
     return null;
   }
+
   if (value >= max) {
     return gaugeLength;
   }
+
   if (value < min) {
     return 0;
   }
+
   return gaugeLength * (value - min) / (max - min);
 };
+
 exports.getGaugeBarLength = getGaugeBarLength;
 /**
  * get x and y position for rendering inner bar in gauge
@@ -315,26 +352,30 @@ exports.getGaugeBarLength = getGaugeBarLength;
  * @return {Number} position.gaugeBarX
  * @return {Number} position.gaugeBarY
  */
-var getGaugeBarStartPositions = function getGaugeBarStartPositions(_ref8) {
-  var gaugeStartX = _ref8.gaugeStartX,
-    gaugeStartY = _ref8.gaugeStartY,
-    gaugeWidth = _ref8.gaugeWidth,
-    gaugeHeight = _ref8.gaugeHeight,
-    gaugeBarLength = _ref8.gaugeBarLength,
-    orientation = _ref8.orientation;
+
+var getGaugeBarStartPositions = function getGaugeBarStartPositions(_ref9) {
+  var gaugeStartX = _ref9.gaugeStartX,
+      gaugeStartY = _ref9.gaugeStartY,
+      gaugeWidth = _ref9.gaugeWidth,
+      gaugeHeight = _ref9.gaugeHeight,
+      gaugeBarLength = _ref9.gaugeBarLength,
+      orientation = _ref9.orientation;
   var gaugeBarX = gaugeStartX;
   var gaugeBarY = gaugeStartY;
+
   if (orientation === 'vertical') {
     gaugeBarX += (gaugeWidth - exports.FILL_THICKNESS) / 2;
     gaugeBarY += gaugeHeight - gaugeBarLength;
   } else {
     gaugeBarY += (gaugeHeight - exports.FILL_THICKNESS) / 2;
   }
+
   return {
     gaugeBarX: gaugeBarX,
     gaugeBarY: gaugeBarY
   };
 };
+
 exports.getGaugeBarStartPositions = getGaugeBarStartPositions;
 /**
  * get width of inner bar in gauge
@@ -344,11 +385,13 @@ exports.getGaugeBarStartPositions = getGaugeBarStartPositions;
  * @param {String} orientation
  * @return {Number} gaugeBarWidth
  */
-var getGaugeBarWidth = function getGaugeBarWidth(_ref9) {
-  var gaugeBarLength = _ref9.gaugeBarLength,
-    orientation = _ref9.orientation;
+
+var getGaugeBarWidth = function getGaugeBarWidth(_ref10) {
+  var gaugeBarLength = _ref10.gaugeBarLength,
+      orientation = _ref10.orientation;
   return orientation === 'vertical' ? exports.FILL_THICKNESS : gaugeBarLength;
 };
+
 exports.getGaugeBarWidth = getGaugeBarWidth;
 /**
  * get height of inner bar in gauge
@@ -358,11 +401,13 @@ exports.getGaugeBarWidth = getGaugeBarWidth;
  * @param {String} orientation
  * @return {Number} gaugeBarHeight
  */
-var getGaugeBarHeight = function getGaugeBarHeight(_ref10) {
-  var gaugeBarLength = _ref10.gaugeBarLength,
-    orientation = _ref10.orientation;
+
+var getGaugeBarHeight = function getGaugeBarHeight(_ref11) {
+  var gaugeBarLength = _ref11.gaugeBarLength,
+      orientation = _ref11.orientation;
   return orientation === 'vertical' ? gaugeBarLength : exports.FILL_THICKNESS;
 };
+
 exports.getGaugeBarHeight = getGaugeBarHeight;
 /**
  * get dimensions for the fill bar in the gauge
@@ -384,37 +429,40 @@ exports.getGaugeBarHeight = getGaugeBarHeight;
  * @return {Number} fillBarDimensions.fillBarWidth
  * @return {Number} fillBarDimensions.fillBarHeight
  */
-var getFillBarDimensions = function getFillBarDimensions(_ref11) {
-  var gaugeLength = _ref11.gaugeLength,
-    gaugeStartX = _ref11.gaugeStartX,
-    gaugeStartY = _ref11.gaugeStartY,
-    gaugeWidth = _ref11.gaugeWidth,
-    gaugeHeight = _ref11.gaugeHeight,
-    value = _ref11.value,
-    min = _ref11.min,
-    max = _ref11.max,
-    orientation = _ref11.orientation;
-  var gaugeBarLength = exports.getGaugeBarLength({
+
+var getFillBarDimensions = function getFillBarDimensions(_ref12) {
+  var gaugeLength = _ref12.gaugeLength,
+      gaugeStartX = _ref12.gaugeStartX,
+      gaugeStartY = _ref12.gaugeStartY,
+      gaugeWidth = _ref12.gaugeWidth,
+      gaugeHeight = _ref12.gaugeHeight,
+      value = _ref12.value,
+      min = _ref12.min,
+      max = _ref12.max,
+      orientation = _ref12.orientation;
+  var gaugeBarLength = (0, exports.getGaugeBarLength)({
     gaugeLength: gaugeLength,
     value: value,
     max: max,
     min: min
   });
-  var _exports$getGaugeBarS = exports.getGaugeBarStartPositions({
-      gaugeStartX: gaugeStartX,
-      gaugeStartY: gaugeStartY,
-      gaugeWidth: gaugeWidth,
-      gaugeHeight: gaugeHeight,
-      gaugeBarLength: gaugeBarLength,
-      orientation: orientation
-    }),
-    fillBarX = _exports$getGaugeBarS.gaugeBarX,
-    fillBarY = _exports$getGaugeBarS.gaugeBarY;
-  var fillBarWidth = exports.getGaugeBarWidth({
+
+  var _ref13 = (0, exports.getGaugeBarStartPositions)({
+    gaugeStartX: gaugeStartX,
+    gaugeStartY: gaugeStartY,
+    gaugeWidth: gaugeWidth,
+    gaugeHeight: gaugeHeight,
+    gaugeBarLength: gaugeBarLength,
+    orientation: orientation
+  }),
+      fillBarX = _ref13.gaugeBarX,
+      fillBarY = _ref13.gaugeBarY;
+
+  var fillBarWidth = (0, exports.getGaugeBarWidth)({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
-  var fillBarHeight = exports.getGaugeBarHeight({
+  var fillBarHeight = (0, exports.getGaugeBarHeight)({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
@@ -426,6 +474,7 @@ var getFillBarDimensions = function getFillBarDimensions(_ref11) {
     fillBarHeight: fillBarHeight
   };
 };
+
 exports.getFillBarDimensions = getFillBarDimensions;
 /**
  * get position x and y for value marker in filler gauge
@@ -439,24 +488,28 @@ exports.getFillBarDimensions = getFillBarDimensions;
  * @return {Number} position.valueMarkerX
  * @return {Number} position.valueMarkerY
  */
-var getFillerGaugeValueMarkerPositions = function getFillerGaugeValueMarkerPositions(_ref12) {
-  var fillBarX = _ref12.fillBarX,
-    fillBarY = _ref12.fillBarY,
-    fillBarLength = _ref12.fillBarLength,
-    orientation = _ref12.orientation;
+
+var getFillerGaugeValueMarkerPositions = function getFillerGaugeValueMarkerPositions(_ref14) {
+  var fillBarX = _ref14.fillBarX,
+      fillBarY = _ref14.fillBarY,
+      fillBarLength = _ref14.fillBarLength,
+      orientation = _ref14.orientation;
   var valueMarkerX = fillBarX;
   var valueMarkerY = fillBarY;
+
   if (orientation === 'vertical') {
     valueMarkerX -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   } else {
     valueMarkerX += fillBarLength;
     valueMarkerY -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   }
+
   return {
     valueMarkerX: valueMarkerX,
     valueMarkerY: valueMarkerY
   };
 };
+
 exports.getFillerGaugeValueMarkerPositions = getFillerGaugeValueMarkerPositions;
 /**
  * get dimensions for the marker bar in the gauge
@@ -475,29 +528,32 @@ exports.getFillerGaugeValueMarkerPositions = getFillerGaugeValueMarkerPositions;
  * @return {Number} markerBarDimensions.markerBarWidth
  * @return {Number} markerBarDimensions.markerBarHeight
  */
-var getMarkerBarDimensions = function getMarkerBarDimensions(_ref13) {
-  var gaugeLength = _ref13.gaugeLength,
-    gaugeStartX = _ref13.gaugeStartX,
-    gaugeStartY = _ref13.gaugeStartY,
-    gaugeWidth = _ref13.gaugeWidth,
-    gaugeHeight = _ref13.gaugeHeight,
-    orientation = _ref13.orientation;
+
+var getMarkerBarDimensions = function getMarkerBarDimensions(_ref15) {
+  var gaugeLength = _ref15.gaugeLength,
+      gaugeStartX = _ref15.gaugeStartX,
+      gaugeStartY = _ref15.gaugeStartY,
+      gaugeWidth = _ref15.gaugeWidth,
+      gaugeHeight = _ref15.gaugeHeight,
+      orientation = _ref15.orientation;
   var gaugeBarLength = gaugeLength; // For marker gauge, inner marker bar spans the entire gauge
-  var _exports$getGaugeBarS2 = exports.getGaugeBarStartPositions({
-      gaugeStartX: gaugeStartX,
-      gaugeStartY: gaugeStartY,
-      gaugeWidth: gaugeWidth,
-      gaugeHeight: gaugeHeight,
-      gaugeBarLength: gaugeBarLength,
-      orientation: orientation
-    }),
-    markerBarX = _exports$getGaugeBarS2.gaugeBarX,
-    markerBarY = _exports$getGaugeBarS2.gaugeBarY;
-  var markerBarWidth = exports.getGaugeBarWidth({
+
+  var _ref16 = (0, exports.getGaugeBarStartPositions)({
+    gaugeStartX: gaugeStartX,
+    gaugeStartY: gaugeStartY,
+    gaugeWidth: gaugeWidth,
+    gaugeHeight: gaugeHeight,
+    gaugeBarLength: gaugeBarLength,
+    orientation: orientation
+  }),
+      markerBarX = _ref16.gaugeBarX,
+      markerBarY = _ref16.gaugeBarY;
+
+  var markerBarWidth = (0, exports.getGaugeBarWidth)({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
-  var markerBarHeight = exports.getGaugeBarHeight({
+  var markerBarHeight = (0, exports.getGaugeBarHeight)({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
@@ -509,6 +565,7 @@ var getMarkerBarDimensions = function getMarkerBarDimensions(_ref13) {
     markerBarHeight: markerBarHeight
   };
 };
+
 exports.getMarkerBarDimensions = getMarkerBarDimensions;
 /**
  * get position x and y for value marker in marker gauge
@@ -526,19 +583,21 @@ exports.getMarkerBarDimensions = getMarkerBarDimensions;
  * @return {Number} position.valueMarkerX
  * @return {Number} position.valueMarkerY
  */
-var getMarkerGaugeValueMarkerPositions = function getMarkerGaugeValueMarkerPositions(_ref14) {
-  var markerBarX = _ref14.markerBarX,
-    markerBarY = _ref14.markerBarY,
-    markerBarHeight = _ref14.markerBarHeight,
-    gaugeLength = _ref14.markerBarLength,
-    orientation = _ref14.orientation,
-    value = _ref14.value,
-    min = _ref14.min,
-    max = _ref14.max;
+
+var getMarkerGaugeValueMarkerPositions = function getMarkerGaugeValueMarkerPositions(_ref17) {
+  var markerBarX = _ref17.markerBarX,
+      markerBarY = _ref17.markerBarY,
+      markerBarHeight = _ref17.markerBarHeight,
+      gaugeLength = _ref17.markerBarLength,
+      orientation = _ref17.orientation,
+      value = _ref17.value,
+      min = _ref17.min,
+      max = _ref17.max;
   var valueMarkerX = markerBarX;
   var valueMarkerY = markerBarY;
+
   if (orientation === 'vertical') {
-    valueMarkerY += markerBarHeight - exports.getGaugeBarLength({
+    valueMarkerY += markerBarHeight - (0, exports.getGaugeBarLength)({
       gaugeLength: gaugeLength,
       value: value,
       max: max,
@@ -546,7 +605,7 @@ var getMarkerGaugeValueMarkerPositions = function getMarkerGaugeValueMarkerPosit
     });
     valueMarkerX -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   } else {
-    valueMarkerX += exports.getGaugeBarLength({
+    valueMarkerX += (0, exports.getGaugeBarLength)({
       gaugeLength: gaugeLength,
       value: value,
       max: max,
@@ -554,11 +613,13 @@ var getMarkerGaugeValueMarkerPositions = function getMarkerGaugeValueMarkerPosit
     });
     valueMarkerY -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   }
+
   return {
     valueMarkerX: valueMarkerX,
     valueMarkerY: valueMarkerY
   };
 };
+
 exports.getMarkerGaugeValueMarkerPositions = getMarkerGaugeValueMarkerPositions;
 /**
  * sort the ranges in ascending order
@@ -566,11 +627,13 @@ exports.getMarkerGaugeValueMarkerPositions = getMarkerGaugeValueMarkerPositions;
  * @param {Array} ranges
  * @return {Array} sortedRanges
  */
+
 var getSortedRanges = function getSortedRanges(ranges) {
   return ranges.sort(function (a, b) {
     return a.from - b.from;
   });
 };
+
 exports.getSortedRanges = getSortedRanges;
 /**
  * validate whether ranges prop is valid - continuous ranges, range.to < range.from, range.from != range.to
@@ -578,29 +641,35 @@ exports.getSortedRanges = getSortedRanges;
  * @param {Array} ranges
  * @return {String} error
  */
+
 var validateRanges = function validateRanges(ranges) {
   if (!ranges.length) {
-    return i18n_1._('Prop "ranges" is missing entries');
-  }
-  // check whether a range has "from" >= "to" eg: 10 - 10, 100 - 10, -20 - -10 are invalid
+    return (0, i18n_1._)('Prop "ranges" is missing entries');
+  } // check whether a range has "from" >= "to" eg: 10 - 10, 100 - 10, -20 - -10 are invalid
+
+
   if (ranges.some(function (range) {
     return range.from >= range.to;
   })) {
-    return i18n_1._('Prop "ranges" has invalid entries: invalid range');
-  }
-  // check whether ranges have duplicate "from/to" eg: 0 - 50, 25 - 50
-  if (ranges.length !== lodash_1.uniqBy(ranges, 'to').length || ranges.length !== lodash_1.uniqBy(ranges, 'from').length) {
-    return i18n_1._('Prop "ranges" has invalid entries: duplicate values');
+    return (0, i18n_1._)('Prop "ranges" has invalid entries: invalid range');
+  } // check whether ranges have duplicate "from/to" eg: 0 - 50, 25 - 50
+
+
+  if (ranges.length !== (0, lodash_1.uniqBy)(ranges, 'to').length || ranges.length !== (0, lodash_1.uniqBy)(ranges, 'from').length) {
+    return (0, i18n_1._)('Prop "ranges" has invalid entries: duplicate values');
   }
-  var sortedRanges = exports.getSortedRanges(ranges);
-  // check whether ranges are continuous eg: 0 - 10, 10 - 20, 20 - 30
+
+  var sortedRanges = (0, exports.getSortedRanges)(ranges); // check whether ranges are continuous eg: 0 - 10, 10 - 20, 20 - 30
+
   for (var i = 1; i < sortedRanges.length; i += 1) {
     if (sortedRanges[i].from !== sortedRanges[i - 1].to) {
-      return i18n_1._('Prop "ranges" has invalid entries: discontinuous ranges');
+      return (0, i18n_1._)('Prop "ranges" has invalid entries: discontinuous ranges');
     }
   }
+
   return null;
 };
+
 exports.validateRanges = validateRanges;
 /**
  * calculate min and max value of gauge
@@ -610,6 +679,7 @@ exports.validateRanges = validateRanges;
  * @return {Number} gaugeRange.min
  * @return {Number} gaugeRange.max
  */
+
 var getGaugeRange = function getGaugeRange(ranges) {
   var min = Math.min.apply(Math, _toConsumableArray(ranges.map(function (range) {
     return range.from;
@@ -622,6 +692,7 @@ var getGaugeRange = function getGaugeRange(ranges) {
     max: max
   };
 };
+
 exports.getGaugeRange = getGaugeRange;
 /**
  * calculate stop offsets for linear gradient
@@ -630,17 +701,20 @@ exports.getGaugeRange = getGaugeRange;
  * @param {String} orientation
  * @return {Array} cumulativeOffsets
  */
-var getGradientStopOffsets = function getGradientStopOffsets(_ref15) {
-  var ranges = _ref15.ranges,
-    orientation = _ref15.orientation;
-  var _exports$getGaugeRang = exports.getGaugeRange(ranges),
-    min = _exports$getGaugeRang.min,
-    max = _exports$getGaugeRang.max;
+
+var getGradientStopOffsets = function getGradientStopOffsets(_ref18) {
+  var ranges = _ref18.ranges,
+      orientation = _ref18.orientation;
+
+  var _ref19 = (0, exports.getGaugeRange)(ranges),
+      min = _ref19.min,
+      max = _ref19.max;
+
   var offsetScale = (GRADIENT_STOP_OFFSET_MAX - GRADIENT_STOP_OFFSET_MIN) / (max - min);
   var offsets = ranges.map(function (range) {
     return Math.abs(range.from - range.to) * offsetScale;
-  });
-  // When orientation is vertical, since the gauge starts from bottom to top, linear gradient should be reversed
+  }); // When orientation is vertical, since the gauge starts from bottom to top, linear gradient should be reversed
+
   offsets = orientation === 'vertical' ? offsets.reverse() : offsets;
   var cumulativeOffsets = [];
   offsets.reduce(function (accumulator, currentValue, idx) {
@@ -649,6 +723,7 @@ var getGradientStopOffsets = function getGradientStopOffsets(_ref15) {
   }, 0);
   return cumulativeOffsets;
 };
+
 exports.getGradientStopOffsets = getGradientStopOffsets;
 /**
  * calculate stop colors for linear gradient
@@ -657,15 +732,17 @@ exports.getGradientStopOffsets = getGradientStopOffsets;
  * @param {String} orientation
  * @return {Array} stopColors
  */
-var getGradientStopColors = function getGradientStopColors(_ref16) {
-  var ranges = _ref16.ranges,
-    orientation = _ref16.orientation;
+
+var getGradientStopColors = function getGradientStopColors(_ref20) {
+  var ranges = _ref20.ranges,
+      orientation = _ref20.orientation;
   var stopColors = ranges.map(function (range) {
     return range.value;
-  });
-  // When orientation is vertical, since the gauge starts from bottom to top, linear gradient should be reversed
+  }); // When orientation is vertical, since the gauge starts from bottom to top, linear gradient should be reversed
+
   return orientation === 'vertical' ? stopColors.reverse() : stopColors;
 };
+
 exports.getGradientStopColors = getGradientStopColors;
 /**
  * calculate linear gradient stops from ranges
@@ -675,24 +752,25 @@ exports.getGradientStopColors = getGradientStopColors;
  * @param {String} orientation
  * @return {Array} stops
  */
-var getGradientStops = function getGradientStops(_ref17) {
-  var ranges = _ref17.ranges,
-    orientation = _ref17.orientation;
+
+var getGradientStops = function getGradientStops(_ref21) {
+  var ranges = _ref21.ranges,
+      orientation = _ref21.orientation;
   var stops = [];
-  var offsets = exports.getGradientStopOffsets({
+  var offsets = (0, exports.getGradientStopOffsets)({
     ranges: ranges,
     orientation: orientation
   });
-  var stopColors = exports.getGradientStopColors({
+  var stopColors = (0, exports.getGradientStopColors)({
     ranges: ranges,
     orientation: orientation
-  });
-  // Initialize stops with the first color stop
+  }); // Initialize stops with the first color stop
+
   stops.push({
     offset: "".concat(offsets[0], "%"),
     stopColor: stopColors[0]
-  });
-  // Add the remaining color stops with gradient change at each stop
+  }); // Add the remaining color stops with gradient change at each stop
+
   for (var i = 1; i < ranges.length; i += 1) {
     stops.push({
       offset: "".concat(offsets[i - 1], "%"),
@@ -703,8 +781,10 @@ var getGradientStops = function getGradientStops(_ref17) {
       stopColor: stopColors[i]
     });
   }
+
   return stops;
 };
+
 exports.getGradientStops = getGradientStops;
 /**
  * calculate linear gradient dimensions
@@ -716,6 +796,7 @@ exports.getGradientStops = getGradientStops;
  * @return {String} dimensions.x2
  * @return {String} dimensions.y2
  */
+
 var getGradientDimensions = function getGradientDimensions(orientation) {
   var x1 = '0%';
   var y1 = '0%';
@@ -728,8 +809,9 @@ var getGradientDimensions = function getGradientDimensions(orientation) {
     y2: y2
   };
 };
-exports.getGradientDimensions = getGradientDimensions;
-// map for new options names to old option names
+
+exports.getGradientDimensions = getGradientDimensions; // map for new options names to old option names
+
 var gaugeOptionsMapping = {
   majorTickInterval: 'majorUnit',
   gaugeRanges: 'ranges'
@@ -740,11 +822,13 @@ var gaugeOptionsMapping = {
  * @param {Object} options
  * @returns {Object}
  */
+
 var mapToOldKey = function mapToOldKey(options) {
-  return lodash_1.mapKeys(options, function (val, key) {
+  return (0, lodash_1.mapKeys)(options, function (val, key) {
     return gaugeOptionsMapping[key] ? gaugeOptionsMapping[key] : key;
   });
 };
+
 exports.mapToOldKey = mapToOldKey;
 /**
  * Helper method to map labelDisplay and valueDisplay options to pure component option names
@@ -753,12 +837,14 @@ exports.mapToOldKey = mapToOldKey;
  * @param {Object} options
  * @returns {Object}
  */
+
 var mapValueLabelDisplay = function mapValueLabelDisplay(labelOrValue, options) {
   var rangeOrValue = labelOrValue === 'value' ? 'Value' : 'Range';
   var showKey = labelOrValue === 'value' ? 'showValue' : 'showLabels';
   var percentKey = "usePercentage".concat(rangeOrValue);
   var optionString = "".concat(labelOrValue, "Display");
   var newOptions = Object.assign({}, options);
+
   if (newOptions[optionString]) {
     if (newOptions[optionString] === 'number') {
       newOptions[showKey] = true;
@@ -771,8 +857,10 @@ var mapValueLabelDisplay = function mapValueLabelDisplay(labelOrValue, options)
       newOptions[percentKey] = false;
     }
   }
-  return lodash_1.omit(newOptions, [optionString]);
+
+  return (0, lodash_1.omit)(newOptions, [optionString]);
 };
+
 exports.mapValueLabelDisplay = mapValueLabelDisplay;
 /**
  * Chained helper for mapping the option properties (and values) we expose in config.ts into property values that pure component accepts
@@ -781,25 +869,20 @@ exports.mapValueLabelDisplay = mapValueLabelDisplay;
  * @param {Object} originalOptions
  * @returns {Object}
  */
+
 var convertToGaugeProperties = function convertToGaugeProperties(originalOptions) {
-  return lodash_1.chain(exports.mapToOldKey(originalOptions)).thru(function (options) {
-    return exports.mapValueLabelDisplay('label', options);
+  return (0, lodash_1.chain)((0, exports.mapToOldKey)(originalOptions)).thru(function (options) {
+    return (0, exports.mapValueLabelDisplay)('label', options);
   }).thru(function (options) {
-    return exports.mapValueLabelDisplay('value', options);
+    return (0, exports.mapValueLabelDisplay)('value', options);
   }).value();
 };
-exports.convertToGaugeProperties = convertToGaugeProperties;
 
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
+exports.convertToGaugeProperties = convertToGaugeProperties;
 
 /***/ }),
 
-/***/ 70:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/colorConstants");