@splunk/visualizations 26.2.1 → 26.3.0

package/Area.config.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 42);
+/******/ 	return __webpack_require__(__webpack_require__.s = 39);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -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 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
- */
+var lodash_1 = __webpack_require__(5); // included for backwards compatibility
 
-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,20 +265,53 @@ var insertLayout = function insertLayout(layout, index) {
 exports.insertLayout = insertLayout;
 
 /***/ }),
-/* 5 */,
-/* 6 */
+/* 4 */,
+/* 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";
@@ -425,31 +339,31 @@ 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 */
+/* 12 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -479,14 +393,8 @@ var background = function background(_ref) {
 exports.default = background;
 
 /***/ }),
+/* 13 */,
 /* 14 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-color-palettes");
-
-/***/ }),
-/* 15 */,
-/* 16 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -501,7 +409,7 @@ exports.AxesChartDataConfigAreaColumnLine = exports.AxesChartDataConfigBubble =
 
 var i18n_1 = __webpack_require__(0);
 
-var configUtils_1 = __webpack_require__(4);
+var configUtils_1 = __webpack_require__(3);
 
 var AxesChartDataConfig = {
   label: (0, i18n_1._)('Data configurations'),
@@ -626,7 +534,7 @@ exports.AxesChartDataConfigAreaColumnLine = {
 exports.default = AxesChartDataConfig;
 
 /***/ }),
-/* 17 */
+/* 15 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -638,11 +546,11 @@ Object.defineProperty(exports, "__esModule", {
 
 var i18n_1 = __webpack_require__(0);
 
-var pick_1 = __webpack_require__(9);
+var pick_1 = __webpack_require__(8);
 
-var variables_1 = __webpack_require__(10);
+var variables_1 = __webpack_require__(9);
 
-var BackgroundColor_1 = __webpack_require__(13);
+var BackgroundColor_1 = __webpack_require__(12);
 
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
@@ -672,7 +580,7 @@ var AxesChartColorAndStyle = {
 exports.default = AxesChartColorAndStyle;
 
 /***/ }),
-/* 18 */
+/* 16 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -736,7 +644,7 @@ var AxesChartLegend = {
 exports.default = AxesChartLegend;
 
 /***/ }),
-/* 19 */
+/* 17 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -751,7 +659,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = exports.AxesChartXGridAndLabelsCo
 
 var i18n_1 = __webpack_require__(0);
 
-var configUtils_1 = __webpack_require__(4);
+var configUtils_1 = __webpack_require__(3);
 
 exports.AxesChartXGridAndLabelsCommon = {
   label: (0, i18n_1._)('X-axis grid and labels'),
@@ -1024,7 +932,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
 exports.default = AxesChartXGridAndLabels;
 
 /***/ }),
-/* 20 */
+/* 18 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1186,9 +1094,8 @@ var AxesChartYGridAndLabels = {
 exports.default = AxesChartYGridAndLabels;
 
 /***/ }),
-/* 21 */,
-/* 22 */,
-/* 23 */
+/* 19 */,
+/* 20 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1203,9 +1110,9 @@ exports.AxesChartDataDisplayColumn = exports.AxesChartDataDisplayBar = exports.A
 
 var i18n_1 = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(6);
+var lodash_1 = __webpack_require__(5);
 
-var configUtils_1 = __webpack_require__(4);
+var configUtils_1 = __webpack_require__(3);
 
 exports.AxesChartDataDisplayLine = {
   label: (0, i18n_1._)('Data display'),
@@ -1326,7 +1233,7 @@ exports.AxesChartDataDisplayColumn = {
 exports.default = AxesChartDataDisplay;
 
 /***/ }),
-/* 24 */
+/* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1500,6 +1407,9 @@ var axesChartY2GridAndLabels = {
 exports.default = axesChartY2GridAndLabels;
 
 /***/ }),
+/* 22 */,
+/* 23 */,
+/* 24 */,
 /* 25 */,
 /* 26 */,
 /* 27 */,
