@splunk/visualizations 26.2.1 → 26.4.0

package/SingleValueRadial.config.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 79);
+/******/ 	return __webpack_require__(__webpack_require__.s = 70);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -104,51 +104,12 @@ module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
 /* 2 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizBehavior = void 0;
-var VizBehavior;
-
-(function (VizBehavior) {
-  /**
-   * Dynamic Options Behavior.
-   * This allows visualization options to be powered by data
-   *
-   * **Example**
-   *
-   * sparklineValues: ">primary|seriesByIndex(0)"
-   * would configure sparklineValues with an array of data points
-   * coming from the first series in the primary datasource
-   *
-   */
-  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
-  VizBehavior["EVENTS"] = "events";
-  VizBehavior["DOWNSAMPLING"] = "downsampling";
-  /**
-   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
-   * missing.
-   * @type {string}
-   */
-
-  VizBehavior["PLACEHOLDER"] = "placeholder";
-  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
-  VizBehavior["TRELLIS"] = "trellis";
-})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
-
-/***/ }),
-/* 3 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
+module.exports = require("@splunk/visualization-schemas");
 
 /***/ }),
-/* 4 */
+/* 3 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156,97 +117,22 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 var _toConsumableArray = __webpack_require__(1);
 
-var _defineProperty = __webpack_require__(7);
-
-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.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
-
-var lodash_1 = __webpack_require__(6);
-
-var schemaUtils_1 = __webpack_require__(3);
+exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
 
-var VizBehavior_1 = __webpack_require__(2);
+var lodash_1 = __webpack_require__(5); // included for backwards compatibility
 
-var dynamicOptionsDSLType = {
-  type: 'string',
-  pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
-};
-/**
- * Helper function to extend an options schema with dynamic options DSL
- * @param optionsSchema a visualization's options schema
- * @returns an updated options schema that additionally allows strings starting with > for each option
- */
-
-function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
-  var enhancedOptionsSchema = {};
-  Object.keys(optionsSchema).forEach(function (key) {
-    var _a = optionsSchema[key],
-        title = _a.title,
-        description = _a.description,
-        readOnly = _a.readOnly,
-        writeOnly = _a.writeOnly,
-        examples = _a.examples,
-        defaultValue = _a.default,
-        type = _a.type,
-        properties = _a.properties,
-        patternProperties = _a.patternProperties,
-        remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
-
-    var annotations = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, title !== undefined && {
-      title: title
-    }), description !== undefined && {
-      description: description
-    }), readOnly !== undefined && {
-      readOnly: readOnly
-    }), writeOnly !== undefined && {
-      writeOnly: writeOnly
-    }), examples !== undefined && {
-      examples: examples
-    }), defaultValue !== undefined && {
-      default: defaultValue
-    });
 
-    if (type === 'object') {
-      enhancedOptionsSchema[key] = Object.assign(Object.assign(Object.assign(Object.assign({}, remainingSchemaEntry), annotations), {
-        type: type
-      }), properties && {
-        properties: enhanceOptionsSchemaWithDynamicOptions(properties)
-      });
-
-      if (patternProperties) {
-        var enhancedPatternProperties = {};
-        Object.keys(patternProperties).forEach(function (opt) {
-          enhancedPatternProperties = Object.assign(Object.assign({}, enhancedPatternProperties), enhanceOptionsSchemaWithDynamicOptions(_defineProperty({}, opt, patternProperties[opt])));
-        });
-        enhancedOptionsSchema[key].patternProperties = enhancedPatternProperties;
-      }
-    } else {
-      enhancedOptionsSchema[key] = Object.assign(Object.assign({}, annotations), {
-        anyOf: [Object.assign(Object.assign({}, type !== undefined && {
-          type: type
-        }), remainingSchemaEntry), dynamicOptionsDSLType]
-      });
-    }
-  });
-  return enhancedOptionsSchema;
-}
+var visualization_schemas_1 = __webpack_require__(2);
 
-exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
+Object.defineProperty(exports, "enhanceOptionsSchemaWithDynamicOptions", {
+  enumerable: true,
+  get: function get() {
+    return visualization_schemas_1.enhanceOptionsSchemaWithDynamicOptions;
+  }
+});
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
  * this function also collapse all editor panels
