@splunk/visualizations 23.3.0 → 24.0.0

package/common/gaugeUtils.js

@@ -87,81 +87,46 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 59);
+/******/ 	return __webpack_require__(__webpack_require__.s = 68);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 15:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
 
-/***/ 22:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/colorConstants");
+module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 30:
-/***/ (function(module, exports) {
+/***/ 68:
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("lodash/uniqBy");
+"use strict";
 
-/***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
+var _toConsumableArray = __webpack_require__(25);
 
-module.exports = require("@splunk/ui-utils/i18n");
+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);
 
-/***/ 59:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+var colorConstants_1 = __webpack_require__(69);
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GAUGE_THICKNESS", function() { return GAUGE_THICKNESS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FILL_THICKNESS", function() { return FILL_THICKNESS; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeWidth", function() { return getGaugeWidth; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeHeight", function() { return getGaugeHeight; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeLength", function() { return getGaugeLength; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeStartPosition", function() { return getGaugeStartPosition; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeDimensions", function() { return getGaugeDimensions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "assignGaugeColor", function() { return assignGaugeColor; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeBarLength", function() { return getGaugeBarLength; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeBarStartPositions", function() { return getGaugeBarStartPositions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeBarWidth", function() { return getGaugeBarWidth; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeBarHeight", function() { return getGaugeBarHeight; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFillBarDimensions", function() { return getFillBarDimensions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getFillerGaugeValueMarkerPositions", function() { return getFillerGaugeValueMarkerPositions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMarkerBarDimensions", function() { return getMarkerBarDimensions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMarkerGaugeValueMarkerPositions", function() { return getMarkerGaugeValueMarkerPositions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSortedRanges", function() { return getSortedRanges; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "validateRanges", function() { return validateRanges; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGaugeRange", function() { return getGaugeRange; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGradientStopOffsets", function() { return getGradientStopOffsets; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGradientStopColors", function() { return getGradientStopColors; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGradientStops", function() { return getGradientStops; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getGradientDimensions", function() { return getGradientDimensions; });
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(15);
-/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_uniqBy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(30);
-/* harmony import */ var lodash_uniqBy__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqBy__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22);
-/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_3__);
-
-
-
-
-var GAUGE_THICKNESS = 50;
-var FILL_THICKNESS = 38;
+var i18n_1 = __webpack_require__(7);
+
+exports.GAUGE_THICKNESS = 50;
+exports.FILL_THICKNESS = 38;
 var GRADIENT_STOP_OFFSET_MIN = 0;
 var GRADIENT_STOP_OFFSET_MAX = 100;
 /**
@@ -176,8 +141,10 @@ var GRADIENT_STOP_OFFSET_MAX = 100;
 var getGaugeWidth = function getGaugeWidth(_ref) {
   var containerWidth = _ref.containerWidth,
       orientation = _ref.orientation;
-  return orientation === 'vertical' ? GAUGE_THICKNESS : containerWidth * 0.8;
+  return orientation === 'vertical' ? exports.GAUGE_THICKNESS : containerWidth * 0.8;
 };
+
+exports.getGaugeWidth = getGaugeWidth;
 /**
  * get height for the whole gauge viz for horizontal or vertical view
  * @method getGaugeHeight
@@ -190,8 +157,10 @@ var getGaugeWidth = function getGaugeWidth(_ref) {
 var getGaugeHeight = function getGaugeHeight(_ref2) {
   var containerHeight = _ref2.containerHeight,
       orientation = _ref2.orientation;
-  return orientation === 'vertical' ? containerHeight * 0.8 : GAUGE_THICKNESS;
+  return orientation === 'vertical' ? containerHeight * 0.8 : exports.GAUGE_THICKNESS;
 };
+
+exports.getGaugeHeight = getGaugeHeight;
 /**
  * get how long the gauge shoud be.
  * In horizontal view, gauge length equals to gauge width. In vertical view, it equals to gauge height.
@@ -207,14 +176,16 @@ var getGaugeLength = function getGaugeLength(_ref3) {
   var containerWidth = _ref3.containerWidth,
       containerHeight = _ref3.containerHeight,
       orientation = _ref3.orientation;
-  return orientation === 'vertical' ? getGaugeHeight({
+  return orientation === 'vertical' ? exports.getGaugeHeight({
     containerHeight: containerHeight,
     orientation: orientation
-  }) : getGaugeWidth({
+  }) : exports.getGaugeWidth({
     containerWidth: containerWidth,
     orientation: orientation
   });
 };
+
+exports.getGaugeLength = getGaugeLength;
 /**
  * get start x and y for rendering gauge
  * @method getGaugeStartPosition
@@ -232,13 +203,13 @@ var getGaugeStartPosition = function getGaugeStartPosition(_ref4) {
   var containerWidth = _ref4.containerWidth,
       containerHeight = _ref4.containerHeight,
       gaugeLength = _ref4.gaugeLength,
-      orientation = _ref4.orientation; // for horizontal view
-
+      orientation = _ref4.orientation;
+  // for horizontal view
   var gaugeStartX = (containerWidth - gaugeLength) / 2.0;
-  var gaugeStartY = (containerHeight - GAUGE_THICKNESS) / 2.0;
+  var gaugeStartY = (containerHeight - exports.GAUGE_THICKNESS) / 2.0;
 
   if (orientation === 'vertical') {
-    gaugeStartX = (containerWidth - GAUGE_THICKNESS) / 2.0;
+    gaugeStartX = (containerWidth - exports.GAUGE_THICKNESS) / 2.0;
     gaugeStartY = (containerHeight - gaugeLength) / 2.0;
   }
 
@@ -247,6 +218,8 @@ var getGaugeStartPosition = function getGaugeStartPosition(_ref4) {
     gaugeStartY: gaugeStartY
   };
 };
+
+exports.getGaugeStartPosition = getGaugeStartPosition;
 /**
  * get dimensions for the whole gauge viz,
  * which can be useful to calculate background bar and major ticks positions.
@@ -267,26 +240,26 @@ var getGaugeDimensions = function getGaugeDimensions(_ref5) {
   var containerWidth = _ref5.containerWidth,
       containerHeight = _ref5.containerHeight,
       orientation = _ref5.orientation;
-  var gaugeLength = getGaugeLength({
+  var gaugeLength = exports.getGaugeLength({
     containerWidth: containerWidth,
     containerHeight: containerHeight,
     orientation: orientation
   });
 
-  var _getGaugeStartPositio = getGaugeStartPosition({
+  var _exports$getGaugeStar = exports.getGaugeStartPosition({
     containerWidth: containerWidth,
     containerHeight: containerHeight,
     gaugeLength: gaugeLength,
     orientation: orientation
   }),
-      gaugeStartX = _getGaugeStartPositio.gaugeStartX,
-      gaugeStartY = _getGaugeStartPositio.gaugeStartY;
+      gaugeStartX = _exports$getGaugeStar.gaugeStartX,
+      gaugeStartY = _exports$getGaugeStar.gaugeStartY;
 
-  var gaugeWidth = getGaugeWidth({
+  var gaugeWidth = exports.getGaugeWidth({
     containerWidth: containerWidth,
     orientation: orientation
   });
-  var gaugeHeight = getGaugeHeight({
+  var gaugeHeight = exports.getGaugeHeight({
     containerHeight: containerHeight,
     orientation: orientation
   });
@@ -298,6 +271,8 @@ var getGaugeDimensions = function getGaugeDimensions(_ref5) {
     gaugeHeight: gaugeHeight
   };
 };
+
+exports.getGaugeDimensions = getGaugeDimensions;
 /**
  * if gaugeColor is not specified, auto assign a gauge color to the fill bar
  * based on how much percentage the value is taken between min and max
@@ -312,15 +287,17 @@ var assignGaugeColor = function assignGaugeColor(_ref6) {
   var rate = (value - min) / (max - min);
 
   if (rate <= 0.3) {
-    return _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__["SEMANTIC_SUCCESS"];
+    return colorConstants_1.SEMANTIC_SUCCESS;
   }
 
   if (rate > 0.3 && rate <= 0.6) {
-    return _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__["SEMANTIC_WARNING"];
+    return colorConstants_1.SEMANTIC_WARNING;
   }
 
-  return _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__["SEMANTIC_ERROR"];
+  return colorConstants_1.SEMANTIC_ERROR;
 };
+
+exports.assignGaugeColor = assignGaugeColor;
 /**
  * get inner bar length in gauge
  * @method getGaugeBarLength
@@ -352,6 +329,8 @@ var getGaugeBarLength = function getGaugeBarLength(_ref7) {
 
   return gaugeLength * (value - min) / (max - min);
 };
+
+exports.getGaugeBarLength = getGaugeBarLength;
 /**
  * get x and y position for rendering inner bar in gauge
  * @method getGaugeBarStartPositions
@@ -378,10 +357,10 @@ var getGaugeBarStartPositions = function getGaugeBarStartPositions(_ref8) {
   var gaugeBarY = gaugeStartY;
 
   if (orientation === 'vertical') {
-    gaugeBarX += (gaugeWidth - FILL_THICKNESS) / 2;
+    gaugeBarX += (gaugeWidth - exports.FILL_THICKNESS) / 2;
     gaugeBarY += gaugeHeight - gaugeBarLength;
   } else {
-    gaugeBarY += (gaugeHeight - FILL_THICKNESS) / 2;
+    gaugeBarY += (gaugeHeight - exports.FILL_THICKNESS) / 2;
   }
 
   return {
@@ -389,6 +368,8 @@ var getGaugeBarStartPositions = function getGaugeBarStartPositions(_ref8) {
     gaugeBarY: gaugeBarY
   };
 };
+
+exports.getGaugeBarStartPositions = getGaugeBarStartPositions;
 /**
  * get width of inner bar in gauge
  * @method getGaugeBarWidth
@@ -401,8 +382,10 @@ var getGaugeBarStartPositions = function getGaugeBarStartPositions(_ref8) {
 var getGaugeBarWidth = function getGaugeBarWidth(_ref9) {
   var gaugeBarLength = _ref9.gaugeBarLength,
       orientation = _ref9.orientation;
-  return orientation === 'vertical' ? FILL_THICKNESS : gaugeBarLength;
+  return orientation === 'vertical' ? exports.FILL_THICKNESS : gaugeBarLength;
 };
+
+exports.getGaugeBarWidth = getGaugeBarWidth;
 /**
  * get height of inner bar in gauge
  * @method getGaugeBarWidth
@@ -415,8 +398,10 @@ var getGaugeBarWidth = function getGaugeBarWidth(_ref9) {
 var getGaugeBarHeight = function getGaugeBarHeight(_ref10) {
   var gaugeBarLength = _ref10.gaugeBarLength,
       orientation = _ref10.orientation;
-  return orientation === 'vertical' ? gaugeBarLength : FILL_THICKNESS;
+  return orientation === 'vertical' ? gaugeBarLength : exports.FILL_THICKNESS;
 };
+
+exports.getGaugeBarHeight = getGaugeBarHeight;
 /**
  * get dimensions for the fill bar in the gauge
  * @method getFillBarDimensions
@@ -448,14 +433,14 @@ var getFillBarDimensions = function getFillBarDimensions(_ref11) {
       min = _ref11.min,
       max = _ref11.max,
       orientation = _ref11.orientation;
-  var gaugeBarLength = getGaugeBarLength({
+  var gaugeBarLength = exports.getGaugeBarLength({
     gaugeLength: gaugeLength,
     value: value,
     max: max,
     min: min
   });
 
-  var _getGaugeBarStartPosi = getGaugeBarStartPositions({
+  var _exports$getGaugeBarS = exports.getGaugeBarStartPositions({
     gaugeStartX: gaugeStartX,
     gaugeStartY: gaugeStartY,
     gaugeWidth: gaugeWidth,
@@ -463,14 +448,14 @@ var getFillBarDimensions = function getFillBarDimensions(_ref11) {
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   }),
-      fillBarX = _getGaugeBarStartPosi.gaugeBarX,
-      fillBarY = _getGaugeBarStartPosi.gaugeBarY;
+      fillBarX = _exports$getGaugeBarS.gaugeBarX,
+      fillBarY = _exports$getGaugeBarS.gaugeBarY;
 
-  var fillBarWidth = getGaugeBarWidth({
+  var fillBarWidth = exports.getGaugeBarWidth({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
-  var fillBarHeight = getGaugeBarHeight({
+  var fillBarHeight = exports.getGaugeBarHeight({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
@@ -482,6 +467,8 @@ var getFillBarDimensions = function getFillBarDimensions(_ref11) {
     fillBarHeight: fillBarHeight
   };
 };
+
+exports.getFillBarDimensions = getFillBarDimensions;
 /**
  * get position x and y for value marker in filler gauge
  * @method getFillerGaugeValueMarkerPositions
@@ -504,10 +491,10 @@ var getFillerGaugeValueMarkerPositions = function getFillerGaugeValueMarkerPosit
   var valueMarkerY = fillBarY;
 
   if (orientation === 'vertical') {
-    valueMarkerX -= (GAUGE_THICKNESS - FILL_THICKNESS) / 4;
+    valueMarkerX -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   } else {
     valueMarkerX += fillBarLength;
-    valueMarkerY -= (GAUGE_THICKNESS - FILL_THICKNESS) / 4;
+    valueMarkerY -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   }
 
   return {
@@ -515,6 +502,8 @@ var getFillerGaugeValueMarkerPositions = function getFillerGaugeValueMarkerPosit
     valueMarkerY: valueMarkerY
   };
 };
+
+exports.getFillerGaugeValueMarkerPositions = getFillerGaugeValueMarkerPositions;
 /**
  * get dimensions for the marker bar in the gauge
  * @method getMarkerBarDimensions
@@ -542,7 +531,7 @@ var getMarkerBarDimensions = function getMarkerBarDimensions(_ref13) {
       orientation = _ref13.orientation;
   var gaugeBarLength = gaugeLength; // For marker gauge, inner marker bar spans the entire gauge
 
-  var _getGaugeBarStartPosi2 = getGaugeBarStartPositions({
+  var _exports$getGaugeBarS2 = exports.getGaugeBarStartPositions({
     gaugeStartX: gaugeStartX,
     gaugeStartY: gaugeStartY,
     gaugeWidth: gaugeWidth,
@@ -550,14 +539,14 @@ var getMarkerBarDimensions = function getMarkerBarDimensions(_ref13) {
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   }),
-      markerBarX = _getGaugeBarStartPosi2.gaugeBarX,
-      markerBarY = _getGaugeBarStartPosi2.gaugeBarY;
+      markerBarX = _exports$getGaugeBarS2.gaugeBarX,
+      markerBarY = _exports$getGaugeBarS2.gaugeBarY;
 
-  var markerBarWidth = getGaugeBarWidth({
+  var markerBarWidth = exports.getGaugeBarWidth({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
-  var markerBarHeight = getGaugeBarHeight({
+  var markerBarHeight = exports.getGaugeBarHeight({
     gaugeBarLength: gaugeBarLength,
     orientation: orientation
   });
@@ -569,6 +558,8 @@ var getMarkerBarDimensions = function getMarkerBarDimensions(_ref13) {
     markerBarHeight: markerBarHeight
   };
 };
+
+exports.getMarkerBarDimensions = getMarkerBarDimensions;
 /**
  * get position x and y for value marker in marker gauge
  * @method getMarkerGaugeValueMarkerPositions
@@ -599,21 +590,21 @@ var getMarkerGaugeValueMarkerPositions = function getMarkerGaugeValueMarkerPosit
   var valueMarkerY = markerBarY;
 
   if (orientation === 'vertical') {
-    valueMarkerY += markerBarHeight - getGaugeBarLength({
+    valueMarkerY += markerBarHeight - exports.getGaugeBarLength({
       gaugeLength: gaugeLength,
       value: value,
       max: max,
       min: min
     });
-    valueMarkerX -= (GAUGE_THICKNESS - FILL_THICKNESS) / 4;
+    valueMarkerX -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   } else {
-    valueMarkerX += getGaugeBarLength({
+    valueMarkerX += exports.getGaugeBarLength({
       gaugeLength: gaugeLength,
       value: value,
       max: max,
       min: min
     });
-    valueMarkerY -= (GAUGE_THICKNESS - FILL_THICKNESS) / 4;
+    valueMarkerY -= (exports.GAUGE_THICKNESS - exports.FILL_THICKNESS) / 4;
   }
 
   return {
@@ -621,6 +612,8 @@ var getMarkerGaugeValueMarkerPositions = function getMarkerGaugeValueMarkerPosit
     valueMarkerY: valueMarkerY
   };
 };
+
+exports.getMarkerGaugeValueMarkerPositions = getMarkerGaugeValueMarkerPositions;
 /**
  * sort the ranges in ascending order
  * @method getSortedRanges
@@ -633,6 +626,8 @@ var getSortedRanges = function getSortedRanges(ranges) {
     return a.from - b.from;
   });
 };
+
+exports.getSortedRanges = getSortedRanges;
 /**
  * validate whether ranges prop is valid - continuous ranges, range.to < range.from, range.from != range.to
  * @method validateRanges
@@ -642,31 +637,33 @@ var getSortedRanges = function getSortedRanges(ranges) {
 
 var validateRanges = function validateRanges(ranges) {
   if (!ranges.length) {
-    return Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_3__["_"])('Prop "ranges" is missing entries');
+    return 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 Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_3__["_"])('Prop "ranges" has invalid entries: invalid range');
+    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_uniqBy__WEBPACK_IMPORTED_MODULE_1___default()(ranges, 'to').length || ranges.length !== lodash_uniqBy__WEBPACK_IMPORTED_MODULE_1___default()(ranges, 'from').length) {
-    return Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_3__["_"])('Prop "ranges" has invalid entries: duplicate values');
+  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');
   }
 
-  var sortedRanges = getSortedRanges(ranges); // check whether ranges are continuous eg: 0 - 10, 10 - 20, 20 - 30
+  var sortedRanges = 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 Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_3__["_"])('Prop "ranges" has invalid entries: discontinuous ranges');
+      return i18n_1._('Prop "ranges" has invalid entries: discontinuous ranges');
     }
   }
 
   return null;
 };
+
+exports.validateRanges = validateRanges;
 /**
  * calculate min and max value of gauge
  * @method getGaugeRange
@@ -677,10 +674,10 @@ var validateRanges = function validateRanges(ranges) {
  */
 
 var getGaugeRange = function getGaugeRange(ranges) {
-  var min = Math.min.apply(Math, _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(ranges.map(function (range) {
+  var min = Math.min.apply(Math, _toConsumableArray(ranges.map(function (range) {
     return range.from;
   })));
-  var max = Math.max.apply(Math, _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default()(ranges.map(function (range) {
+  var max = Math.max.apply(Math, _toConsumableArray(ranges.map(function (range) {
     return range.to;
   })));
   return {
@@ -688,6 +685,8 @@ var getGaugeRange = function getGaugeRange(ranges) {
     max: max
   };
 };
+
+exports.getGaugeRange = getGaugeRange;
 /**
  * calculate stop offsets for linear gradient
  * @method getGradientStopOffsets
@@ -700,9 +699,9 @@ var getGradientStopOffsets = function getGradientStopOffsets(_ref15) {
   var ranges = _ref15.ranges,
       orientation = _ref15.orientation;
 
-  var _getGaugeRange = getGaugeRange(ranges),
-      min = _getGaugeRange.min,
-      max = _getGaugeRange.max;
+  var _exports$getGaugeRang = exports.getGaugeRange(ranges),
+      min = _exports$getGaugeRang.min,
+      max = _exports$getGaugeRang.max;
 
   var offsetScale = (GRADIENT_STOP_OFFSET_MAX - GRADIENT_STOP_OFFSET_MIN) / (max - min);
   var offsets = ranges.map(function (range) {
@@ -717,6 +716,8 @@ var getGradientStopOffsets = function getGradientStopOffsets(_ref15) {
   }, 0);
   return cumulativeOffsets;
 };
+
+exports.getGradientStopOffsets = getGradientStopOffsets;
 /**
  * calculate stop colors for linear gradient
  * @method getGradientStopColors
@@ -734,6 +735,8 @@ var getGradientStopColors = function getGradientStopColors(_ref16) {
 
   return orientation === 'vertical' ? stopColors.reverse() : stopColors;
 };
+
+exports.getGradientStopColors = getGradientStopColors;
 /**
  * calculate linear gradient stops from ranges
  * @method getGradientStops
@@ -747,11 +750,11 @@ var getGradientStops = function getGradientStops(_ref17) {
   var ranges = _ref17.ranges,
       orientation = _ref17.orientation;
   var stops = [];
-  var offsets = getGradientStopOffsets({
+  var offsets = exports.getGradientStopOffsets({
     ranges: ranges,
     orientation: orientation
   });
-  var stopColors = getGradientStopColors({
+  var stopColors = exports.getGradientStopColors({
     ranges: ranges,
     orientation: orientation
   }); // Initialize stops with the first color stop
@@ -774,6 +777,8 @@ var getGradientStops = function getGradientStops(_ref17) {
 
   return stops;
 };
+
+exports.getGradientStops = getGradientStops;
 /**
  * calculate linear gradient dimensions
  * @method getGradientDimensions
@@ -798,6 +803,90 @@ var getGradientDimensions = function getGradientDimensions(orientation) {
   };
 };
 
+exports.getGradientDimensions = getGradientDimensions; // map for new options names to old option names
+
+var gaugeOptionsMapping = {
+  majorTickInterval: 'majorUnit',
+  gaugeRanges: 'ranges'
+};
+/**
+ * Helper method to update the option names which can be mapped to pure component options
+ * @method mapToOldKey
+ * @param {Object} options
+ * @returns {Object}
+ */
+
+var mapToOldKey = function mapToOldKey(options) {
+  return 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
+ * @method mapToOldKey
+ * @param {string} labelOrValue
+ * @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;
+      newOptions[percentKey] = false;
+    } else if (newOptions[optionString] === 'percentage') {
+      newOptions[showKey] = true;
+      newOptions[percentKey] = true;
+    } else {
+      newOptions[showKey] = false;
+      newOptions[percentKey] = false;
+    }
+  }
+
+  return 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
+ * This is for options that has new key name and can not directly be mapped with pure component props
+ * @method convertToGaugeProperties
+ * @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);
+  }).thru(function (options) {
+    return exports.mapValueLabelDisplay('value', options);
+  }).value();
+};
+
+exports.convertToGaugeProperties = convertToGaugeProperties;
+
+/***/ }),
+
+/***/ 69:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/colorConstants");
+
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
 /***/ })
 
 /******/ });