@splunk/visualizations 25.4.0 → 25.6.0

package/Markdown.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 399);
+/******/ 	return __webpack_require__(__webpack_require__.s = 412);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -113,24 +113,24 @@ module.exports = require("@splunk/visualizations-shared/Message");
 
 /***/ }),
 
-/***/ 109:
+/***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Markdown");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 11:
+/***/ 114:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@splunk/react-ui/Markdown");
 
 /***/ }),
 
-/***/ 114:
+/***/ 117:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Paragraph");
+module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
@@ -155,7 +155,7 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SizeAwareWrapper_1 = __webpack_require__(20);
+var SizeAwareWrapper_1 = __webpack_require__(21);
 
 var style_1 = __webpack_require__(15);
 
@@ -216,7 +216,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.4.0 - 6a8a433b8",
+      "data-splunk-visualization-version": "25.6.0 - f5eb3abf9",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -271,13 +271,20 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
 
-/***/ 143:
+/***/ 15:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/style");
+
+/***/ }),
+
+/***/ 150:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _taggedTemplateLiteral = __webpack_require__(86);
+var _taggedTemplateLiteral = __webpack_require__(89);
 
 var _templateObject;
 
@@ -288,31 +295,31 @@ exports.getFontMap = exports.config = exports.themes = exports.computeVizProps =
 
 var lodash_1 = __webpack_require__(3);
 
-var types_1 = __webpack_require__(81);
+var types_1 = __webpack_require__(85);
 
 var React = __webpack_require__(1);
 
 var style_1 = __webpack_require__(15);
 
-var Markdown_1 = __webpack_require__(109);
+var Markdown_1 = __webpack_require__(114);
 
 var styled_components_1 = __webpack_require__(4);
 
 var T = __webpack_require__(0);
 
-var themes_1 = __webpack_require__(69);
+var themes_1 = __webpack_require__(72);
 
-var Heading_1 = __webpack_require__(400);
+var Heading_1 = __webpack_require__(117);
 
-var Paragraph_1 = __webpack_require__(114);
+var Paragraph_1 = __webpack_require__(97);
 
-var List_1 = __webpack_require__(401);
+var List_1 = __webpack_require__(413);
 
-var Code_1 = __webpack_require__(402);
+var Code_1 = __webpack_require__(414);
 
-var withDashboardViz_1 = __webpack_require__(32);
+var withDashboardViz_1 = __webpack_require__(35);
 
-var config_1 = __webpack_require__(403);
+var config_1 = __webpack_require__(415);
 
 exports.config = config_1.default; // map of valid font sizes with elements' respective pixel sizes
 
