@splunk/react-ui 4.8.0 → 4.11.0

package/JSONTree.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 137);
+/******/ 	return __webpack_require__(__webpack_require__.s = 132);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 137:
+/***/ 132:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,7 +134,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -269,9 +269,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 var propTypes = {
-  path: external_prop_types_default.a.arrayOf(external_prop_types_default.a.string),
+  path: external_prop_types_default.a.arrayOf(external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string])),
   defaultOpen: external_prop_types_default.a.bool,
-  expandChildren: external_prop_types_default.a.bool,
+  expandChildren: external_prop_types_default.a.oneOfType([external_prop_types_default.a.bool, external_prop_types_default.a.oneOf(['withShiftModifier'])]),
   indent: external_prop_types_default.a.number,
   indentLevel: external_prop_types_default.a.number,
   obj: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.array, external_prop_types_default.a.number, external_prop_types_default.a.string, external_prop_types_default.a.bool]).isRequired,
@@ -287,10 +287,11 @@ var defaultProps = {
   indentLevel: 1,
   overflow: 'scroll'
 };
-
+var shift;
 /**
  * An internal container class for expandable tree nodes (objects and arrays).
  */
+
 var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   _inherits(JSONTreeNode, _Component);
 
@@ -307,7 +308,11 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "closingIndent", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "handleExpandClick", function () {
+    _defineProperty(_assertThisInitialized(_this), "handleExpandClick", function (e) {
+      if (_this.props.expandChildren === 'withShiftModifier') {
+        shift = e.shiftKey;
+      }
+
       _this.setState(function (state) {
         return {
           open: !state.open
@@ -343,9 +348,18 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
       });
     });
 
-    _this.state = {
-      open: props.defaultOpen
-    };
+    if (_this.props.expandChildren === 'withShiftModifier' && shift !== undefined) {
+      _this.state = shift ? {
+        open: true
+      } : {
+        open: false
+      };
+    } else {
+      _this.state = {
+        open: props.defaultOpen
+      };
+    }
+
     _this.regularIndent = Object(external_lodash_["fill"])(Array(props.indentLevel), Object(external_lodash_["repeat"])("\xA0", props.indent));
     _this.closingIndent = Object(external_lodash_["fill"])(Array(props.indentLevel - 1), Object(external_lodash_["repeat"])("\xA0", props.indent));
     return _this;
@@ -354,8 +368,12 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   _createClass(JSONTreeNode, [{
     key: "renderExpandLink",
     value: function renderExpandLink() {
+      var _this2 = this;
+
       return /*#__PURE__*/external_react_default.a.createElement(StyledExpandLinkClickable, {
-        onClick: this.handleExpandClick,
+        onClick: function onClick(e) {
+          _this2.handleExpandClick(e);
+        },
         "aria-expanded": this.state.open,
         "data-test": "toggle"
       }, "\xA0", this.state.open ? '[-]' : '[+]', "\xA0");
@@ -363,7 +381,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderValue",
     value: function renderValue(_ref) {
-      var _this2 = this;
+      var _this3 = this;
 
       var value = _ref.value,
           key = _ref.key;
@@ -388,7 +406,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
             obj: value,
             path: key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path) // Prevent undefined from being added to path for single value edge-case
             ,
-            defaultOpen: expandChildren,
+            defaultOpen: expandChildren === true,
             expandChildren: expandChildren,
             onClickKey: onClickKey,
             onClickValue: onClickValue,
@@ -415,7 +433,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
             valueType: valueType,
             overflowType: overflow,
             onClick: function onClick(e) {
-              _this2.handleClickValue(e, key);
+              _this3.handleClickValue(e, key);
             }
           }, representation);
         }
@@ -431,14 +449,14 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderKey",
     value: function renderKey(key) {
-      var _this3 = this;
+      var _this4 = this;
 
       var onClickKey = this.props.onClickKey;
 
       if (onClickKey) {
         return /*#__PURE__*/external_react_default.a.createElement("span", null, /*#__PURE__*/external_react_default.a.createElement(StyledPropertyInteractiveClickable, {
           onClick: function onClick(e) {
-            _this3.handleClickKey(e, key);
+            _this4.handleClickKey(e, key);
           }
         }, key), ":", ' ');
       }
@@ -448,7 +466,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderObject",
     value: function renderObject() {
-      var _this4 = this;
+      var _this5 = this;
 
       var _this$props4 = this.props,
           obj = _this$props4.obj,
@@ -461,17 +479,17 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
           var key = Object(external_lodash_["isArray"])(obj) ? parseInt(mapKey, 10) : mapKey;
           var propertyDataPath = path.length === 0 ? ".".concat(key) : ".".concat(path.join('.'), ".").concat(key);
 
-          var representation = _this4.renderValue({
+          var representation = _this5.renderValue({
             key: key,
             value: value
           });
 
-          var propertyElement = !Object(external_lodash_["isArray"])(obj) ? _this4.renderKey(key) : undefined;
+          var propertyElement = !Object(external_lodash_["isArray"])(obj) ? _this5.renderKey(key) : undefined;
           return /*#__PURE__*/external_react_default.a.createElement("div", {
             key: propertyDataPath,
             role: "treeitem",
             "data-test-path": propertyDataPath
-          }, _this4.regularIndent, propertyElement, representation, index + 1 < properties.length ? ',' : null);
+          }, _this5.regularIndent, propertyElement, representation, index + 1 < properties.length ? ',' : null);
         });
       } // edge case: a single number/string/boolean being rendered (still valid JSON)
 
@@ -535,7 +553,7 @@ var JSONTree_propTypes = {
   indent: external_prop_types_default.a.number,
   onClickKey: external_prop_types_default.a.func,
   onClickValue: external_prop_types_default.a.func,
-  expandChildren: external_prop_types_default.a.bool,
+  expandChildren: external_prop_types_default.a.oneOfType([external_prop_types_default.a.bool, external_prop_types_default.a.oneOf(['withShiftModifier'])]),
   overflow: external_prop_types_default.a.oneOf(['wrap', 'scroll'])
 };
 

package/Layer.js

@@ -82,11 +82,18 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 181);
+/******/ 	return __webpack_require__(__webpack_require__.s = 156);
 /******/ })
 /************************************************************************/
 /******/ ({
 
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes");
+
+/***/ }),
+
 /***/ 1:
 /***/ (function(module, exports) {
 
@@ -94,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 113:
+/***/ 108:
 /***/ (function(module, exports) {
 
 var g;
@@ -128,7 +135,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 181:
+/***/ 156:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -137,15 +144,16 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Layer_Layer; });
-__webpack_require__.d(__webpack_exports__, "LayerStackContext", function() { return /* reexport */ LayerStack["a" /* LayerStackContext */]; });
-__webpack_require__.d(__webpack_exports__, "LayerStackGlobalProvider", function() { return /* reexport */ LayerStack["b" /* LayerStackGlobalProvider */]; });
+__webpack_require__.d(__webpack_exports__, "LayerStackContext", function() { return /* reexport */ LayerStack["b" /* LayerStackContext */]; });
+__webpack_require__.d(__webpack_exports__, "LayerContext", function() { return /* reexport */ LayerStack["a" /* LayerContext */]; });
+__webpack_require__.d(__webpack_exports__, "LayerStackGlobalProvider", function() { return /* reexport */ LayerStack["c" /* LayerStackGlobalProvider */]; });
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(68);
+var external_react_dom_ = __webpack_require__(67);
 
 // EXTERNAL MODULE: external "prop-types"
 var external_prop_types_ = __webpack_require__(1);
@@ -162,7 +170,25 @@ var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
-var LayerStack = __webpack_require__(79);
+var LayerStack = __webpack_require__(68);
+
+// EXTERNAL MODULE: external "styled-components"
+var external_styled_components_ = __webpack_require__(3);
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
+
+// EXTERNAL MODULE: external "@splunk/themes"
+var themes_ = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/Layer/LayerStyles.ts
+
+
+var StyledLayer = external_styled_components_default.a.div.withConfig({
+  displayName: "LayerStyles__StyledLayer",
+  componentId: "ii6psl-0"
+})(["", ""], function (_ref) {
+  var $separateStackingContexts = _ref.$separateStackingContexts;
+  return $separateStackingContexts && Object(external_styled_components_["css"])(["isolation:isolate;z-index:", ";"], themes_["variables"].zindexLayer);
+});
 
 // CONCATENATED MODULE: ./src/Layer/Layer.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -196,6 +222,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 /** @public */
 
 var possibleCloseReasons = ['clickAway', 'escapeKey'];
@@ -299,17 +326,24 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
+      var _this2 = this;
+
       var _this$props3 = this.props,
           children = _this$props3.children,
           open = _this$props3.open;
 
       if (open) {
-        var layerPortal = /*#__PURE__*/Object(external_react_dom_["createPortal"])( /*#__PURE__*/external_react_default.a.createElement("div", {
-          // eslint-disable-line jsx-a11y/no-static-element-interactions
-          "data-test": "layer",
-          onMouseDown: this.handleClickOnLayer,
-          onTouchStart: this.handleClickOnLayer
-        }, children), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion
+        var layerPortal = /*#__PURE__*/Object(external_react_dom_["createPortal"])( /*#__PURE__*/external_react_default.a.createElement(LayerStack["a" /* LayerContext */].Consumer, null, function (_ref2) {
+          var _ref2$separateStackin = _ref2.separateStackingContexts,
+              separateStackingContexts = _ref2$separateStackin === void 0 ? false : _ref2$separateStackin;
+          return /*#__PURE__*/external_react_default.a.createElement(StyledLayer // eslint-disable-line jsx-a11y/no-static-element-interactions
+          , {
+            $separateStackingContexts: separateStackingContexts,
+            "data-test": "layer",
+            onMouseDown: _this2.handleClickOnLayer,
+            onTouchStart: _this2.handleClickOnLayer
+          }, children);
+        }), Layer.layerContainer // eslint-disable-line @typescript-eslint/no-non-null-assertion
         );
         return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
           target: window,
@@ -347,7 +381,7 @@ _defineProperty(Layer_Layer, "propTypes", propTypes);
 
 _defineProperty(Layer_Layer, "defaultProps", defaultProps);
 
-_defineProperty(Layer_Layer, "contextType", LayerStack["a" /* LayerStackContext */]);
+_defineProperty(Layer_Layer, "contextType", LayerStack["b" /* LayerStackContext */]);
 
 /* harmony default export */ var src_Layer_Layer = (Layer_Layer);
 // CONCATENATED MODULE: ./src/Layer/index.ts
@@ -363,6 +397,13 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 
@@ -370,19 +411,20 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 68:
+/***/ 67:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");
 
 /***/ }),
 
-/***/ 79:
+/***/ 68:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerStackContext; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return LayerStackGlobalProvider; });
+/* WEBPACK VAR INJECTION */(function(global) {/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return LayerStackContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return LayerContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return LayerStackGlobalProvider; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
@@ -396,10 +438,12 @@ module.exports = require("react-dom");
  * @public
  */
 var LayerStackContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext([]);
+var LayerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createContext({});
 var propTypes = {
   children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,
   name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
-  scope: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object
+  scope: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,
+  separateStackingContexts: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool
 };
 /* global global */
 
@@ -414,7 +458,9 @@ function LayerStackGlobalProvider(_ref) {
       _ref$name = _ref.name,
       name = _ref$name === void 0 ? '__splunkui_layer_instances__' : _ref$name,
       _ref$scope = _ref.scope,
-      scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : global : _ref$scope;
+      scope = _ref$scope === void 0 ? typeof window !== 'undefined' ? window : global : _ref$scope,
+      _ref$separateStacking = _ref.separateStackingContexts,
+      separateStackingContexts = _ref$separateStacking === void 0 ? false : _ref$separateStacking;
 
   if (!scope[name]) {
     scope[name] = []; // eslint-disable-line no-param-reassign
@@ -422,12 +468,16 @@ function LayerStackGlobalProvider(_ref) {
 
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerStackContext.Provider, {
     value: scope[name]
-  }, children);
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(LayerContext.Provider, {
+    value: {
+      separateStackingContexts: separateStackingContexts
+    }
+  }, children));
 }
 
 LayerStackGlobalProvider.propTypes = propTypes;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(113)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(108)))
 
 /***/ }),
 

