@splunk/visualizations 25.1.0 → 25.2.0

package/Markdown.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 210);
+/******/ 	return __webpack_require__(__webpack_require__.s = 394);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -109,25 +109,39 @@ module.exports = require("react");
 /***/ 10:
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/visualizations-shared/Message");
+
+/***/ }),
+
+/***/ 109:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Markdown");
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
 module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 106:
+/***/ 114:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
 
-/***/ 12:
+/***/ 13:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -141,11 +155,11 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SizeAwareWrapper_1 = __webpack_require__(19);
+var SizeAwareWrapper_1 = __webpack_require__(20);
 
-var style_1 = __webpack_require__(14);
+var style_1 = __webpack_require__(15);
 
-var colorUtils_1 = __webpack_require__(11);
+var colorUtils_1 = __webpack_require__(12);
 
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
@@ -202,7 +216,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.1.0 - 812a9a4d8",
+      "data-splunk-visualization-version": "25.2.0 - 4373c5a66",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -224,7 +238,7 @@ exports.default = withFixedSizeContainer;
 
 /***/ }),
 
-/***/ 13:
+/***/ 14:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -257,13 +271,13 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
 
-/***/ 133:
+/***/ 143:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _taggedTemplateLiteral = __webpack_require__(81);
+var _taggedTemplateLiteral = __webpack_require__(85);
 
 var _templateObject;
 
@@ -276,9 +290,9 @@ var lodash_1 = __webpack_require__(3);
 
 var React = __webpack_require__(1);
 
-var style_1 = __webpack_require__(14);
+var style_1 = __webpack_require__(15);
 
-var Markdown_1 = __webpack_require__(211);
+var Markdown_1 = __webpack_require__(109);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -286,17 +300,17 @@ var T = __webpack_require__(0);
 
 var themes_1 = __webpack_require__(69);
 
-var Heading_1 = __webpack_require__(212);
+var Heading_1 = __webpack_require__(395);
 
-var Paragraph_1 = __webpack_require__(106);
+var Paragraph_1 = __webpack_require__(114);
 
-var List_1 = __webpack_require__(213);
+var List_1 = __webpack_require__(396);
 
-var Code_1 = __webpack_require__(214);
+var Code_1 = __webpack_require__(397);
 
-var withDashboardViz_1 = __webpack_require__(31);
+var withDashboardViz_1 = __webpack_require__(32);
 
-var config_1 = __webpack_require__(215);
+var config_1 = __webpack_require__(398);
 
 exports.config = config_1.default; // map of valid font sizes with elements' respective pixel sizes
 
@@ -397,8 +411,12 @@ exports.getFontMap = getFontMap;
 
 var handleLinkClick = function handleLinkClick(e) {
   return e.stopPropagation();
-}; // returns renderers customized with the appropriate font sizes given the provided `fontSize` value.
+};
 
+var StyledA = styled_components_1.default.a.withConfig({
+  displayName: "Markdown__StyledA",
+  componentId: "zd3qkg-3"
+})(["text-decoration:underlined;"]); // returns renderers customized with the appropriate font sizes given the provided `fontSize` value.
 
 var getMarkdownRenderer = function getMarkdownRenderer(fontSize) {
   /* eslint-disable react/display-name, react/prop-types */
@@ -456,10 +474,6 @@ var getMarkdownRenderer = function getMarkdownRenderer(fontSize) {
     linkRenderer: function linkRenderer(_ref7) {
       var href = _ref7.href,
           children = _ref7.children;
-      var StyledA = styled_components_1.default.a.withConfig({
-        displayName: "Markdown__StyledA",
-        componentId: "zd3qkg-3"
-      })(["text-decoration:underlined;"]);
       return React.createElement(StyledA, {
         href: href,
         onClick: handleLinkClick
@@ -541,29 +555,29 @@ exports.default = Markdown;
 
 /***/ }),
 
-/***/ 14:
+/***/ 15:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
 
-/***/ 15:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(7);
+var _toConsumableArray = __webpack_require__(8);
 
-var _defineProperty = __webpack_require__(6);
+var _defineProperty = __webpack_require__(7);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -585,9 +599,9 @@ exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig
 
 var lodash_1 = __webpack_require__(3);
 
-var schemaUtils_1 = __webpack_require__(15);
+var schemaUtils_1 = __webpack_require__(16);
 
-var VizBehavior_1 = __webpack_require__(5);
+var VizBehavior_1 = __webpack_require__(6);
 
 var dynamicOptionsDSLType = {
   type: 'string',
@@ -792,17 +806,10 @@ exports.insertLayout = insertLayout;
 
 /***/ }),
 
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/createClass");
-
-/***/ }),
-
 /***/ 19:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