@@ -356,12 +363,14 @@ exports.FONT_SIZES = {
 var MarkdownContainer = styled_components_1.default.div.withConfig({
   displayName: "Markdown__MarkdownContainer",
   componentId: "zd3qkg-0"
-})(["overflow:auto;position:relative;box-sizing:border-box;", ";", ";background-color:", ";& *:not(code):not(pre):not(code *):not(a){color:", ";}", ";"], function (props) {
+})(["overflow:auto;position:relative;box-sizing:border-box;", ";", ";background-color:", ";transform-origin:center;transform:rotate(", "deg);& *:not(code):not(pre):not(code *):not(a){color:", ";}", ";"], function (props) {
   return style_1.toDimension(lodash_1.pick(props, ['width', 'height']));
 }, function (props) {
   return style_1.toPadding(props.padding);
 }, function (props) {
   return props.backgroundColor;
+}, function (props) {
+  return props.rotation || 0;
 }, function (props) {
   return props.fontColor;
 }, function (_ref) {
@@ -422,7 +431,7 @@ var StyledA = styled_components_1.default.a.withConfig({
   componentId: "zd3qkg-3"
 })(["text-decoration:underlined;"]); // returns renderers customized with the appropriate font sizes given the provided `fontSize` value.
 
-var getMarkdownRenderer = function getMarkdownRenderer(fontSize, customFontSize) {
+var getMarkdownRenderer = function getMarkdownRenderer(fontFamilyStyle, fontSize, customFontSize) {
   // defaults to customFontSize of 14px if value is invalid
   var cleanedCustomFontSize = types_1.isNumber(customFontSize) ? customFontSize : 14;
   var isCustomFontSize = fontSize === 'custom';
@@ -438,10 +447,10 @@ var getMarkdownRenderer = function getMarkdownRenderer(fontSize, customFontSize)
     paragraphRenderer: function paragraphRenderer(_ref2) {
       var children = _ref2.children;
       return React.createElement(Paragraph_1.default, {
-        style: {
+        style: Object.assign({
           fontSize: fontMap.p,
           lineHeight: "".concat(fontMap.p, "px")
-        }
+        }, fontFamilyStyle)
       }, children);
     },
     headingRenderer: function headingRenderer(_ref3) {
@@ -449,20 +458,20 @@ var getMarkdownRenderer = function getMarkdownRenderer(fontSize, customFontSize)
           level = _ref3.level;
       return React.createElement(Heading_1.default, {
         level: level,
-        style: {
+        style: Object.assign({
           fontSize: fontMap["h".concat(level)],
           lineHeight: "".concat(fontMap["h".concat(level)], "px")
-        }
+        }, fontFamilyStyle)
       }, children);
     },
     itemRenderer: function itemRenderer(_ref4) {
       var children = _ref4.children,
           nodeKey = _ref4.nodeKey;
       return React.createElement(List_1.default.Item, {
-        style: {
+        style: Object.assign({
           fontSize: fontMap.p,
           lineHeight: "".concat(fontMap.p, "px")
-        },
+        }, fontFamilyStyle),
         key: nodeKey
       }, children);
     },
@@ -503,21 +512,31 @@ var MarkdownVisualization = function MarkdownVisualization(_ref8) {
       markdown = _ref8.markdown,
       backgroundColor = _ref8.backgroundColor,
       fontColor = _ref8.fontColor,
+      fontFamily = _ref8.fontFamily,
       fontSize = _ref8.fontSize,
       customFontSize = _ref8.customFontSize,
+      rotation = _ref8.rotation,
       hasEventHandlers = _ref8.hasEventHandlers,
       onMarkdownClick = _ref8.onMarkdownClick;
 
-  var _a; // because DSL evaluation is not guaranteed to return string data if `markdown` is powered by DSL, we do a typecast here
+  var _a;
+
+  var _themes_1$useSplunkTh = themes_1.useSplunkTheme(),
+      defaultFontFamily = _themes_1$useSplunkTh.fontFamily; // font-family style for non-code content - default font family appended to custom option value as fallback
 
 
+  var markdownContentFontFamilyStyle = {
+    fontFamily: "".concat(fontFamily, ", ").concat(defaultFontFamily)
+  }; // because DSL evaluation is not guaranteed to return string data if `markdown` is powered by DSL, we do a typecast here
+
   var stringifiedMarkdown = "".concat(markdown);
-  var renderersForFontSize = getMarkdownRenderer(fontSize, customFontSize);
+  var renderersForFontSize = getMarkdownRenderer(markdownContentFontFamilyStyle, fontSize, customFontSize);
   return React.createElement(MarkdownContainer, {
-    "data-testid": "markdown-container",
+    "data-test": "markdown-container",
     padding: [5, 5, 5, 5],
     width: width,
     height: height,
+    rotation: rotation,
     backgroundColor: backgroundColor,
     fontColor: fontColor,
     startsWithHeader: (_a = stringifiedMarkdown.trim().match(/^#+/)) === null || _a === void 0 ? void 0 : _a[0].length
@@ -538,8 +557,10 @@ var propTypes = {
   markdown: T.string,
   backgroundColor: T.string,
   fontColor: T.string,
+  fontFamily: T.string,
   fontSize: T.string,
   customFontSize: T.number,
+  rotation: T.number,
   hasEventHandlers: T.bool,
   onMarkdownClick: T.func
 };
@@ -549,8 +570,10 @@ var defaultProps = {
   markdown: '',
   backgroundColor: 'transparent',
   fontColor: 'rgba(255, 255, 255, 0.7)',
+  fontFamily: 'Splunk Platform Sans',
   fontSize: 'default',
   customFontSize: 14,
+  rotation: 0,
   hasEventHandlers: false,
   onMarkdownClick: function onMarkdownClick() {}
 };
@@ -573,21 +596,21 @@ exports.default = Markdown;
 
 /***/ }),
 
-/***/ 15:
+/***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/style");
+module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 16:
+/***/ 17:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
+module.exports = require("@babel/runtime/helpers/slicedToArray");
 
 /***/ }),
 
-/***/ 17:
+/***/ 18:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -824,49 +847,63 @@ exports.insertLayout = insertLayout;
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/createClass");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 2:
+/***/ 20:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
 
-/***/ 20:
+/***/ 21:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
 
-/***/ 23:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-context/FeatureFlagContext");
+
+/***/ }),
+
+/***/ 27:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
 
-/***/ 26:
+/***/ 28:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
 
-/***/ 27:
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash");
+
+/***/ }),
+
+/***/ 30:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -958,7 +995,14 @@ exports.default = FixedSizeContainer_1.default(IconPlaceholder);
 
 /***/ }),
 
