@splunk/visualizations 25.3.3 → 25.5.0

package/SingleValue.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 445);
+/******/ 	return __webpack_require__(__webpack_require__.s = 448);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -95,14 +95,14 @@ module.exports =
 /***/ 0:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("prop-types");
 
 /***/ }),
 
 /***/ 1:
 /***/ (function(module, exports) {
 
-module.exports = require("prop-types");
+module.exports = require("react");
 
 /***/ }),
 
@@ -120,7 +120,7 @@ module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 118:
+/***/ 119:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165,105 +165,6 @@ exports.defaultContext = {
 
 /***/ }),
 
-/***/ 119:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-
-var StaticMajorAndTrendLayout = [[{
-  label: 'Unit position',
-  // todo: we need a new editor combining unit and position
-  option: 'unitPosition',
-  editor: 'editor.select',
-  editorProps: {
-    values: [{
-      label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Before'),
-      value: 'before'
-    }, {
-      label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('After'),
-      value: 'after'
-    }]
-  },
-  showEditor: function showEditor(_ref) {
-    var options = _ref.options;
-    return options.showValue || options.showValue === undefined;
-  }
-}, {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Unit label'),
-  option: 'unit',
-  editor: 'editor.text',
-  showEditor: function showEditor(_ref2) {
-    var options = _ref2.options;
-    return options.showValue || options.showValue === undefined;
-  }
-}], [{
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Precision'),
-  option: 'numberPrecision',
-  editor: 'editor.number',
-  editorProps: {
-    min: 0,
-    max: 20
-  },
-  showEditor: function showEditor(_ref3) {
-    var options = _ref3.options;
-    return options.showValue || options.showValue === undefined;
-  }
-}, {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value size (px)'),
-  option: 'majorFontSize',
-  editor: 'editor.number',
-  editorProps: {
-    min: 1
-  },
-  placeholder: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Auto'),
-  showEditor: function showEditor(_ref4) {
-    var options = _ref4.options;
-    return options.showValue || options.showValue === undefined;
-  }
-}], [{
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend display'),
-  option: 'trendDisplay',
-  editor: 'editor.select',
-  editorProps: {
-    values: [{
-      label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Percent'),
-      value: 'percent'
-    }, {
-      label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Absolute'),
-      value: 'absolute'
-    }, {
-      label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Off'),
-      value: 'off'
-    }]
-  },
-  showEditor: function showEditor(_ref5) {
-    var options = _ref5.options;
-    return options.showValue || options.showValue === undefined;
-  }
-}, {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend size (px)'),
-  option: 'trendFontSize',
-  editor: 'editor.number',
-  editorProps: {
-    min: 1
-  },
-  placeholder: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Auto'),
-  showEditor: function showEditor(_ref6) {
-    var options = _ref6.options;
-    return options.showValue || options.showValue === undefined;
-  },
-  isDisabled: function isDisabled(_ref7) {
-    var options = _ref7.options;
-    return options.trendDisplay === 'off';
-  }
-}]];
-/* harmony default export */ __webpack_exports__["default"] = (StaticMajorAndTrendLayout);
-
-/***/ }),
-
 /***/ 12:
 /***/ (function(module, exports) {
 
@@ -281,7 +182,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -346,7 +247,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.3.3 - a0cdd353c",
+      "data-splunk-visualization-version": "25.5.0 - 12c0447a7",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -728,7 +629,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(30);
 /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(49);
+/* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50);
 /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(24);
 /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__);
@@ -1735,9 +1636,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldShowIconPlaceholder = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -1829,7 +1730,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -1898,7 +1799,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -2005,7 +1906,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -2283,7 +2184,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
 /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -2491,7 +2392,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDeepMemo = void 0;
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 /**
@@ -2537,9 +2438,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
 var i18n_1 = __webpack_require__(2);
 
@@ -2617,7 +2518,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -2628,7 +2529,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "25.3.3 - a0cdd353c"
+  'data-splunk-visualization-version': "25.5.0 - 12c0447a7"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -2670,7 +2571,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var colorUtils_1 = __webpack_require__(12);
 
@@ -2732,30 +2633,45 @@ module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
 
-/***/ 445:
+/***/ 448:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.themes = exports.computeVizProps = exports.PureSingleValue = exports.config = void 0;
 
-var SingleValue_1 = __webpack_require__(469);
+var SingleValue_1 = __webpack_require__(472);
 
 var withDashboardViz_1 = __webpack_require__(32);
 
 var singleValueUtils_1 = __webpack_require__(22);
 
-var config_1 = __webpack_require__(446);
+var config_1 = __webpack_require__(449);
 
 exports.config = config_1.default;
 exports.PureSingleValue = SingleValue_1.default;
 
-var computeVizProps = function computeVizProps(_ref) {
-  var themeFunc = _ref.themeFunc;
+var computeVizProps = function computeVizProps(_a) {
+  var themeFunc = _a.themeFunc,
+      props = __rest(_a, ["themeFunc"]);
+
   var defaultThemeColorVariables = ['defaultFontColor', 'defaultBackgroundColor', 'defaultBlockFontColor', 'defaultSparklineStrokeColor', 'sparklineSeverityColors'];
   var defaultThemeColors = {};
   defaultThemeColorVariables.forEach(function (variable) {
@@ -2771,7 +2687,9 @@ var computeVizProps = function computeVizProps(_ref) {
 
   }
 
-  return defaultThemeColors;
+  return Object.assign({
+    defaultThemeColors: defaultThemeColors
+  }, props);
 };
 
 exports.computeVizProps = computeVizProps;
@@ -2788,12 +2706,14 @@ exports.default = viz;
 
 /***/ }),
 
-/***/ 446:
+/***/ 449:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -2804,7 +2724,7 @@ var schemaUtils_1 = __webpack_require__(16);
 
 var PresetPalettes_1 = __webpack_require__(54);
 
-var variables_1 = __webpack_require__(447);
+var variables_1 = __webpack_require__(450);
 
 var pick_1 = __webpack_require__(21);
 
@@ -2814,7 +2734,7 @@ var visualization_icons_1 = __webpack_require__(47);
 
 var placeholders_1 = __webpack_require__(44);
 
-var singleValueContext_1 = __webpack_require__(118);
+var singleValueContext_1 = __webpack_require__(119);
 
 var VizBehavior_1 = __webpack_require__(6);
 
@@ -2824,11 +2744,11 @@ var DynamicTrendColorEditor_1 = __webpack_require__(89);
 
 var DynamicBackgroundColorEditor_1 = __webpack_require__(90);
 
-var StaticMajorAndTrendLayout_1 = __webpack_require__(119);
+var StaticMajorAndTrendLayout_1 = __webpack_require__(91);
 
-var StaticMajorColorEditor_1 = __webpack_require__(91);
+var StaticMajorColorEditor_1 = __webpack_require__(92);
 
-var StaticTrendColorEditor_1 = __webpack_require__(92);
+var StaticTrendColorEditor_1 = __webpack_require__(93);
 
 var StaticBackgroundColorEditor_1 = __webpack_require__(78);
 
@@ -3019,7 +2939,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Trend'),
+  label: i18n_1._('Trend Value'),
   name: 'singleValue.trend',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3030,7 +2950,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Major Value & Trend'),
+  label: i18n_1._('Major Value & Trend Value'),
   name: 'singleValue.majorValueAndTrend',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3187,9 +3107,9 @@ var themes = {
   }
 };
 var editorConfig = [{
-  label: i18n_1._('Selected data field'),
+  label: i18n_1._('Data configurations'),
   layout: [[{
-    label: i18n_1._('Data field'),
+    label: i18n_1._('Value'),
     editor: 'editor.columnSelector',
     option: 'sparklineValues',
     context: 'sparklineValuesContext',
@@ -3209,11 +3129,28 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Major value & trend'),
-  layout: StaticMajorAndTrendLayout_1.default
-}, {
-  label: i18n_1._('Sparkline'),
-  layout: [[{
+  label: i18n_1._('Data display'),
+  layout: [].concat(_toConsumableArray(StaticMajorAndTrendLayout_1.default), [[{
+    label: i18n_1._('Trend display'),
+    option: 'trendDisplay',
+    editor: 'editor.select',
+    editorProps: {
+      values: [{
+        label: i18n_1._('Percent'),
+        value: 'percent'
+      }, {
+        label: i18n_1._('Absolute'),
+        value: 'absolute'
+      }, {
+        label: i18n_1._('Off'),
+        value: 'off'
+      }]
+    },
+    showEditor: function showEditor(_ref) {
+      var options = _ref.options;
+      return options.showValue || options.showValue === undefined;
+    }
+  }, {
     label: i18n_1._('Sparkline display'),
     option: 'sparklineDisplay',
     editor: 'editor.select',
@@ -3232,18 +3169,18 @@ var editorConfig = [{
         value: 'after'
       }]
     }
-  }]]
+  }]])
 }, {
-  label: i18n_1._('Coloring'),
+  label: i18n_1._('Color and style'),
   layout: [[{
     label: 'Dynamic elements',
     key: 'presetSelector',
     editor: 'editor.presetSelector',
     editorProps: {
       presets: presets,
-      value: function value(_ref) {
-        var context = _ref.context,
-            options = _ref.options;
+      value: function value(_ref2) {
+        var context = _ref2.context,
+            options = _ref2.options;
         var initialPreset = configUtils_1.getInitialPreset(context, options, presets);
         return initialPreset && initialPreset.label || null;
       }
@@ -3272,7 +3209,35 @@ var editorConfig = [{
   })], [DynamicBackgroundColorEditor_1.getDynamicBackgroundColorEditor({
     defaultContext: singleValueContext_1.defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
-  })]]
+  })], [{
+    label: i18n_1._('Major value size (px)'),
+    option: 'majorFontSize',
+    editor: 'editor.number',
+    editorProps: {
+      min: 1
+    },
+    placeholder: i18n_1._('Auto'),
+    showEditor: function showEditor(_ref3) {
+      var options = _ref3.options;
+      return options.showValue || options.showValue === undefined;
+    }
+  }, {
+    label: i18n_1._('Trend value size (px)'),
+    option: 'trendFontSize',
+    editor: 'editor.number',
+    editorProps: {
+      min: 1
+    },
+    placeholder: i18n_1._('Auto'),
+    showEditor: function showEditor(_ref4) {
+      var options = _ref4.options;
+      return options.showValue || options.showValue === undefined;
+    },
+    isDisabled: function isDisabled(_ref5) {
+      var options = _ref5.options;
+      return options.trendDisplay === 'off';
+    }
+  }]]
 }];
 /**
  * visualization configuration
@@ -3314,21 +3279,28 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 447:
+/***/ 45:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/colorConstants");
+
+/***/ }),
+
+/***/ 450:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-themes/variables");
 
 /***/ }),
 