+module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
 
@@ -813,254 +820,28 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 210:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __exportStar = this && this.__exportStar || function (m, exports) {
-  for (var p in m) {
-    if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-  }
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-__exportStar(__webpack_require__(133), exports);
-
-var Markdown_1 = __webpack_require__(133);
-
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return Markdown_1.default;
-  }
-});
-
-/***/ }),
-
-/***/ 211:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Markdown");
-
-/***/ }),
-
-/***/ 212:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
-/***/ }),
-
-/***/ 213:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/List");
-
-/***/ }),
-
-/***/ 214:
+/***/ 20:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Code");
-
-/***/ }),
-
-/***/ 215:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _toConsumableArray = __webpack_require__(7);
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var themes_1 = __webpack_require__(69);
-
-var i18n_1 = __webpack_require__(2);
-
-var schemaUtils_1 = __webpack_require__(15);
-
-var VizBehavior_1 = __webpack_require__(5);
-
-var VizCategory_1 = __webpack_require__(30);
-
-var configUtils_1 = __webpack_require__(16);
-
-var BackgroundColor_1 = __webpack_require__(49);
-
-var dataContract = {
-  requiredDataSources: [],
-  optionalDataSources: [// Note: SCP-14090 disable ui for optional datasources. We may need to add it back later
-    // {
-    //     name: 'annotation',
-    //     description: 'DataSource that populate event annotations',
-    // },
-  ],
-  initialRequestParams: {
-    primary: {
-      offset: 0,
-      count: 10000
-    }
-  }
-};
-var size = {
-  initialWidth: 300,
-  initialHeight: 300
-};
-var defaultContext = {};
-var optionsSchema = {
-  backgroundColor: {
-    description: 'Specify the background color using a Hex code such as "#FF0000".',
-    type: 'string',
-    default: 'transparent',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-  },
-  fontColor: {
-    description: 'Specify the text color using Hex codes or RGBA values, such as "#FF0000" or "rgba(25,12,13,0.1)". The default for enterprise light is "#3c444d". The default for enterprise dark is "#FFFFFF". The default for prisma dark is "rgba(255, 255, 255, 0.7)".',
-    type: 'string',
-    default: '> themes.defaultFontColor',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-  },
-  fontSize: {
-    description: 'Specify the font size you would like to use for markdown content. Font sizes range from extra small (10px for unformatted text) to extra large (18px for unformatted text) with the default being 14px for unformatted text.',
-    type: 'string',
-    default: 'default',
-    pattern: schemaUtils_1.getPattern(['extraSmall', 'small', 'default', 'large', 'extraLarge'])
-  },
-  markdown: {
-    description: 'Add text using basic markdown syntax.',
-    type: 'string'
-  }
-};
-var themes = {
-  defaultFontColor: function defaultFontColor(props) {
-    return themes_1.pick({
-      enterprise: {
-        dark: themes_1.variables.textColor(props),
-        light: themes_1.variables.textColor(props)
-      },
-      prisma: themes_1.variables.contentColorDefault(props)
-    })(props);
-  }
-};
-var editorConfig = [{
-  label: i18n_1._('Markdown Settings'),
-  layout: [[{
-    label: '',
-    option: 'markdown',
-    editor: 'editor.markdown'
-  }]]
-}, {
-  label: i18n_1._('General'),
-  layout: [[{
-    label: i18n_1._('Font Color'),
-    option: 'fontColor',
-    editor: 'editor.color',
-    editorProps: {
-      labelPosition: 'top',
-      themes: themes
-    }
-  }].concat(_toConsumableArray(BackgroundColor_1.default({
-    label: 'Background Color',
-    themes: themes
-  }))), [{
-    label: i18n_1._('Font Size'),
-    option: 'fontSize',
-    editor: 'editor.select',
-    editorProps: {
-      values: [{
-        label: i18n_1._('Extra Small'),
-        value: 'extraSmall'
-      }, {
-        label: i18n_1._('Small'),
-        value: 'small'
-      }, {
-        label: i18n_1._('Default'),
-        value: 'default'
-      }, {
-        label: i18n_1._('Large'),
-        value: 'large'
-      }, {
-        label: i18n_1._('Extra Large'),
-        value: 'extraLarge'
-      }]
-    }
-  }]]
-}];
-/**
- * visualization configuration
- */
-
-var config = {
-  /**
-   * unique viz key
-   */
-  key: 'splunk.markdown',
-
-  /**
-   * viz name
-   */
-  name: 'Markdown',
-  category: VizCategory_1.VizCategory.COMPARISONS,
-
-  /**
-   * viz icon
-   */
-  icon: null,
-  dataContract: dataContract,
-  size: size,
-  defaultContext: defaultContext,
-  optionsSchema: optionsSchema,
-  editorConfig: editorConfig,
-  events: {
-    'markdown.click': {
-      description: 'triggered when user clicks on markdown area not formatted as a link'
-    }
-  },
-  supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS],
-  themes: themes
-};
-exports.default = configUtils_1.enhanceConfig(config);
+module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 
-/***/ 24:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
@@ -1086,9 +867,9 @@ var lodash_1 = __webpack_require__(3);
 
 var i18n_1 = __webpack_require__(2);
 