-/***/ 28:
+/***/ 31:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/id");
+
+/***/ }),
+
+/***/ 32:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -975,7 +1019,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var DataSource_1 = __webpack_require__(39);
+var DataSource_1 = __webpack_require__(43);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -1029,7 +1073,7 @@ exports.getSortingParams = getSortingParams;
 
 /***/ }),
 
-/***/ 29:
+/***/ 33:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1094,14 +1138,7 @@ exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 31:
+/***/ 34:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1130,12 +1167,14 @@ var VizCategory;
 
 /***/ }),
 
-/***/ 32:
+/***/ 35:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -1144,44 +1183,51 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(33);
+var getSettingsFromThemedProps_1 = __webpack_require__(36);
 
-var Options_1 = __webpack_require__(34);
+var Options_1 = __webpack_require__(37);
 
-var SanitizeProps_1 = __webpack_require__(35);
+var SanitizeProps_1 = __webpack_require__(38);
 
-var TimezoneContext_1 = __webpack_require__(23);
+var TimezoneContext_1 = __webpack_require__(24);
 
-var moment_1 = __webpack_require__(36);
+var moment_1 = __webpack_require__(39);
+
+var FeatureFlagContext_1 = __webpack_require__(26);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(25);
+var hocUtils_1 = __webpack_require__(27);
+
+var JSONSchemaUtils_1 = __webpack_require__(28);
+
+var async_dynamic_options_evaluator_1 = __webpack_require__(40);
 
-var JSONSchemaUtils_1 = __webpack_require__(26);
+var id_1 = __webpack_require__(31);
 
-var SplunkVisualization_1 = __webpack_require__(37);
+var SplunkVisualization_1 = __webpack_require__(41);
 
 var VizBehavior_1 = __webpack_require__(6);
 
-var getSorting_1 = __webpack_require__(28);
+var getSorting_1 = __webpack_require__(32);
 
-var getPagination_1 = __webpack_require__(29);
+var getPagination_1 = __webpack_require__(33);
 
-var useDeepMemo_1 = __webpack_require__(40);
+var useDeepMemo_1 = __webpack_require__(44);
 
-var MissingPropsMessage_1 = __webpack_require__(41);
+var MissingPropsMessage_1 = __webpack_require__(45);
 
-var withEditModeCover_1 = __webpack_require__(42);
+var withEditModeCover_1 = __webpack_require__(46);
 
-var withPlaceholder_1 = __webpack_require__(43);
+var withPlaceholder_1 = __webpack_require__(47);
+
+var UUID = id_1.createGUID();
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
  * @returns {HOC}
  */
 
-
 var withDashboardViz = function withDashboardViz(opts) {
   var ReactViz = opts.ReactViz,
       vizConfig = opts.vizConfig,
@@ -1241,28 +1287,76 @@ var withDashboardViz = function withDashboardViz(opts) {
 
     var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
 
+    var _React$useState = React.useState({}),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        evaluatedOptionsAsync = _React$useState2[0],
+        setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
+
+
+    var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
+
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(UUID)),
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        visualizationID = _React$useState4[0];
+
+    var _React$useState5 = React.useState(Boolean(featureFlagContext && featureFlagContext['visualizations.useWebWorkersForDSL'] && typeof Worker !== 'undefined')),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        useAsyncEvaluatedOptions = _React$useState6[0],
+        setUseAsyncEvaluatedOptions = _React$useState6[1];
+
     evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
       try {
-        return Options_1.Options.evaluate({
-          context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-          options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
-        }, dataSources, themeFunc);
+        if (useAsyncEvaluatedOptions) {
+          var optionsToEvaluate = {
+            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
+            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+          };
+          var asyncDynamicOptionsEvaluatorParams = {
+            visualizationID: visualizationID,
+            props: props,
+            options: optionsToEvaluate,
+            dataSources: dataSources,
+            theme: vizConfig.themes
+          };
+          async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
+            setEvaluatedOptionsAsync(results.results);
+          }).catch(function (e) {
+            // eslint-disable-next-line no-console
+            console.error("unexpected error evaluating options - async: ".concat(e.message));
+            setUseAsyncEvaluatedOptions(false);
+          });
+        } else {
+          return Options_1.Options.evaluate({
+            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
+            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+          }, dataSources, themeFunc);
+        }
       } catch (e) {
         // eslint-disable-next-line no-console
-        console.error("unexpected error evaluating options:  + ".concat(e.message));
+        console.error("unexpected error evaluating options: ".concat(e.message));
         return {};
       }