@@ -257,11 +143,6 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
 
 function enhanceConfig(vizConfig) {
   var enhancedConfig = Object.assign({}, vizConfig);
-
-  if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS) !== -1) {
-    enhancedConfig.optionsSchema = enhanceOptionsSchemaWithDynamicOptions(vizConfig.optionsSchema);
-  }
-
   enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
     return Object.assign(Object.assign({}, config), {
       open: config.open || false
@@ -384,25 +265,58 @@ var insertLayout = function insertLayout(layout, index) {
 exports.insertLayout = insertLayout;
 
 /***/ }),
-/* 5 */
+/* 4 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/configUtils");
 
 /***/ }),
-/* 6 */
+/* 5 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash");
 
 /***/ }),
-/* 7 */
-/***/ (function(module, exports) {
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VizBehavior = void 0;
+var VizBehavior;
+
+(function (VizBehavior) {
+  /**
+   * Dynamic Options Behavior.
+   * This allows visualization options to be powered by data
+   *
+   * **Example**
+   *
+   * sparklineValues: ">primary|seriesByIndex(0)"
+   * would configure sparklineValues with an array of data points
+   * coming from the first series in the primary datasource
+   *
+   */
+  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
+  VizBehavior["EVENTS"] = "events";
+  VizBehavior["DOWNSAMPLING"] = "downsampling";
+  /**
+   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
+   * missing.
+   * @type {string}
+   */
+
+  VizBehavior["PLACEHOLDER"] = "placeholder";
+  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
+  VizBehavior["TRELLIS"] = "trellis";
+})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
 
 /***/ }),
-/* 8 */
+/* 7 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -430,38 +344,39 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 9 */
+/* 8 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/pick");
 
 /***/ }),
-/* 10 */
+/* 9 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/variables");
 
 /***/ }),
-/* 11 */
+/* 10 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 12 */
+/* 11 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
-/* 13 */,
-/* 14 */,
-/* 15 */
+/* 12 */,
+/* 13 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
 
 /***/ }),
+/* 14 */,
+/* 15 */,
 /* 16 */,
 /* 17 */,
 /* 18 */,
@@ -469,38 +384,18 @@ module.exports = require("@splunk/visualization-color-palettes/editors/PresetPal
 /* 20 */,
 /* 21 */,
 /* 22 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LAYOUT_TYPE = void 0;
-var LAYOUT_TYPE;
-
-(function (LAYOUT_TYPE) {
-  LAYOUT_TYPE["Off"] = "off";
-  LAYOUT_TYPE["Trellis"] = "trellis";
-})(LAYOUT_TYPE = exports.LAYOUT_TYPE || (exports.LAYOUT_TYPE = {}));
-
-/***/ }),
-/* 23 */,
-/* 24 */,
-/* 25 */
 /***/ (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__(0);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
 var StaticBackgroundColorEditor = {
-  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background'),
+  label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background color'),
   option: 'backgroundColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
@@ -511,8 +406,8 @@ var StaticBackgroundColorEditor = {
 /* harmony default export */ __webpack_exports__["default"] = (StaticBackgroundColorEditor);
 
 /***/ }),
-/* 26 */,
-/* 27 */
+/* 23 */,
+/* 24 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -520,7 +415,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicTrendColorEditor", function() { return getDynamicTrendColorEditor; });
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -556,7 +451,7 @@ var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
 };
 
 /***/ }),
-/* 28 */
+/* 25 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -564,7 +459,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicBackgroundColorEditor", function() { return getDynamicBackgroundColorEditor; });
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -572,7 +467,7 @@ var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_
   var defaultContext = _ref.defaultContext,
       defaultPalettesConfig = _ref.defaultPalettesConfig;
   return {
-    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background'),
+    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Background color'),
     option: 'backgroundColor',
     context: 'backgroundColorEditorConfig',
     editor: 'editor.dynamicColor',
@@ -610,7 +505,7 @@ var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_
 };
 
 /***/ }),
-/* 29 */
+/* 26 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -660,14 +555,14 @@ var StaticMajorAndTrendLayout = [[{
 /* harmony default export */ __webpack_exports__["default"] = (StaticMajorAndTrendLayout);
 
 /***/ }),
-/* 30 */
+/* 27 */
 /***/ (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__(0);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -683,14 +578,14 @@ var StaticMajorColorEditor = {
 /* harmony default export */ __webpack_exports__["default"] = (StaticMajorColorEditor);
 
 /***/ }),