-/***/ 45:
+/***/ 47:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/colorConstants");
+module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
 
-/***/ 469:
+/***/ 472:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3344,11 +3316,11 @@ var extends_ = __webpack_require__(48);
 var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
 
 // EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(0);
+var external_react_ = __webpack_require__(1);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_ = __webpack_require__(0);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -3381,7 +3353,7 @@ var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_)
 var SingleValueBasic = __webpack_require__(70);
 
 // EXTERNAL MODULE: external "@splunk/react-sparkline/Line"
-var Line_ = __webpack_require__(98);
+var Line_ = __webpack_require__(99);
 var Line_default = /*#__PURE__*/__webpack_require__.n(Line_);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/propUtils"
@@ -3922,6 +3894,7 @@ var SingleValue_SingleValue = function SingleValue(_ref) {
   var width = props.width,
       _props$height = props.height,
       height = _props$height === void 0 ? 250 : _props$height,
+      hasEventHandlers = props.hasEventHandlers,
       style = props.style,
       majorFontSize = props.majorFontSize,
       majorValue = props.majorValue,
@@ -4100,7 +4073,7 @@ var SingleValue_SingleValue = function SingleValue(_ref) {
       underLabel: underLabel,
       underLabelFontSize: underLabelFontSize,
       underLabelColor: underLabelColor,
-      onValueClick: handleValueClick,
+      onValueClick: hasEventHandlers && handleValueClick,
       showSparkline: hasSparkline,
       sparklinePosition: sparklineDisplay,
       sparklineWidth: sparklineWidth,
@@ -4153,6 +4126,7 @@ SingleValue_SingleValue.propTypes = {
   shouldSparklineAcceptNullData: external_prop_types_default.a.bool,
   sparklineHighlightSegments: external_prop_types_default.a.number,
   sparklineHighlightDots: external_prop_types_default.a.number,
+  hasEventHandlers: external_prop_types_default.a.bool,
   onValueClick: external_prop_types_default.a.func,
   defaultFontColor: external_prop_types_default.a.string,
   defaultBackgroundColor: external_prop_types_default.a.string,
@@ -4176,6 +4150,7 @@ SingleValue_SingleValue.defaultProps = {
   shouldSparklineAcceptNullData: true,
   sparklineHighlightSegments: 0,
   sparklineHighlightDots: 0,
+  hasEventHandlers: false,
   onValueClick: function onValueClick() {} // fixme todo: a pure viz should not be passed a map of severity colors! This should be resolved
   // by behaviors or DSL in future. Pure viz does not understand concepts such as severity.
 
@@ -4184,13 +4159,6 @@ SingleValue_SingleValue.defaultProps = {
 
 /***/ }),
 
-/***/ 47:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-icons");
-
-/***/ }),
-
 /***/ 48:
 /***/ (function(module, exports) {
 
@@ -4198,7 +4166,7 @@ module.exports = require("@babel/runtime/helpers/extends");
 
 /***/ }),
 
-/***/ 49:
+/***/ 50:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/domUtils");
@@ -4296,11 +4264,11 @@ var extends_ = __webpack_require__(48);
 var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
 
 // EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(0);
+var external_react_ = __webpack_require__(1);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_ = __webpack_require__(0);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -4482,7 +4450,7 @@ MajorValue_SingleValueContent.propTypes = {
   unitPosition: external_prop_types_default.a.oneOf(validUnitPositions),
   value: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number]),
   title: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number]),