-    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone]); // useEffect hook needs to be initialized before any early returns
+
+      return {};
+    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone, useAsyncEvaluatedOptions]);
+    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync; // useEffect hook needs to be initialized before any early returns
     // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
 
     React.useEffect(function () {
-      onComputedProps(evaluatedOptions);
-    }); // present warning message if any required props are missing
+      onComputedProps(evaluatedOptionsToUse);
+    });
+    React.useEffect(function () {
+      return function () {
+        if (useAsyncEvaluatedOptions) {
+          async_dynamic_options_evaluator_1.default.reset(visualizationID);
+        }
+      }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // present warning message if any required props are missing
 
     var _vizConfig$requiredPr = vizConfig.requiredProps,
         requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
         supports = vizConfig.supports;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptions);
+    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
 
     if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER)) {
       return React.createElement(MissingPropsMessage_1.default, {
@@ -1289,7 +1383,7 @@ var withDashboardViz = function withDashboardViz(opts) {
 
         if (Array.isArray(payloadKeys) && payloadKeys.length) {
           payloadKeys.forEach(function (p) {
-            payload[p] = evaluatedOptions[p];
+            payload[p] = evaluatedOptionsToUse[p];
           });
         }
 
@@ -1308,7 +1402,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     } // compute pure viz props which are not from options
 
 
-    var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptions), eventCallbackProps), {
+    var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptionsToUse), eventCallbackProps), {
       themeFunc: themeFunc
     }));
     /**
@@ -1328,7 +1422,7 @@ var withDashboardViz = function withDashboardViz(opts) {
 
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptions, OptionKey) && evaluatedOptions[OptionKey] || 'primary';
+    var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
 
     if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
       var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
@@ -1358,7 +1452,7 @@ var withDashboardViz = function withDashboardViz(opts) {
       mode: mode,
       width: width,
       height: height
-    }, evaluatedOptions, computedVizProps, eventCallbackProps, dataSourceMetadata));
+    }, evaluatedOptionsToUse, computedVizProps, eventCallbackProps, dataSourceMetadata));
   };
 
   DashboardViz.propTypes = Object.assign(Object.assign({}, SplunkVisualization_1.default.propTypes), ReactViz.propTypes);
@@ -1376,35 +1470,49 @@ exports.default = withDashboardViz;
 
 /***/ }),
 
-/***/ 33:
+/***/ 36:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
 
-/***/ 34:
+/***/ 37:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
 
-/***/ 35:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
 
-/***/ 36:
+/***/ 39:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
 
-/***/ 37:
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 40:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/async-dynamic-options-evaluator");
+
+/***/ }),
+
+/***/ 41:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1422,7 +1530,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var VizActionHandler_1 = __webpack_require__(38); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(42); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -1556,59 +1664,7 @@ exports.default = SplunkVisualization;
 
 /***/ }),
 
-/***/ 38:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _classCallCheck = __webpack_require__(11);
-
-var _createClass = __webpack_require__(19);
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultVizActionHandler = void 0;
-
-var DefaultVizActionHandler = /*#__PURE__*/function () {
-  function DefaultVizActionHandler() {
-    _classCallCheck(this, DefaultVizActionHandler);
-  }
-
-  _createClass(DefaultVizActionHandler, [{
-    key: "focus",
-    value: function focus() {// noop
-    }
-  }, {
-    key: "snapshot",
-    value: function snapshot() {
-      return null; // noop
-    }
-  }]);
-
-  return DefaultVizActionHandler;
-}();
-
-exports.DefaultVizActionHandler = DefaultVizActionHandler;
-
-/***/ }),
-
-/***/ 39:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validSortDirs = void 0;
-exports.validSortDirs = ['asc', 'desc', 'none'];
-
-/***/ }),
-
-/***/ 399:
+/***/ 412:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1638,9 +1694,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-__exportStar(__webpack_require__(143), exports);
+__exportStar(__webpack_require__(150), exports);
 