-/* 31 */
+/* 28 */
 /***/ (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__(0);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -710,7 +605,7 @@ var StaticTrendColorEditor = {
 /* harmony default export */ __webpack_exports__["default"] = (StaticTrendColorEditor);
 
 /***/ }),
-/* 32 */
+/* 29 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -721,13 +616,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TrellisBackgroundColorEditor = exports.TrellisEditorConfig = void 0;
 
-var React = __webpack_require__(33);
+var React = __webpack_require__(30);
 
 var i18n_1 = __webpack_require__(0);
 
-var FeatureFlagContext_1 = __webpack_require__(34);
+var FeatureFlagContext_1 = __webpack_require__(31);
 
-var layoutUtils_1 = __webpack_require__(22);
+var visualization_schemas_1 = __webpack_require__(2);
 /* eslint-disable react-hooks/rules-of-hooks */
 
 
@@ -751,7 +646,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
   label: (0, i18n_1._)('Number of columns'),
@@ -765,7 +660,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref2.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
   label: (0, i18n_1._)('Min column width'),
@@ -778,7 +673,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref3.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }, {
   label: (0, i18n_1._)('Row height'),
@@ -791,7 +686,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref4.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
   label: (0, i18n_1._)('Max number of components per page'),
@@ -804,7 +699,7 @@ exports.TrellisEditorConfig = [[{
     var options = _ref5.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 }]];
 exports.TrellisBackgroundColorEditor = {
@@ -815,23 +710,26 @@ exports.TrellisBackgroundColorEditor = {
     var options = _ref6.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
-    return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+    return isTrellisFeatureFlagOn && options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
   }
 };
 
 /***/ }),
-/* 33 */
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("react");
 
 /***/ }),
-/* 34 */
+/* 31 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 
 /***/ }),
+/* 32 */,
+/* 33 */,
+/* 34 */,
 /* 35 */,
 /* 36 */,
 /* 37 */,
@@ -867,16 +765,7 @@ module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 /* 67 */,
 /* 68 */,
 /* 69 */,