-var Message_1 = __webpack_require__(9);
+var Message_1 = __webpack_require__(10);
 
-var FixedSizeContainer_1 = __webpack_require__(12);
+var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method shouldShowIconPlaceholder
  * @param {object} dataSources
@@ -1165,7 +946,7 @@ exports.default = FixedSizeContainer_1.default(IconPlaceholder);
 "use strict";
 
 
-var _defineProperty = __webpack_require__(6);
+var _defineProperty = __webpack_require__(7);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1176,7 +957,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var DataSource_1 = __webpack_require__(38);
+var DataSource_1 = __webpack_require__(39);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -1302,7 +1083,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1331,7 +1112,7 @@ var VizCategory;
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1345,37 +1126,37 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(32);
+var getSettingsFromThemedProps_1 = __webpack_require__(33);
 
-var Options_1 = __webpack_require__(33);
+var Options_1 = __webpack_require__(34);
 
-var SanitizeProps_1 = __webpack_require__(34);
+var SanitizeProps_1 = __webpack_require__(35);
 
-var TimezoneContext_1 = __webpack_require__(22);
+var TimezoneContext_1 = __webpack_require__(23);
 
-var moment_1 = __webpack_require__(35);
+var moment_1 = __webpack_require__(36);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(24);
+var hocUtils_1 = __webpack_require__(25);
 
-var JSONSchemaUtils_1 = __webpack_require__(25);
+var JSONSchemaUtils_1 = __webpack_require__(26);
 
-var SplunkVisualization_1 = __webpack_require__(36);
+var SplunkVisualization_1 = __webpack_require__(37);
 
-var VizBehavior_1 = __webpack_require__(5);
+var VizBehavior_1 = __webpack_require__(6);
 
 var getSorting_1 = __webpack_require__(28);
 
 var getPagination_1 = __webpack_require__(29);
 
-var useDeepMemo_1 = __webpack_require__(39);
+var useDeepMemo_1 = __webpack_require__(40);
 
-var MissingPropsMessage_1 = __webpack_require__(40);
+var MissingPropsMessage_1 = __webpack_require__(41);
 
-var withEditModeCover_1 = __webpack_require__(41);
+var withEditModeCover_1 = __webpack_require__(42);
 