-var Markdown_1 = __webpack_require__(143);
+var Markdown_1 = __webpack_require__(150);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -1651,81 +1707,21 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 40:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDeepMemo = void 0;
-
-var react_1 = __webpack_require__(1);
-
-var lodash_1 = __webpack_require__(3);
-/**
- * This hook evaluates and stores the result of a passed function and only
- * re-evaluates the function when passed dependencies change.
- *
- * It is different from the internal React useMemo in the following aspects:
- * - it only stores the last evaluated result
- * - it uses a deep equality check to determine if dependencies have changed
- *
- * Inspired by apollo-client's useDeepMemo
- *
- * @param fn the function to be executed and
- * @param dependencies an array of dependencies
- */
-
-
-var useDeepMemo = function useDeepMemo(fn, dependencies) {
-  var ref = react_1.useRef();
-
-  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
-    ref.current = {
-      dependencies: dependencies,
-      value: fn()
-    };
-  }
-
-  return ref.current.value;
-};
-
-exports.useDeepMemo = useDeepMemo;
-
-/***/ }),
-
-/***/ 400:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
-/***/ }),
-
-/***/ 401:
+/***/ 413:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/List");
 
 /***/ }),
 
-/***/ 402:
+/***/ 414:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Code");
 
 /***/ }),
 
-/***/ 403:
+/***/ 415:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1737,7 +1733,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var themes_1 = __webpack_require__(69);
+var themes_1 = __webpack_require__(72);
 
 var i18n_1 = __webpack_require__(2);
 
@@ -1745,11 +1741,11 @@ var schemaUtils_1 = __webpack_require__(16);
 
 var VizBehavior_1 = __webpack_require__(6);
 
-var VizCategory_1 = __webpack_require__(31);
+var VizCategory_1 = __webpack_require__(34);
 
-var configUtils_1 = __webpack_require__(17);
+var configUtils_1 = __webpack_require__(18);
 
