@splunk/visualizations 26.2.1 → 26.4.0

package/SingleValue.config.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 75);
+/******/ 	return __webpack_require__(__webpack_require__.s = 66);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -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);
+exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
 
-var schemaUtils_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(5); // included for backwards compatibility
 
-var VizBehavior_1 = __webpack_require__(2);
-
-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
-    });
+var visualization_schemas_1 = __webpack_require__(2);
 
-    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;
-}
-
-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__) {
+
+"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}
+   */
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+  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,29 +710,29 @@ 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 */,
-/* 38 */,
-/* 39 */,
-/* 40 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -881,7 +776,7 @@ exports.defaultContext = {
 };
 
 /***/ }),
-/* 41 */
+/* 38 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -889,7 +784,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorEditor", function() { return getDynamicMajorColorEditor; });
 /* 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__);
 
 
@@ -931,6 +826,9 @@ var getDynamicMajorColorEditor = function getDynamicMajorColorEditor(_ref) {
 };
 
 /***/ }),
+/* 39 */,
+/* 40 */,
+/* 41 */,
 /* 42 */,
 /* 43 */,
 /* 44 */,
@@ -955,16 +853,7 @@ var getDynamicMajorColorEditor = function getDynamicMajorColorEditor(_ref) {
 /* 63 */,
 /* 64 */,
 /* 65 */,
-/* 66 */,
-/* 67 */,
-/* 68 */,
-/* 69 */,
-/* 70 */,
-/* 71 */,
-/* 72 */,
-/* 73 */,
-/* 74 */,
-/* 75 */
+/* 66 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -978,45 +867,43 @@ Object.defineProperty(exports, "__esModule", {
 
 var i18n_1 = __webpack_require__(0);
 
-var schemaUtils_1 = __webpack_require__(3);
-
-var PresetPalettes_1 = __webpack_require__(15);
+var visualization_schemas_1 = __webpack_require__(2);
 
-var variables_1 = __webpack_require__(76);
+var PresetPalettes_1 = __webpack_require__(13);
 
-var pick_1 = __webpack_require__(9);
+var variables_1 = __webpack_require__(67);
 
-var variables_2 = __webpack_require__(10);
+var pick_1 = __webpack_require__(8);
 
-var visualization_icons_1 = __webpack_require__(12);
+var variables_2 = __webpack_require__(9);
 
-var placeholders_1 = __webpack_require__(11);
+var visualization_icons_1 = __webpack_require__(11);
 
-var singleValueContext_1 = __webpack_require__(40);
+var placeholders_1 = __webpack_require__(10);
 
-var VizBehavior_1 = __webpack_require__(2);
+var singleValueContext_1 = __webpack_require__(37);
 
-var DynamicMajorColorEditor_1 = __webpack_require__(41);
+var VizBehavior_1 = __webpack_require__(6);
 
-var DynamicTrendColorEditor_1 = __webpack_require__(27);
+var DynamicMajorColorEditor_1 = __webpack_require__(38);
 
-var DynamicBackgroundColorEditor_1 = __webpack_require__(28);
+var DynamicTrendColorEditor_1 = __webpack_require__(24);
 
-var StaticMajorAndTrendLayout_1 = __webpack_require__(29);
+var DynamicBackgroundColorEditor_1 = __webpack_require__(25);
 
-var StaticMajorColorEditor_1 = __webpack_require__(30);
+var StaticMajorAndTrendLayout_1 = __webpack_require__(26);
 
-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 configUtils_1 = __webpack_require__(4);
+var StaticBackgroundColorEditor_1 = __webpack_require__(22);
 
-var TrellisEditors_1 = __webpack_require__(32);
+var configUtils_1 = __webpack_require__(3);
 
-var VizCategory_1 = __webpack_require__(8);
+var TrellisEditors_1 = __webpack_require__(29);
 
-var layoutUtils_1 = __webpack_require__(22);
+var VizCategory_1 = __webpack_require__(7);
 
 var dataContract = {
   requiredDataSources: [{
@@ -1035,188 +922,6 @@ var size = {
   initialWidth: 250,
   initialHeight: 250
 };
-var optionsSchema = {
-  align: {
-    default: 'center',
-    description: 'Specify how to align the center content.',
-    pattern: (0, schemaUtils_1.getPattern)(['left', 'center', 'right']),
-    type: 'string'
-  },
-  backgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color for the background. You may use a dataSource to apply the color. 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'
-  },
-  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'
-  },
-  majorFontSize: {
-    description: 'Specify the font size (px) for the major value. By default the major value font size is calculated dynamically based on the available space.',
-    type: 'number'
-  },
-  majorValue: {
-    default: '> sparklineValues|lastPoint()',
-    description: 'The major value to display in the visualization.',
-    type: ['string', 'number']
-  },
-  majorValueField: {
-    default: '> majorValue | getField()',
-    description: 'The field name of major value.',
-    type: 'string'
-  },
-  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'
-  },
-  shouldAbbreviateTrendValue: {
-    default: false,
-    description: 'Specify whether to abbreviate the trend value to 2 decimal points. A magnitude unit will be displayed.',
-    type: 'boolean'
-  },
-  shouldSparklineAcceptNullData: {
-    default: true,
-    description: 'Specify whether to convert null and non-numeric values in the sparkline to 0.',
-    type: 'boolean'
-  },
-  shouldUseThousandSeparators: {
-    default: true,
-    description: 'Specify whether numeric values use commas as thousandths separators.',
-    type: 'boolean'
-  },
-  showSparklineAreaGraph: {
-    default: false,
-    description: 'Specify whether to show the sparkline as an area graph rather than a line.',
-    type: 'boolean'
-  },
-  showSparklineTooltip: {
-    default: false,
-    description: 'Show a tooltip to display values on the sparkline.',
-    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]
-  },
-  sparklineAreaColor: {
-    default: '> sparklineStrokeColor',
-    description: 'Specify the color for the sparkline area fill. You may use a dataSource to apply the color. The hex value format should be “#FFFFFF”. The graph area will have an opacity of 20% and will blend with the background color.',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  sparklineDisplay: {
-    default: 'below',
-    description: 'Specify how to display a sparkline.',
-    pattern: (0, schemaUtils_1.getPattern)(['before', 'after', 'below', 'off']),
-    type: 'string'
-  },
-  sparklineHighlightDots: {
-    default: 0,
-    description: 'Specify the number of markers, or dots, to display at the top of a sparkline area graph.',
-    type: 'number'
-  },
-  sparklineHighlightSegments: {
-    default: 0,
-    description: 'Specify the number of segments to be highlighted at the top of a sparkline area graph.',
-    type: 'number'
-  },
-  sparklineStrokeColor: {
-    default: '> themes.defaultSparklineStrokeColor',
-    description: 'Specify the color for the sparkline stroke. 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'
-  },
-  sparklineValues: {
-    default: '> primary|seriesByPrioritizedTypes("number", "string", "time")',
-    description: 'List of numerical values to display on a sparkline. If the values are string type, the sparkline will not be shown.',
-    type: 'array',
-    items: {
-      type: ['string', 'number']
-    }
-  },
-  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'
-  },
-  trendFontSize: {
-    description: 'Specify the font size (px) for the trend value. By default the trend value font size is calculated dynamically based on the available space.',
-    type: 'number'
-  },
-  trendValue: {
-    default: '> sparklineValues|delta(-2)',
-    description: 'The trend value to display in the visualization.',
-    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'
-  },
-  underLabelFontSize: {
-    default: 12,
-    description: 'Specify the font size (px) for the under label text.',
-    type: 'number'
-  },
-  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,
@@ -1437,7 +1142,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;
     }
   }]]
 }, {
@@ -1550,6 +1255,14 @@ var editorConfig = [{
       var options = _ref6.options;
       return options.trendDisplay === 'off';
     }
+  }], [{
+    label: (0, i18n_1._)('Major value abbreviation'),
+    option: 'shouldAbbreviateMajorValue',
+    editor: 'editor.checkbox'
+  }], [{
+    label: (0, i18n_1._)('Trend value abbreviation'),
+    option: 'shouldAbbreviateTrendValue',
+    editor: 'editor.checkbox'
   }], [{
     label: (0, i18n_1._)('Alignment'),
     editor: 'editor.radioBar',
@@ -1596,7 +1309,7 @@ var config = {
   dataContract: dataContract,
   size: size,
   defaultContext: singleValueContext_1.defaultContext,
-  optionsSchema: optionsSchema,
+  optionsSchema: visualization_schemas_1.singleValueOptionsSchema,
   editorConfig: editorConfig,
   events: {
     'value.click': {
@@ -1611,7 +1324,7 @@ var config = {
 exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 76 */
+/* 67 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-themes/variables");