package/Link.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 161);
+/******/ 	return __webpack_require__(__webpack_require__.s = 157);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 161:
+/***/ 157:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +141,7 @@ var External_ = __webpack_require__(57);
 var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes"

package/List.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 143);
+/******/ 	return __webpack_require__(__webpack_require__.s = 138);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 143:
+/***/ 138:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Markdown.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 115);
+/******/ 	return __webpack_require__(__webpack_require__.s = 110);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 115:
+/***/ 110:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -110,20 +110,16 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ Markdown_Markdown; });
-__webpack_require__.d(__webpack_exports__, "Renderers", function() { return /* reexport */ renderers_namespaceObject; });
-
-// NAMESPACE OBJECT: ./src/Markdown/renderers/index.ts
-var renderers_namespaceObject = {};
-__webpack_require__.r(renderers_namespaceObject);
-__webpack_require__.d(renderers_namespaceObject, "MarkdownBlockquote", function() { return renderers_MarkdownBlockquote; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownCodeBlock", function() { return renderers_MarkdownCodeBlock; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownCode", function() { return renderers_MarkdownCode; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownHeading", function() { return renderers_MarkdownHeading; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownImage", function() { return renderers_MarkdownImage; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownItem", function() { return renderers_MarkdownItem; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownLink", function() { return renderers_MarkdownLink; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownList", function() { return renderers_MarkdownList; });
-__webpack_require__.d(renderers_namespaceObject, "MarkdownParagraph", function() { return renderers_MarkdownParagraph; });
+__webpack_require__.d(__webpack_exports__, "MarkdownBlockquote", function() { return /* reexport */ renderers_MarkdownBlockquote; });
+__webpack_require__.d(__webpack_exports__, "MarkdownCodeBlock", function() { return /* reexport */ renderers_MarkdownCodeBlock; });
+__webpack_require__.d(__webpack_exports__, "MarkdownCode", function() { return /* reexport */ renderers_MarkdownCode; });
+__webpack_require__.d(__webpack_exports__, "MarkdownHeading", function() { return /* reexport */ renderers_MarkdownHeading; });
+__webpack_require__.d(__webpack_exports__, "MarkdownAnchorHeading", function() { return /* reexport */ renderers_MarkdownAnchorHeading; });
+__webpack_require__.d(__webpack_exports__, "MarkdownImage", function() { return /* reexport */ renderers_MarkdownImage; });
+__webpack_require__.d(__webpack_exports__, "MarkdownItem", function() { return /* reexport */ renderers_MarkdownItem; });
+__webpack_require__.d(__webpack_exports__, "MarkdownLink", function() { return /* reexport */ renderers_MarkdownLink; });
+__webpack_require__.d(__webpack_exports__, "MarkdownList", function() { return /* reexport */ renderers_MarkdownList; });
+__webpack_require__.d(__webpack_exports__, "MarkdownParagraph", function() { return /* reexport */ renderers_MarkdownParagraph; });
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2);
@@ -134,11 +130,11 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "commonmark-react-renderer"
-var external_commonmark_react_renderer_ = __webpack_require__(94);
+var external_commonmark_react_renderer_ = __webpack_require__(90);
 var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
 
 // EXTERNAL MODULE: external "commonmark"
-var external_commonmark_ = __webpack_require__(95);
+var external_commonmark_ = __webpack_require__(91);
 var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -227,7 +223,7 @@ function MarkdownCode(_ref) {
 MarkdownCode.propTypes = MarkdownCode_propTypes;
 /* harmony default export */ var renderers_MarkdownCode = (MarkdownCode);
 // EXTERNAL MODULE: external "@splunk/react-ui/Code"
-var Code_ = __webpack_require__(96);
+var Code_ = __webpack_require__(92);
 var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -261,7 +257,7 @@ function MarkdownCodeBlock(_ref) {
 MarkdownCodeBlock.propTypes = MarkdownCodeBlock_propTypes;
 /* harmony default export */ var renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(69);
+var Heading_ = __webpack_require__(55);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
@@ -282,6 +278,32 @@ function MarkdownHeading(_ref) {
 
 MarkdownHeading.propTypes = MarkdownHeading_propTypes;
 /* harmony default export */ var renderers_MarkdownHeading = (MarkdownHeading);
+// EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
+var Anchor_ = __webpack_require__(60);
+var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
+
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
+
+
+
+
+var MarkdownAnchorHeading_propTypes = {
+  children: external_prop_types_default.a.node
+};
+
+function MarkdownAnchorHeading(_ref) {
+  var level = _ref.level,
+      children = _ref.children;
+  return /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, {
+    level: Math.min(level, 4)
+  }, /*#__PURE__*/external_react_default.a.createElement(Anchor_default.a, {
+    name: children.toString().toLowerCase() // Remove all characters that are not letters or numbers, replace spaces with hyphens
+    .replace(/[^a-z0-9-. ]/g, '').replace(/[-. ]+/g, '-')
+  }, children));
+}
+
+MarkdownAnchorHeading.propTypes = MarkdownAnchorHeading_propTypes;
+/* harmony default export */ var renderers_MarkdownAnchorHeading = (MarkdownAnchorHeading);
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownImage.tsx
 
 
@@ -332,7 +354,7 @@ function MarkdownLink(_ref) {
 MarkdownLink.propTypes = MarkdownLink_propTypes;
 /* harmony default export */ var renderers_MarkdownLink = (MarkdownLink);
 // EXTERNAL MODULE: external "@splunk/react-ui/List"
-var List_ = __webpack_require__(80);
+var List_ = __webpack_require__(78);
 var List_default = /*#__PURE__*/__webpack_require__.n(List_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
@@ -370,7 +392,7 @@ function MarkdownItem(_ref) {
 MarkdownItem.propTypes = MarkdownItem_propTypes;
 /* harmony default export */ var renderers_MarkdownItem = (MarkdownItem);
 // EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
-var Paragraph_ = __webpack_require__(97);
+var Paragraph_ = __webpack_require__(93);
 var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
@@ -398,6 +420,9 @@ MarkdownParagraph.propTypes = MarkdownParagraph_propTypes;
 
 
 
+ // files exported here need to re-imported and exported
+// in Markdown.tsx to be usable outside the Markdown component
+
 
 // CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -523,49 +548,56 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 69:
+/***/ 55:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
-/***/ 8:
+/***/ 60:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/react-ui/Anchor");
 
 /***/ }),
 
-/***/ 80:
+/***/ 78:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/List");
 
 /***/ }),
 
-/***/ 94:
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Box");
+
+/***/ }),
+
+/***/ 90:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark-react-renderer");
 
 /***/ }),
 
-/***/ 95:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark");
 
 /***/ }),
 
-/***/ 96:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Code");
 
 /***/ }),
 
-/***/ 97:
+/***/ 93:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");