-/* 70 */,
-/* 71 */,
-/* 72 */,
-/* 73 */,
-/* 74 */,
-/* 75 */,
-/* 76 */,
-/* 77 */,
-/* 78 */,
-/* 79 */
+/* 70 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -890,45 +779,43 @@ Object.defineProperty(exports, "__esModule", {
 
 var i18n_1 = __webpack_require__(0);
 
-var schemaUtils_1 = __webpack_require__(3);
-
-var pick_1 = __webpack_require__(9);
+var visualization_schemas_1 = __webpack_require__(2);
 
-var variables_1 = __webpack_require__(10);
+var pick_1 = __webpack_require__(8);
 
-var PresetPalettes_1 = __webpack_require__(15);
+var variables_1 = __webpack_require__(9);
 
-var visualization_icons_1 = __webpack_require__(12);
+var PresetPalettes_1 = __webpack_require__(13);
 
-var placeholders_1 = __webpack_require__(11);
+var visualization_icons_1 = __webpack_require__(11);
 
-var configUtils_1 = __webpack_require__(5);
+var placeholders_1 = __webpack_require__(10);
 
-var StaticMajorAndTrendLayout_1 = __webpack_require__(29);
+var configUtils_1 = __webpack_require__(4);
 
-var VizBehavior_1 = __webpack_require__(2);
+var StaticMajorAndTrendLayout_1 = __webpack_require__(26);
 
-var configUtils_2 = __webpack_require__(4);
+var VizBehavior_1 = __webpack_require__(6);
 
-var VizCategory_1 = __webpack_require__(8);
+var configUtils_2 = __webpack_require__(3);
 
-var DynamicMajorColorAndGaugeEditor_1 = __webpack_require__(80);
+var VizCategory_1 = __webpack_require__(7);
 
-var DynamicTrendColorEditor_1 = __webpack_require__(27);
+var DynamicMajorColorAndGaugeEditor_1 = __webpack_require__(71);
 
-var DynamicBackgroundColorEditor_1 = __webpack_require__(28);
+var DynamicTrendColorEditor_1 = __webpack_require__(24);
 
-var StaticMajorColorEditor_1 = __webpack_require__(30);
+var DynamicBackgroundColorEditor_1 = __webpack_require__(25);
 
-var StaticTrendColorEditor_1 = __webpack_require__(31);
+var StaticMajorColorEditor_1 = __webpack_require__(27);
 
-var StaticBackgroundColorEditor_1 = __webpack_require__(25);
+var StaticTrendColorEditor_1 = __webpack_require__(28);
 
-var RadialBackgroundColor_1 = __webpack_require__(81);
+var StaticBackgroundColorEditor_1 = __webpack_require__(22);
 
-var TrellisEditors_1 = __webpack_require__(32);
+var RadialBackgroundColor_1 = __webpack_require__(72);
 
-var layoutUtils_1 = __webpack_require__(22);
+var TrellisEditors_1 = __webpack_require__(29);
 
 var dataContract = {
   requiredDataSources: [{
@@ -979,165 +866,6 @@ var defaultContext = {
     value: '#1C6B2D'
   }]
 };
-var optionsSchema = {
-  backgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color for the background. The hex value format should be “#ffffff”. The default for enterprise light is "#ffffff". The default for enterprise dark is "#000000". The default for prisma dark is "#0b0c0e".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  gaugeRanges: {
-    default: '> majorColorEditorConfig',
-    description: 'Specify the overall range of the gauge as a series of continuous, color-coded subranges. For example, [{"to": 20, "value": "#4BEBA8"}, {"from": 20, "to": 50, "value": "#D41F1F"}, {"from": 50, "value": "#F4DF7A"}]. Must be unbounded, open ranges. Ranges are bound by a separate minValue/maxValue option. Only configured if isGaugeOn is true.',
-    type: 'array',
-    items: {
-      type: 'object',
-      properties: {
-        from: {
-          type: 'number'
-        },
-        to: {
-          type: 'number'
-        },
-        value: {
-          type: 'string',
-          pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-        }
-      }
-    }
-  },
-  isGaugeOn: {
-    default: false,
-    description: 'Specify if gauge is on.',
-    type: 'boolean'
-  },
-  majorColor: {
-    default: '> themes.defaultFontColor',
-    description: 'Specify the color for the major value. You may use a dataSource to apply the color. The hex value format should be “#ffffff”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  majorValue: {
-    default: '> primary | seriesByPrioritizedTypes("number", "string", "time") | lastPoint()',
-    description: 'Specify the dataSource applied to the major value.',
-    type: ['string', 'number']
-  },
-  majorValueField: {
-    default: '> majorValue | getField()',
-    description: 'Specify the field that should be mapped to the major value.',
-    type: 'string'
-  },
-  minValue: {
-    default: 0,
-    description: 'Specify the min value of the radial.',
-    type: 'number'
-  },
-  maxValue: {
-    default: 100,
-    description: 'Specify the value the radial fills up to.',
-    type: 'number'
-  },
-  numberPrecision: {
-    default: 0,
-    maximum: 20,
-    minimum: 0,
-    description: 'Specify the number of decimal places to display. For example, to display 3 decimal places, use a value of 3. Values can range from 0 to 20.',
-    type: 'number'
-  },
-  radialBackgroundColor: {
-    default: '> themes.defaultRadialBackgroundColor',
-    description: 'Specify the color for the radial background. The hex value format should be “#ffffff”. The default for enterprise light is "rgba(0, 0, 0, 0.1)". The default for enterprise dark is "rgba(255, 255, 255, 0.15)". The default for prisma dark is "rgba(255, 255, 255, 0.15)".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  radialStrokeColor: {
-    default: '> majorColor',
-    description: 'Specify the color for the radial. You may use a dataSource to apply the color. The hex value format should be “#ffffff”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  shouldAbbreviateTrendValue: {
-    default: false,
-    description: 'Specify whether to abbreviate the trend value to 2 decimal points. A magnitude unit will be displayed.',
-    type: 'boolean'
-  },
-  shouldUseThousandSeparators: {
-    default: true,
-    description: 'Specify whether numeric values use commas as thousandths separaters.',
-    type: 'boolean'
-  },
-  splitByLayout: {
-    default: 'off',
-    description: 'Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)([layoutUtils_1.LAYOUT_TYPE.Off, layoutUtils_1.LAYOUT_TYPE.Trellis]),
-    enum: [layoutUtils_1.LAYOUT_TYPE.Off, layoutUtils_1.LAYOUT_TYPE.Trellis]
-  },
-  trendColor: {
-    default: '> themes.defaultFontColor',
-    description: 'Specify the color for the trend value. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The default for enterprise light is "#000000". The default for enterprise dark is "#ffffff". The default for prisma dark is "rgba(255, 255, 255, 0.98)".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  trendDisplay: {
-    default: 'absolute',
-    description: 'Specify how to display the trend value.',
-    pattern: (0, schemaUtils_1.getPattern)(['percent', 'absolute', 'off']),
-    type: 'string'
-  },
-  trendValue: {
-    default: '> primary | seriesByPrioritizedTypes("number", "string", "time") | delta(-2)',
-    description: 'Specify the dataSource applied to the trend value.',
-    type: 'number'
-  },
-  trellisBackgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color used for the trellis container background by using a hexadecimal code. For example, #0000FF.',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  trellisColumns: {
-    description: 'Specify the number of visualizations to display in a given row of the trellis container. The remaining visualizations will wrap accordingly. If nothing is specified, it will be auto-set based on the trellisMinColumnWidth. The minimum value is 1.',
-    type: 'number',
-    minimum: 1
-  },
-  trellisMinColumnWidth: {
-    default: 100,
-    minimum: 1,
-    description: 'Specify the minimum width, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1.',
-    type: 'number'
-  },
-  trellisPageCount: {
-    default: 20,
-    minimum: 1,
-    description: 'Specify the maximum number of visualizations to display in a single page in the trellis container. The remaining visualizations will paginate accordingly. The minimum value is 1.',
-    type: 'number'
-  },
-  trellisRowHeight: {
-    default: 70,
-    minimum: 1,
-    description: 'Specify the height, in pixels, of each visualization in the trellis container. If the window or panel is resized, the remaining visualizations may be viewed by scrolling. The minimum value is 1.',
-    type: 'number'
-  },
-  trellisSplitBy: {
-    description: 'Specify the field name of the column with categories used, or “aggregations”, to split the data into individual visualizations for trellis display, if applicable. If a SPL `timechart` command is used, this may default to the SPL `by` clause field. If a SPL `chart` command is used, this may default to the first string field.',
-    type: 'string'
-  },
-  underLabel: {
-    description: 'Specify the text that appears below the major value.',
-    type: 'string'
-  },
-  unit: {
-    description: 'Specify text to show next to the major value.',
-    type: 'string'
-  },
-  unitPosition: {
-    default: 'after',
-    description: 'Specify whether the unit text should appear before or after the major value.',
-    pattern: (0, schemaUtils_1.getPattern)(['before', 'after']),
-    type: 'string'
-  }
-};
 var basePresetContext = {
   majorColorEditorConfig: undefined,
   trendColorEditorConfig: undefined,
@@ -1254,7 +982,7 @@ var editorConfig = [{
     },
     isDisabled: function isDisabled(_ref) {
       var options = _ref.options;
-      return options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
+      return options.splitByLayout === visualization_schemas_1.LAYOUT_TYPE.Trellis;
     }
   }]]
 }, {
@@ -1317,7 +1045,15 @@ var editorConfig = [{
   })], [(0, DynamicTrendColorEditor_1.getDynamicTrendColorEditor)({
     defaultContext: defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
-  })], (0, RadialBackgroundColor_1.default)({
+  })], [{
+    label: (0, i18n_1._)('Major value abbreviation'),
+    option: 'shouldAbbreviateMajorValue',
+    editor: 'editor.checkbox'
+  }], [{
+    label: (0, i18n_1._)('Trend value abbreviation'),
+    option: 'shouldAbbreviateTrendValue',
+    editor: 'editor.checkbox'
+  }], (0, RadialBackgroundColor_1.default)({
     themes: themes
   }), [Object.assign(Object.assign({}, StaticBackgroundColorEditor_1.default), {
     editorProps: {
@@ -1364,7 +1100,7 @@ var config = {
   dataContract: dataContract,
   size: size,
   defaultContext: defaultContext,
-  optionsSchema: optionsSchema,
+  optionsSchema: visualization_schemas_1.singleValueRadialOptionsSchema,
   editorConfig: editorConfig,
   events: {
     'value.click': {
@@ -1378,7 +1114,7 @@ var config = {
 exports.default = (0, configUtils_2.enhanceConfig)(config);
 
 /***/ }),
-/* 80 */
+/* 71 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1386,7 +1122,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorAndGaugeEditor", function() { return getDynamicMajorColorAndGaugeEditor; });
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
 
 
@@ -1422,7 +1158,7 @@ var getDynamicMajorColorAndGaugeEditor = function getDynamicMajorColorAndGaugeEd
 };
 
 /***/ }),
-/* 81 */
+/* 72 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";