@@ -1514,10 +1424,7 @@ exports.default = axesChartY2GridAndLabels;
 /* 36 */,
 /* 37 */,
 /* 38 */,
-/* 39 */,
-/* 40 */,
-/* 41 */,
-/* 42 */
+/* 39 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1529,39 +1436,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var visualization_icons_1 = __webpack_require__(12);
-
-var placeholders_1 = __webpack_require__(11);
+var visualization_icons_1 = __webpack_require__(11);
 
-var schemaUtils_1 = __webpack_require__(3);
+var placeholders_1 = __webpack_require__(10);
 
-var visualization_color_palettes_1 = __webpack_require__(14);
+var visualization_schemas_1 = __webpack_require__(2);
 
 var i18n_1 = __webpack_require__(0);
 
-var pick_1 = __webpack_require__(9);
+var pick_1 = __webpack_require__(8);
 
-var variables_1 = __webpack_require__(10);
+var variables_1 = __webpack_require__(9);
 
-var VizBehavior_1 = __webpack_require__(2);
+var VizBehavior_1 = __webpack_require__(6);
 
-var VizCategory_1 = __webpack_require__(8);
+var VizCategory_1 = __webpack_require__(7);
 
-var configUtils_1 = __webpack_require__(4);
+var configUtils_1 = __webpack_require__(3);
 
-var AxesChartDataConfig_1 = __webpack_require__(16);
+var AxesChartDataConfig_1 = __webpack_require__(14);
 
-var AxesChartDataDisplay_1 = __webpack_require__(23);
+var AxesChartDataDisplay_1 = __webpack_require__(20);
 
-var AxesChartColorAndStyle_1 = __webpack_require__(17);
+var AxesChartColorAndStyle_1 = __webpack_require__(15);
 
-var AxesChartLegend_1 = __webpack_require__(18);
+var AxesChartLegend_1 = __webpack_require__(16);
 
-var AxesChartXGridAndLabels_1 = __webpack_require__(19);
+var AxesChartXGridAndLabels_1 = __webpack_require__(17);
 
-var AxesChartYGridAndLabels_1 = __webpack_require__(20);
+var AxesChartYGridAndLabels_1 = __webpack_require__(18);
 
-var AxesChartY2GridAndLabels_1 = __webpack_require__(24);
+var AxesChartY2GridAndLabels_1 = __webpack_require__(21);
 
 var dataContract = {
   requiredDataSources: [{
@@ -1588,414 +1493,6 @@ var size = {
   initialHeight: 300
 };
 var defaultContext = {};
-var optionsSchema = {
-  x: {
-    default: '> primary | seriesByIndex(0)',
-    description: 'Specify the data source to apply to the x-axis.',
-    type: 'array',
-    items: {
-      type: ['string', 'number']
-    }
-  },
-  y: {
-    default: '> primary | frameBySeriesIndexRange(1)',
-    description: 'Specify the data source to apply to the y-axis.',
-    type: 'array',
-    items: {
-      type: ['string', 'number']
-    }
-  },
-  y2: {
-    description: 'Specify the data source to apply to the second y-axis',
-    type: 'array',
-    items: {
-      type: ['string', 'number']
-    }
-  },
-  xField: {
-    default: '> x | getField()',
-    description: 'Specify the field to map to the x-axis.',
-    type: 'string'
-  },
-  yFields: {
-    default: '> y | getField()',
-    description: 'Specify the field to map to the y-axis.',
-    type: 'string'
-  },
-  annotationColor: {
-    description: "Specify the annotation colors. For example, [\u201C#FF0000\u201D, \u201C#0000FF\", \u201C#008000\u201D]. You can use a data source or a hexadecimal code to apply the color.",
-    type: 'array',
-    items: {
-      type: 'string'
-    }
-  },
-  annotationLabel: {
-    description: "Specify a list of labels to use for annotations. For example, [\u201CSales\u201D, \u201CRevenue\u201D, \u201COrders\u201D]. You might use a data source to apply the labels.",
-    type: 'array',
-    items: {
-      type: 'string'
-    }
-  },
-  annotationX: {
-    description: 'Specify a data source field to apply to the event annotation on the x-axis.',
-    type: 'array',
-    items: {
-      type: ['string', 'number']
-    }
-  },
-  areaOpacity: {
-    description: 'Specify the opacity of the area chart. Values can range from 0 (transparent) to 1 (opaque).',
-    type: 'number',
-    default: 0.75
-  },
-  backgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color to use for the background. You can use a data source or hexadecimal code to apply the color.',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  dataValuesDisplay: {
-    description: 'Specify the labels to display. Enter "all" to show labels for all data points, "off" to show no labels, or "minmax" to show high and low values.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(['off', 'all', 'minmax']),
-    default: 'off'
-  },
-  legendDisplay: {
-    default: 'right',
-    description: 'Specify the location of the legend on the panel. You must select the Standard legend mode to make this change.',
-    pattern: (0, schemaUtils_1.getPattern)(['right', 'left', 'top', 'bottom', 'off']),
-    type: 'string'
-  },
-  legendLabels: {
-    description: "Specify a list of labels to populate the legend in advance. For example, [\"percent\", \"count\"].",
-    type: 'array',
-    items: {
-      type: 'string'
-    }
-  },
-  legendMode: {
-    default: 'standard',
-    description: 'Specify visual and behavioral settings for the tooltip and legend. "seriesCompare" is useful when comparing series.',
-    pattern: (0, schemaUtils_1.getPattern)(['standard', 'seriesCompare']),
-    type: 'string'
-  },
-  legendTruncation: {
-    default: 'ellipsisEnd',
-    description: 'Specify how to display legend labels when they overflow the layout boundaries by replacing overflow text with an ellipsis.',
-    pattern: (0, schemaUtils_1.getPattern)(['ellipsisEnd', 'ellipsisMiddle', 'ellipsisStart', 'ellipsisOff']),
-    type: 'string'
-  },
-  lineWidth: {
-    default: 2,
-    description: 'Specify the line width (px) for overlay field lines.',
-    type: 'number'
-  },
-  nullValueDisplay: {
-    default: 'gaps',
-    description: 'Specify the handling of null values for area and line charts .',
-    pattern: (0, schemaUtils_1.getPattern)(['gaps', 'zero', 'connect']),
-    type: 'string'
-  },
-  resultLimit: {
-    default: 50000,
-    description: 'Specify the number of data points to render in a chart.',
-    type: 'number'
-  },
-  seriesColors: {
-    default: visualization_color_palettes_1.VIZ_CATEGORICAL,
-    description: "Specify the colors to use in a series. For example, [\"#FF0000\", \"#0000FF\", \"#008000\"].",
-    type: 'array',
-    items: {
-      type: 'string'
-    }
-  },
-  seriesColorsByField: {
-    description: "Specify the colors to use for specific fields in a series. For example, {\u201Ccount\u201D: \u201C#008000\u201D, \u201Cpercent\u201D: \u201C#FFA500\u201D}.",
-    type: 'object'
-  },
-  stackMode: {
-    description: 'Specify stack mode.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'stacked', 'stacked100']),
-    default: 'auto'
-  },
-  showIndependentYRanges: {
-    description: 'Specify whether split series charts have independent y-ranges.',
-    type: 'boolean',
-    default: false
-  },
-  showSplitSeries: {
-    description: 'Specify whether to split a multi-series chart into separate charts that are stacked from top to bottom; use one chart for each series.',
-    type: 'boolean',
-    default: false
-  },
-  showLines: {
-    description: 'Specify whether to show lines in area charts.',
-    default: true,
-    type: 'boolean'
-  },
-  showXMajorGridLines: {
-    description: 'Specify whether to show major grid lines on the x-axis.',
-    type: 'boolean',
-    default: false
-  },
-  showYMajorGridLines: {
-    description: 'Specify whether to show major grid lines on the y-axis.',
-    type: 'boolean',
-    default: true
-  },
-  showY2MajorGridLines: {
-    description: 'Specify whether to show major grid lines on the second y-axis.',
-    type: 'boolean',
-    default: false
-  },
-  showYMinorGridLines: {
-    description: 'Specify whether to show minor grid lines on the y-axis.',
-    type: 'boolean',
-    default: false
-  },
-  showY2MinorGridLines: {
-    description: 'Specify whether to show minor grid lines on the second y-axis.',
-    type: 'boolean',
-    default: false
-  },
-  showYAxisExtendedRange: {
-    description: 'Specify whether to extend the y-axis to include whole major tick marks.',
-    type: 'boolean',
-    default: true
-  },
-  showYAxisWithZero: {
-    description: 'Specify whether to include zero in the y-axis range.',
-    type: 'boolean',
-    default: false
-  },
-  showY2AxisWithZero: {
-    description: 'Specify whether to include zero in the second y-axis range.',
-    type: 'boolean',
-    default: false
-  },
-  xAxisLabelRotation: {
-    description: 'Specify the rotation of the x-axis label in degrees.',
-    enum: [-90, -45, 0, 45, 90],
-    type: 'number',
-    default: 0
-  },
-  xAxisLabelVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show labels on the x-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  yAxisLabelVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show labels on the y-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  y2AxisLabelVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show labels on the second y-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  xAxisLineVisibility: {
-    default: 'hide',
-    description: 'Specify whether to show the x-axis line.',
-    enum: ['hide', 'show'],
-    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
-    type: 'string'
-  },
-  yAxisLineVisibility: {
-    default: 'hide',
-    description: 'Specify whether to show the y-axis line.',
-    enum: ['hide', 'show'],
-    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
-    type: 'string'
-  },
-  y2AxisLineVisibility: {
-    default: 'hide',
-    description: 'Specify whether to show the second y-axis line.',
-    enum: ['hide', 'show'],
-    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
-    type: 'string'
-  },
-  xAxisMajorTickSize: {
-    default: 6,
-    description: 'Specify the size (px) of major tick marks on the x-axis.',
-    type: 'number'
-  },
-  yAxisMajorTickSize: {
-    default: 6,
-    description: 'Specify the size (px) of major tick marks on the y-axis.',
-    type: 'number'
-  },
-  y2AxisMajorTickSize: {
-    default: 6,
-    description: 'Specify the size (px) of major tick marks on the second y-axis.',
-    type: 'number'
-  },
-  yAxisMinorTickSize: {
-    default: 6,
-    description: 'Specify the size (px) of minor tick marks on the y-axis.',
-    type: 'number'
-  },
-  y2AxisMinorTickSize: {
-    default: 6,
-    description: 'Specify the size (px) of minor tick marks on the second y-axis.',
-    type: 'number'
-  },
-  xAxisMajorTickVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show major tick marks on the x-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  yAxisMajorTickVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show major tick marks on the y-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  y2AxisMajorTickVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show major tick marks on the second y-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  yAxisMinorTickVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show minor tick marks on the y-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  y2AxisMinorTickVisibility: {
-    default: 'auto',
-    description: 'Specify whether to show minor tick marks on the second y-axis.',
-    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
-    type: 'string'
-  },
-  xAxisMaxLabelParts: {
-    default: 3,
-    minimum: 1,
-    maximum: 3,
-    description: 'Specify the maximum number of time-parts for a tick label. The 3 possible parts are year, month, and time. Values can range from 1 to 3.',
-    type: 'number'
-  },
-  yAxisScale: {
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(['linear', 'log']),
-    description: 'Specify the type of scale that applies to a numerical y-axis.',
-    default: 'linear'
-  },
-  y2AxisScale: {
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(['linear', 'log']),
-    description: 'Specify the type of scale that applies to a numerical second y-axis.',
-    default: 'linear'
-  },
-  xAxisTitleText: {
-    description: 'Specify the title of the x-axis.',
-    type: 'string'
-  },
-  yAxisTitleText: {
-    description: 'Specify the title of the y-axis.',
-    type: 'string'
-  },
-  y2AxisTitleText: {
-    description: 'Specify the title of the second y-axis.',
-    type: 'string'
-  },
-  xAxisTitleVisibility: {
-    default: 'show',
-    description: 'Specify whether to show the title of the x-axis.',
-    enum: ['hide', 'show'],
-    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
-    type: 'string'
-  },
-  yAxisTitleVisibility: {
-    default: 'show',
-    description: 'Specify whether to show the title of the y-axis.',
-    enum: ['hide', 'show'],
-    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
-    type: 'string'
-  },
-  y2AxisTitleVisibility: {
-    default: 'show',
-    description: 'Specify whether to show the title of the second y-axis.',
-    enum: ['hide', 'show'],
-    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
-    type: 'string'
-  },
-  yAxisAbbreviation: {
-    default: 'auto',
-    description: 'Specify whether to abbreviate large y-axis values with the closest International System of Units (SI) prefix.',
-    enum: ['auto', 'off'],
-    pattern: (0, schemaUtils_1.getPattern)(['off', 'auto']),
-    type: 'string'
-  },
-  y2AxisAbbreviation: {
-    default: 'auto',
-    description: 'Specify whether to abbreviate large second y-axis values with the closest International System of Units (SI) prefix.',
-    enum: ['auto', 'off'],
-    pattern: (0, schemaUtils_1.getPattern)(['off', 'auto']),
-    type: 'string'
-  },
-  yAxisMajorTickInterval: {
-    default: 'auto',
-    description: 'Specify the spacing unit between major tick marks along the numeric y-axis.',
-    type: ['string', 'number']
-  },
-  y2AxisMajorTickInterval: {
-    default: 'auto',
-    description: 'Specify the spacing unit between major tick marks along the numeric second y-axis.',
-    type: ['string', 'number']
-  },
-  yAxisMax: {
-    type: ['string', 'number'],
-    description: 'Specify the largest value for the visible y-axis range.',
-    default: 'auto'
-  },
-  y2AxisMax: {
-    type: ['string', 'number'],
-    description: 'Specify the largest value for the visible second y-axis range.',
-    default: 'auto'
-  },
-  yAxisMin: {
-    type: ['string', 'number'],
-    description: 'Specify the smallest value for the visible y-axis range.',
-    default: 'auto'
-  },
-  y2AxisMin: {
-    type: ['string', 'number'],
-    description: 'Specify the smallest value for the visible second y-axis range.',
-    default: 'auto'
-  },
-  overlayFields: {
-    description: 'Specify one or more fields to differentiate on the chart and display as chart overlays.',
-    type: ['array', 'string'],
-    items: {
-      type: 'string'
-    }
-  },
-  showOverlayY2Axis: {
-    default: false,
-    description: 'Enable a second y-axis for chart overlays. All overlay fields will map to a second y-axis.',
-    type: 'boolean'
-  },
-  showRoundedY2AxisLabels: {
-    default: true,
-    description: 'Specify whether to round second y-axis values to the nearest integer.',
-    type: 'boolean'
-  },
-  y2Fields: {
-    default: '> y2 | getField()',
-    description: 'Specify one or more fields to map to the second y-axis.',
-    type: ['array', 'string'],
-    items: {
-      type: 'string'
-    }
-  }
-};
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
     return (0, pick_1.default)({
@@ -2140,7 +1637,7 @@ var config = {
   dataContract: dataContract,
   size: size,
   defaultContext: defaultContext,
-  optionsSchema: optionsSchema,
+  optionsSchema: visualization_schemas_1.areaOptionsSchema,
   editorConfig: editorConfig,
   events: {
     'legend.click': {