-  onValueClick: external_prop_types_default.a.func
+  onValueClick: external_prop_types_default.a.oneOfType([external_prop_types_default.a.bool, external_prop_types_default.a.func])
 };
 /* harmony default export */ var MajorValue = (MajorValue_SingleValueContent);
 // CONCATENATED MODULE: ./src/SingleValueBasic/SingleValueBasic.jsx
@@ -4575,7 +4543,7 @@ SingleValueBasic_SingleValueBasic.propTypes = {
   underLabel: external_prop_types_default.a.string,
   underLabelFontSize: external_prop_types_default.a.number,
   underLabelColor: external_prop_types_default.a.string,
-  onValueClick: external_prop_types_default.a.func
+  onValueClick: external_prop_types_default.a.oneOfType([external_prop_types_default.a.bool, external_prop_types_default.a.func])
 };
 var SingleValueTrendValue = TrendValue;
 /* harmony default export */ var src_SingleValueBasic_SingleValueBasic = __webpack_exports__["default"] = (SingleValueBasic_SingleValueBasic);
@@ -4629,7 +4597,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var StaticBackgroundColorEditor = {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Static background'),
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background'),
   option: 'backgroundColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
@@ -4689,7 +4657,7 @@ var getDynamicMajorColorEditor = function getDynamicMajorColorEditor(_ref) {
         }
       }],
       dataSelectors: [{
-        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major Value'),
+        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
         value: 'majorValue'
       }],
       defaultPalettesConfig: defaultPalettesConfig