-var BackgroundColor_1 = __webpack_require__(50);
+var BackgroundColor_1 = __webpack_require__(53);
 
 var FONT_OPTIONS = new Set(['extraSmall', 'small', 'default', 'large', 'extraLarge']);
 var dataContract = {
@@ -1790,6 +1786,11 @@ var optionsSchema = {
     default: '> themes.defaultFontColor',
     pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
   },
+  fontFamily: {
+    default: 'Splunk Platform Sans',
+    description: 'Specify the font family you would like to use for markdown content, such as "Comic Sans MS". Note: the font needs to be available to your end user.',
+    type: 'string'
+  },
   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',
@@ -1799,6 +1800,11 @@ var optionsSchema = {
   markdown: {
     description: 'Add text using basic markdown syntax.',
     type: 'string'
+  },
+  rotation: {
+    description: 'Specify the angle of rotation of the markdown content in degrees.',
+    type: 'number',
+    default: 0
   }
 };
 var themes = {
@@ -1813,17 +1819,9 @@ var themes = {
   }
 };
 var editorConfig = [{
-  label: i18n_1._('Markdown Settings'),
-  open: true,
+  label: i18n_1._('Color and style'),
   layout: [[{
-    label: '',
-    option: 'markdown',
-    editor: 'editor.markdown'
-  }]]
-}, {
-  label: i18n_1._('General'),
-  layout: [[{
-    label: i18n_1._('Font Color'),
+    label: i18n_1._('Font'),
     option: 'fontColor',
     editor: 'editor.color',
     editorProps: {
@@ -1831,10 +1829,31 @@ var editorConfig = [{
       themes: themes
     }
   }].concat(_toConsumableArray(BackgroundColor_1.default({
-    label: 'Background Color',
+    label: 'Background',
     themes: themes
   }))), [{
-    label: i18n_1._('Font Size'),
+    label: i18n_1._('Font family'),
+    option: 'fontFamily',
+    editor: 'editor.select',
+    editorProps: {
+      values: [{
+        value: 'Splunk Platform Sans'
+      }, {
+        value: 'Splunk Data Sans'
+      }, {
+        value: 'Splunk Platform Mono'
+      }, {
+        value: 'Arial'
+      }, {
+        value: 'Helvetica'
+      }, {
+        value: 'Times New Roman'
+      }, {
+        value: 'Comic Sans MS'
+      }]
+    }
+  }], [{
+    label: i18n_1._('Font size'),
     option: 'fontSize',
     editor: 'editor.select',
     editorProps: {
@@ -1859,7 +1878,7 @@ var editorConfig = [{
       }]
     }
   }, {
-    label: i18n_1._('Custom Font Size (px)'),
+    label: i18n_1._('Custom font size (px)'),
     option: 'customFontSize',
     editor: 'editor.number',
     editorProps: {
@@ -1870,6 +1889,22 @@ var editorConfig = [{
       var options = _ref.options;
       return options.fontSize && !FONT_OPTIONS.has(options.fontSize);
     }
+  }], [{
+    label: i18n_1._('Rotation (degrees)'),
+    option: 'rotation',
+    editor: 'editor.number',
+    editorProps: {
+      min: -360,
+      max: 360
+    }
+  }]]
+}, {
+  label: i18n_1._('Markdown content'),
+  open: true,
+  layout: [[{
+    label: '',
+    option: 'markdown',
+    editor: 'editor.markdown'
   }]]
 }];
 /**
@@ -1909,7 +1944,105 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 41:
+/***/ 42:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _classCallCheck = __webpack_require__(11);
+
+var _createClass = __webpack_require__(20);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultVizActionHandler = void 0;
+
+var DefaultVizActionHandler = /*#__PURE__*/function () {
+  function DefaultVizActionHandler() {
+    _classCallCheck(this, DefaultVizActionHandler);
+  }
+
+  _createClass(DefaultVizActionHandler, [{
+    key: "focus",
+    value: function focus() {// noop
+    }
+  }, {
+    key: "snapshot",
+    value: function snapshot() {
+      return null; // noop
+    }
+  }]);
+
+  return DefaultVizActionHandler;
+}();
+
+exports.DefaultVizActionHandler = DefaultVizActionHandler;
+
+/***/ }),
+
+/***/ 43:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validSortDirs = void 0;
+exports.validSortDirs = ['asc', 'desc', 'none'];
+
+/***/ }),
+
+/***/ 44:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDeepMemo = void 0;
+
+var react_1 = __webpack_require__(1);
+
+var lodash_1 = __webpack_require__(3);
+/**
+ * This hook evaluates and stores the result of a passed function and only
+ * re-evaluates the function when passed dependencies change.
+ *
+ * It is different from the internal React useMemo in the following aspects:
+ * - it only stores the last evaluated result
+ * - it uses a deep equality check to determine if dependencies have changed
+ *
+ * Inspired by apollo-client's useDeepMemo
+ *
+ * @param fn the function to be executed and
+ * @param dependencies an array of dependencies
+ */
+
+
+var useDeepMemo = function useDeepMemo(fn, dependencies) {
+  var ref = react_1.useRef();
+
+  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
+    ref.current = {
+      dependencies: dependencies,
+      value: fn()
+    };
+  }
+
+  return ref.current.value;
+};
+
+exports.useDeepMemo = useDeepMemo;
+
+/***/ }),
+
+/***/ 45:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1990,7 +2123,7 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
 
-/***/ 42:
+/***/ 46:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2011,7 +2144,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "25.4.0 - 6a8a433b8"
+  'data-splunk-visualization-version': "25.6.0 - f5eb3abf9"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -2043,7 +2176,7 @@ exports.default = withEditModeCover;
 
 /***/ }),
 
-/***/ 43:
+/***/ 47:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2059,7 +2192,7 @@ var colorUtils_1 = __webpack_require__(12);
 
 var variables_1 = __webpack_require__(9);
 
-var IconPlaceholder_1 = __webpack_require__(27);
+var IconPlaceholder_1 = __webpack_require__(30);
 
 var VizBehavior_1 = __webpack_require__(6);
 
@@ -2108,7 +2241,7 @@ exports.default = withPlaceholder;
 
 /***/ }),
 
-/***/ 50:
+/***/ 53:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2177,17 +2310,17 @@ var VizBehavior;
 
 /***/ }),
 
-/***/ 69:
+/***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 
-/***/ 7:
+/***/ 72:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+module.exports = require("@splunk/themes");
 
 /***/ }),
 
@@ -2198,14 +2331,14 @@ module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
 
-/***/ 81:
+/***/ 85:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/utils/types");
 
 /***/ }),
 
-/***/ 86:
+/***/ 89:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
@@ -2217,6 +2350,13 @@ module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 module.exports = require("@splunk/themes/variables");
 
+/***/ }),
+
+/***/ 97:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Paragraph");
+
 /***/ })
 
 /******/ });