-var withPlaceholder_1 = __webpack_require__(42);
+var withPlaceholder_1 = __webpack_require__(43);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -1577,41 +1358,41 @@ exports.default = withDashboardViz;
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
 
-/***/ 33:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
 
-/***/ 34:
+/***/ 35:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
 
-/***/ 35:
+/***/ 36:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
 
-/***/ 36:
+/***/ 37:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(11);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1623,7 +1404,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var VizActionHandler_1 = __webpack_require__(37); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(38); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -1757,15 +1538,15 @@ exports.default = SplunkVisualization;
 
 /***/ }),
 
-/***/ 37:
+/***/ 38:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(11);
 
-var _createClass = __webpack_require__(18);
+var _createClass = __webpack_require__(19);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1795,7 +1576,7 @@ exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
 
-/***/ 38:
+/***/ 39:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1809,7 +1590,240 @@ exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
 
-/***/ 39:
+/***/ 394:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  Object.defineProperty(o, k2, {
+    enumerable: true,
+    get: function get() {
+      return m[k];
+    }
+  });
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __exportStar = this && this.__exportStar || function (m, exports) {
+  for (var p in m) {
+    if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+  }
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+__exportStar(__webpack_require__(143), exports);
+
+var Markdown_1 = __webpack_require__(143);
+
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return Markdown_1.default;
+  }
+});
+
+/***/ }),
+
+/***/ 395:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Heading");
+
+/***/ }),
+
+/***/ 396:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/List");
+
+/***/ }),
+
+/***/ 397:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Code");
+
+/***/ }),
+
+/***/ 398:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _toConsumableArray = __webpack_require__(8);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var themes_1 = __webpack_require__(69);
+
+var i18n_1 = __webpack_require__(2);
+
+var schemaUtils_1 = __webpack_require__(16);
+
+var VizBehavior_1 = __webpack_require__(6);
+
+var VizCategory_1 = __webpack_require__(31);
+
+var configUtils_1 = __webpack_require__(17);
+
+var BackgroundColor_1 = __webpack_require__(50);
+
+var dataContract = {
+  requiredDataSources: [],
+  optionalDataSources: [// Note: SCP-14090 disable ui for optional datasources. We may need to add it back later
+    // {
+    //     name: 'annotation',
+    //     description: 'DataSource that populate event annotations',
+    // },
+  ],
+  initialRequestParams: {
+    primary: {
+      offset: 0,
+      count: 10000
+    }
+  }
+};
+var size = {
+  initialWidth: 300,
+  initialHeight: 300
+};
+var defaultContext = {};
+var optionsSchema = {
+  backgroundColor: {
+    description: 'Specify the background color using a Hex code such as "#FF0000".',
+    type: 'string',
+    default: 'transparent',
+    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
+  },
+  fontColor: {
+    description: 'Specify the text color using Hex codes or RGBA values, such as "#FF0000" or "rgba(25,12,13,0.1)". The default for enterprise light is "#3c444d". The default for enterprise dark is "#FFFFFF". The default for prisma dark is "rgba(255, 255, 255, 0.7)".',
+    type: 'string',
+    default: '> themes.defaultFontColor',
+    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
+  },
+  fontSize: {
+    description: 'Specify the font size you would like to use for markdown content. Font sizes range from extra small (10px for unformatted text) to extra large (18px for unformatted text) with the default being 14px for unformatted text.',
+    type: 'string',
+    default: 'default',
+    pattern: schemaUtils_1.getPattern(['extraSmall', 'small', 'default', 'large', 'extraLarge'])
+  },
+  markdown: {
+    description: 'Add text using basic markdown syntax.',
+    type: 'string'
+  }
+};
+var themes = {
+  defaultFontColor: function defaultFontColor(props) {
+    return themes_1.pick({
+      enterprise: {
+        dark: themes_1.variables.textColor(props),
+        light: themes_1.variables.textColor(props)
+      },
+      prisma: themes_1.variables.contentColorDefault(props)
+    })(props);
+  }
+};
+var editorConfig = [{
+  label: i18n_1._('Markdown Settings'),
+  layout: [[{
+    label: '',
+    option: 'markdown',
+    editor: 'editor.markdown'
+  }]]
+}, {
+  label: i18n_1._('General'),
+  layout: [[{
+    label: i18n_1._('Font Color'),
+    option: 'fontColor',
+    editor: 'editor.color',
+    editorProps: {
+      labelPosition: 'top',
+      themes: themes
+    }
+  }].concat(_toConsumableArray(BackgroundColor_1.default({
+    label: 'Background Color',
+    themes: themes
+  }))), [{
+    label: i18n_1._('Font Size'),
+    option: 'fontSize',
+    editor: 'editor.select',
+    editorProps: {
+      values: [{
+        label: i18n_1._('Extra Small'),
+        value: 'extraSmall'
+      }, {
+        label: i18n_1._('Small'),
+        value: 'small'
+      }, {
+        label: i18n_1._('Default'),
+        value: 'default'
+      }, {
+        label: i18n_1._('Large'),
+        value: 'large'
+      }, {
+        label: i18n_1._('Extra Large'),
+        value: 'extraLarge'
+      }]
+    }
+  }]]
+}];
+/**
+ * visualization configuration
+ */
+
+var config = {
+  /**
+   * unique viz key
+   */
+  key: 'splunk.markdown',
+
+  /**
+   * viz name
+   */
+  name: 'Markdown',
+  category: VizCategory_1.VizCategory.COMPARISONS,
+
+  /**
+   * viz icon
+   */
+  icon: null,
+  dataContract: dataContract,
+  size: size,
+  defaultContext: defaultContext,
+  optionsSchema: optionsSchema,
+  editorConfig: editorConfig,
+  events: {
+    'markdown.click': {
+      description: 'triggered when user clicks on markdown area not formatted as a link'
+    }
+  },
+  supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS],
+  themes: themes
+};
+exports.default = configUtils_1.enhanceConfig(config);
+
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 40:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1855,14 +1869,7 @@ exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 40:
+/***/ 41:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1879,9 +1886,9 @@ var T = __webpack_require__(0);
 
 var i18n_1 = __webpack_require__(2);
 