@@ -4715,7 +4683,7 @@ var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
   var defaultContext = _ref.defaultContext,
       defaultPalettesConfig = _ref.defaultPalettesConfig;
   return {
-    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic trend'),
+    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic trend value'),
     option: 'trendColor',
     context: 'trendColorEditorConfig',
     editor: 'editor.dynamicColor',
@@ -4725,7 +4693,7 @@ var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
     },
     editorProps: {
       labelPosition: 'left',
-      flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic coloring: trend'),
+      flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic coloring: trend value'),
       formatters: [{
         label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
         value: 'rangeValue',
@@ -4734,7 +4702,7 @@ var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
         }
       }],
       dataSelectors: [{
-        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend'),
+        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend value'),
         value: 'trendValue'
       }],
       defaultPalettesConfig: defaultPalettesConfig
@@ -4809,6 +4777,57 @@ var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_
 /***/ 91:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
+
+var StaticMajorAndTrendLayout = [[{
+  label: 'Unit position',
+  // todo: we need a new editor combining unit and position
+  option: 'unitPosition',
+  editor: 'editor.select',
+  editorProps: {
+    values: [{
+      label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Before'),
+      value: 'before'
+    }, {
+      label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('After'),
+      value: 'after'
+    }]
+  },
+  showEditor: function showEditor(_ref) {
+    var options = _ref.options;
+    return options.showValue || options.showValue === undefined;
+  }
+}, {
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Unit label'),
+  option: 'unit',
+  editor: 'editor.text',
+  showEditor: function showEditor(_ref2) {
+    var options = _ref2.options;
+    return options.showValue || options.showValue === undefined;
+  }
+}], [{
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Precision'),
+  option: 'numberPrecision',
+  editor: 'editor.number',
+  editorProps: {
+    min: 0,
+    max: 20
+  },
+  showEditor: function showEditor(_ref3) {
+    var options = _ref3.options;
+    return options.showValue || options.showValue === undefined;
+  }
+}]];
+/* harmony default export */ __webpack_exports__["default"] = (StaticMajorAndTrendLayout);
+
+/***/ }),
+
+/***/ 92:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
@@ -4818,7 +4837,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var StaticMajorColorEditor = {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Static major value'),
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
   option: 'majorColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
@@ -4830,7 +4849,7 @@ var StaticMajorColorEditor = {
 
 /***/ }),
 
-/***/ 92:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4842,7 +4861,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 var StaticTrendColorEditor = {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Static trend'),
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Trend value'),
   option: 'trendColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
@@ -4858,7 +4877,7 @@ var StaticTrendColorEditor = {
 
 /***/ }),
 
-/***/ 98:
+/***/ 99:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-sparkline/Line");