-var Message_1 = __webpack_require__(9);
+var Message_1 = __webpack_require__(10);
 
-var FixedSizeContainer_1 = __webpack_require__(12);
+var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method isMissing
  * @param {any} v
@@ -1943,7 +1950,7 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
 
-/***/ 41:
+/***/ 42:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1957,14 +1964,14 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(13);
+var hocUtils_1 = __webpack_require__(14);
 
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "25.1.0 - 812a9a4d8"
+  'data-splunk-visualization-version': "25.2.0 - 4373c5a66"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1996,7 +2003,7 @@ exports.default = withEditModeCover;
 
 /***/ }),
 
-/***/ 42:
+/***/ 43:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2008,15 +2015,15 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var colorUtils_1 = __webpack_require__(11);
+var colorUtils_1 = __webpack_require__(12);
 
-var variables_1 = __webpack_require__(8);
+var variables_1 = __webpack_require__(9);
 
 var IconPlaceholder_1 = __webpack_require__(27);
 
-var VizBehavior_1 = __webpack_require__(5);
+var VizBehavior_1 = __webpack_require__(6);
 
-var hocUtils_1 = __webpack_require__(13);
+var hocUtils_1 = __webpack_require__(14);
 
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -2061,7 +2068,7 @@ exports.default = withPlaceholder;
 
 /***/ }),
 
-/***/ 49:
+/***/ 50:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2092,7 +2099,7 @@ exports.default = background;
 
 /***/ }),
 
-/***/ 5:
+/***/ 6:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2130,13 +2137,6 @@ var VizBehavior;
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
-/***/ }),
-
 /***/ 69:
 /***/ (function(module, exports) {
 
@@ -2147,18 +2147,18 @@ module.exports = require("@splunk/themes");
 /***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 
 /***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/variables");
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
 
-/***/ 81:
+/***/ 85:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
@@ -2168,7 +2168,7 @@ module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/Message");
+module.exports = require("@splunk/themes/variables");
 
 /***/ })