@splunk/react-ui 4.19.0 → 4.21.0

package/Markdown.js

@@ -1,286 +1,184 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 171);
-/******/ })
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 108:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/List");
-
-/***/ }),
-
-/***/ 139:
-/***/ (function(module, exports) {
-
-module.exports = require("commonmark-react-renderer");
-
-/***/ }),
-
-/***/ 140:
-/***/ (function(module, exports) {
-
-module.exports = require("commonmark");
-
-/***/ }),
-
-/***/ 141:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Code");
-
-/***/ }),
-
-/***/ 142:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Paragraph");
-
-/***/ }),
-
-/***/ 171:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+var __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ Markdown_Markdown; });
-__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);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
-
-// EXTERNAL MODULE: external "prop-types"
-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__(139);
-var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
-
-// EXTERNAL MODULE: external "commonmark"
-var external_commonmark_ = __webpack_require__(140);
-var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(6);
-var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
-
-// 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/Markdown/MarkdownStyles.ts
-
-
-var StyledCodeBlock = external_styled_components_default.a.div.withConfig({
+__webpack_require__.d(__webpack_exports__, {
+  MarkdownAnchorHeading: () => (/* reexport */ renderers_MarkdownAnchorHeading),
+  MarkdownBlockquote: () => (/* reexport */ renderers_MarkdownBlockquote),
+  MarkdownCode: () => (/* reexport */ renderers_MarkdownCode),
+  MarkdownCodeBlock: () => (/* reexport */ renderers_MarkdownCodeBlock),
+  MarkdownHeading: () => (/* reexport */ renderers_MarkdownHeading),
+  MarkdownImage: () => (/* reexport */ renderers_MarkdownImage),
+  MarkdownItem: () => (/* reexport */ renderers_MarkdownItem),
+  MarkdownLink: () => (/* reexport */ renderers_MarkdownLink),
+  MarkdownList: () => (/* reexport */ renderers_MarkdownList),
+  MarkdownParagraph: () => (/* reexport */ renderers_MarkdownParagraph),
+  "default": () => (/* reexport */ Markdown_Markdown)
+});
+
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
+;// CONCATENATED MODULE: external "commonmark-react-renderer"
+const external_commonmark_react_renderer_namespaceObject = require("commonmark-react-renderer");
+var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_namespaceObject);
+;// CONCATENATED MODULE: external "commonmark"
+const external_commonmark_namespaceObject = require("commonmark");
+;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
+const Box_namespaceObject = require("@splunk/react-ui/Box");
+var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
+;// CONCATENATED MODULE: external "styled-components"
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/themes"
+const themes_namespaceObject = require("@splunk/themes");
+;// CONCATENATED MODULE: ./src/Markdown/MarkdownStyles.ts
+
+
+var StyledCodeBlock = external_styled_components_default().div.withConfig({
   displayName: "MarkdownStyles__StyledCodeBlock",
   componentId: "sc-1xadih-0"
-})(["padding:", ";margin:", " 0;background-color:", ";"], Object(themes_["pick"])({
-  enterprise: themes_["variables"].spacingHalf,
-  prisma: Object(external_styled_components_["css"])(["10px ", ""], themes_["variables"].spacingLarge)
-}), Object(themes_["pick"])({
-  enterprise: themes_["variables"].spacingHalf,
-  prisma: themes_["variables"].spacingLarge
-}), Object(themes_["pick"])({
+})(["padding:", ";margin:", " 0;background-color:", ";"], (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.spacingHalf,
+  prisma: (0,external_styled_components_namespaceObject.css)(["10px ", ""], themes_namespaceObject.variables.spacingLarge)
+}), (0,themes_namespaceObject.pick)({
+  enterprise: themes_namespaceObject.variables.spacingHalf,
+  prisma: themes_namespaceObject.variables.spacingLarge
+}), (0,themes_namespaceObject.pick)({
   enterprise: {
-    light: themes_["variables"].gray96,
-    dark: themes_["variables"].gray22
+    light: themes_namespaceObject.variables.gray96,
+    dark: themes_namespaceObject.variables.gray22
   },
-  prisma: themes_["variables"].backgroundColorSection
+  prisma: themes_namespaceObject.variables.backgroundColorSection
 }));
-var StyledCodeInline = external_styled_components_default.a.code.withConfig({
+var StyledCodeInline = external_styled_components_default().code.withConfig({
   displayName: "MarkdownStyles__StyledCodeInline",
   componentId: "sc-1xadih-1"
-})(["", ";font-family:", ";background-color:", ";"], themes_["mixins"].reset('inline'), themes_["variables"].monoFontFamily, Object(themes_["pick"])({
+})(["", ";font-family:", ";background-color:", ";"], themes_namespaceObject.mixins.reset('inline'), themes_namespaceObject.variables.monoFontFamily, (0,themes_namespaceObject.pick)({
   enterprise: {
-    light: themes_["variables"].gray92,
-    dark: themes_["variables"].gray22
+    light: themes_namespaceObject.variables.gray92,
+    dark: themes_namespaceObject.variables.gray22
   },
-  prisma: themes_["variables"].neutral200
+  prisma: themes_namespaceObject.variables.neutral200
 }));
-var StyledHint = external_styled_components_default.a.blockquote.withConfig({
+var StyledHint = external_styled_components_default().blockquote.withConfig({
   displayName: "MarkdownStyles__StyledHint",
   componentId: "sc-1xadih-2"
-})(["", " ", " background-color:", ";margin-bottom:15px;padding:", ";border-left:10px solid ", ";>:last-child{margin-bottom:0;}"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix(), Object(themes_["pick"])({
+})(["", " ", " background-color:", ";margin-bottom:15px;padding:", ";border-left:10px solid ", ";>:last-child{margin-bottom:0;}"], themes_namespaceObject.mixins.reset('block'), themes_namespaceObject.mixins.clearfix(), (0,themes_namespaceObject.pick)({
   enterprise: {
-    light: themes_["variables"].infoColorL50,
-    dark: themes_["variables"].infoColorD50
+    light: themes_namespaceObject.variables.infoColorL50,
+    dark: themes_namespaceObject.variables.infoColorD50
   },
-  prisma: themes_["variables"].neutral100
-}), themes_["variables"].spacingSmall, themes_["variables"].infoColor);
-var StyledImage = external_styled_components_default.a.img.withConfig({
+  prisma: themes_namespaceObject.variables.neutral100
+}), themes_namespaceObject.variables.spacingSmall, themes_namespaceObject.variables.infoColor);
+var StyledImage = external_styled_components_default().img.withConfig({
   displayName: "MarkdownStyles__StyledImage",
   componentId: "sc-1xadih-3"
 })(["max-width:100%;"]);
 
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownBlockquote.tsx
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownBlockquote.tsx
 
 
 
 var propTypes = {
-  children: external_prop_types_default.a.node
+  children: (external_prop_types_default()).node
 };
 
 function MarkdownBlockquote(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/external_react_default.a.createElement(StyledHint, null, children);
+  return /*#__PURE__*/external_react_default().createElement(StyledHint, null, children);
 }
 
 MarkdownBlockquote.propTypes = propTypes;
-/* harmony default export */ var renderers_MarkdownBlockquote = (MarkdownBlockquote);
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCode.tsx
+/* harmony default export */ const renderers_MarkdownBlockquote = (MarkdownBlockquote);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCode.tsx
 
 
 
 var MarkdownCode_propTypes = {
-  literal: external_prop_types_default.a.string
+  literal: (external_prop_types_default()).string
 };
 
 function MarkdownCode(_ref) {
   var literal = _ref.literal;
-  return /*#__PURE__*/external_react_default.a.createElement(StyledCodeInline, null, literal);
+  return /*#__PURE__*/external_react_default().createElement(StyledCodeInline, null, literal);
 }
 
 MarkdownCode.propTypes = MarkdownCode_propTypes;
-/* harmony default export */ var renderers_MarkdownCode = (MarkdownCode);
-// EXTERNAL MODULE: external "@splunk/react-ui/Code"
-var Code_ = __webpack_require__(141);
-var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
+/* harmony default export */ const renderers_MarkdownCode = (MarkdownCode);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Code"
+const Code_namespaceObject = require("@splunk/react-ui/Code");
+var Code_default = /*#__PURE__*/__webpack_require__.n(Code_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
 
 
 
 
 
 var MarkdownCodeBlock_propTypes = {
-  literal: external_prop_types_default.a.string,
-  language: external_prop_types_default.a.string
+  literal: (external_prop_types_default()).string,
+  language: (external_prop_types_default()).string
 };
 
 function MarkdownCodeBlock(_ref) {
   var literal = _ref.literal,
       language = _ref.language;
-  return /*#__PURE__*/external_react_default.a.createElement(StyledCodeBlock, null, /*#__PURE__*/external_react_default.a.createElement(Code_default.a // TS: let the Markdown component handle unsupported language tags
+  return /*#__PURE__*/external_react_default().createElement(StyledCodeBlock, null, /*#__PURE__*/external_react_default().createElement((Code_default()) // TS: let the Markdown component handle unsupported language tags
   , {
-    "aria-label": Object(i18n_["_"])("Code Block"),
+    "aria-label": (0,i18n_namespaceObject._)("Code Block"),
     language: language,
     value: literal,
     style: {
@@ -290,70 +188,98 @@ 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__(78);
-var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
-
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
+/* harmony default export */ const renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Heading"
+const Heading_namespaceObject = require("@splunk/react-ui/Heading");
+var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_namespaceObject);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
 
 
 
 var MarkdownHeading_propTypes = {
-  children: external_prop_types_default.a.node
+  children: (external_prop_types_default()).node
 };
 
 function MarkdownHeading(_ref) {
   var level = _ref.level,
       children = _ref.children;
-  return /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, {
+  return /*#__PURE__*/external_react_default().createElement((Heading_default()), {
     level: Math.min(level, 4)
   }, children);
 }
 
 MarkdownHeading.propTypes = MarkdownHeading_propTypes;
-/* harmony default export */ var renderers_MarkdownHeading = (MarkdownHeading);
-// EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(86);
-var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
+/* harmony default export */ const renderers_MarkdownHeading = (MarkdownHeading);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Anchor"
+const Anchor_namespaceObject = require("@splunk/react-ui/Anchor");
+var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_namespaceObject);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.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); }
 
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
 
 
 
 
 var MarkdownAnchorHeading_propTypes = {
-  children: external_prop_types_default.a.node
+  children: (external_prop_types_default()).node
 };
 
+// When this is used in MDX, the node isn't guaranteed to be text,
+// so this method extracts the actual text from the node.
+function getNodeText(node) {
+  var nodeType = _typeof(node);
+
+  var text = '';
+
+  if (node != null) {
+    if (nodeType === 'string' || nodeType === 'number') {
+      text = node.toString();
+    } else if (nodeType === 'boolean') {
+      text = node ? 'true' : 'false';
+    } else if (_typeof(node) === 'object') {
+      if (node instanceof Array) {
+        text = node.map(getNodeText).join(' ');
+      } else if ('props' in node) {
+        text = getNodeText(node.props.children);
+      }
+    }
+  }
+
+  return text;
+}
+
+function getAnchor(children) {
+  return external_react_namespaceObject.Children.toArray(children).map(getNodeText).join(' ').toLowerCase() // Remove all characters that are not letters or numbers, replace spaces with hyphens
+  .replace(/[^a-z0-9-. ]/g, '').replace(/[-. ]+/g, '-');
+}
+
 function MarkdownAnchorHeading(_ref) {
   var level = _ref.level,
       children = _ref.children;
-  return /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, {
+  return /*#__PURE__*/external_react_default().createElement(renderers_MarkdownHeading, {
     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, '-')
+  }, /*#__PURE__*/external_react_default().createElement((Anchor_default()), {
+    name: getAnchor(children)
   }, children));
 }
 
 MarkdownAnchorHeading.propTypes = MarkdownAnchorHeading_propTypes;
-/* harmony default export */ var renderers_MarkdownAnchorHeading = (MarkdownAnchorHeading);
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownImage.tsx
+/* harmony default export */ const renderers_MarkdownAnchorHeading = (MarkdownAnchorHeading);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownImage.tsx
 
 
 
 var MarkdownImage_propTypes = {
-  alt: external_prop_types_default.a.string,
-  src: external_prop_types_default.a.string,
-  title: external_prop_types_default.a.string
+  alt: (external_prop_types_default()).string,
+  src: (external_prop_types_default()).string,
+  title: (external_prop_types_default()).string
 };
 
 function MarkdownImage(_ref) {
   var src = _ref.src,
       title = _ref.title,
       alt = _ref.alt;
-  return /*#__PURE__*/external_react_default.a.createElement(StyledImage, {
+  return /*#__PURE__*/external_react_default().createElement(StyledImage, {
     src: src,
     title: title,
     alt: alt
@@ -361,12 +287,11 @@ function MarkdownImage(_ref) {
 }
 
 MarkdownImage.propTypes = MarkdownImage_propTypes;
-/* harmony default export */ var renderers_MarkdownImage = (MarkdownImage);
-// EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(39);
-var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
-
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
+/* harmony default export */ const renderers_MarkdownImage = (MarkdownImage);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Link"
+const Link_namespaceObject = require("@splunk/react-ui/Link");
+var Link_default = /*#__PURE__*/__webpack_require__.n(Link_namespaceObject);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -377,9 +302,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var MarkdownLink_propTypes = {
-  children: external_prop_types_default.a.node,
-  href: external_prop_types_default.a.string,
-  title: external_prop_types_default.a.string
+  children: (external_prop_types_default()).node,
+  href: (external_prop_types_default()).string,
+  title: (external_prop_types_default()).string
 };
 
 function MarkdownLink(_ref) {
@@ -387,24 +312,23 @@ function MarkdownLink(_ref) {
       href = _ref.href,
       otherProps = _objectWithoutProperties(_ref, ["children", "href"]);
 
-  return /*#__PURE__*/external_react_default.a.createElement(Link_default.a, _extends({
+  return /*#__PURE__*/external_react_default().createElement((Link_default()), _extends({
     to: href
   }, otherProps), children);
 }
 
 MarkdownLink.propTypes = MarkdownLink_propTypes;
-/* harmony default export */ var renderers_MarkdownLink = (MarkdownLink);
-// EXTERNAL MODULE: external "@splunk/react-ui/List"
-var List_ = __webpack_require__(108);
-var List_default = /*#__PURE__*/__webpack_require__.n(List_);
-
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
+/* harmony default export */ const renderers_MarkdownLink = (MarkdownLink);
+;// CONCATENATED MODULE: external "@splunk/react-ui/List"
+const List_namespaceObject = require("@splunk/react-ui/List");
+var List_default = /*#__PURE__*/__webpack_require__.n(List_namespaceObject);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
 
 
 
 var MarkdownList_propTypes = {
-  children: external_prop_types_default.a.node,
-  type: external_prop_types_default.a.string
+  children: (external_prop_types_default()).node,
+  type: (external_prop_types_default()).string
 };
 
 function MarkdownList(_ref) {
@@ -412,51 +336,50 @@ function MarkdownList(_ref) {
       type = _ref.type;
 
   if (type === 'ordered') {
-    return /*#__PURE__*/external_react_default.a.createElement(List_default.a, {
+    return /*#__PURE__*/external_react_default().createElement((List_default()), {
       ordered: true
     }, children);
   }
 
-  return /*#__PURE__*/external_react_default.a.createElement(List_default.a, null, children);
+  return /*#__PURE__*/external_react_default().createElement((List_default()), null, children);
 }
 
 MarkdownList.propTypes = MarkdownList_propTypes;
-/* harmony default export */ var renderers_MarkdownList = (MarkdownList);
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
+/* harmony default export */ const renderers_MarkdownList = (MarkdownList);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
 
 
 
 var MarkdownItem_propTypes = {
-  children: external_prop_types_default.a.node
+  children: (external_prop_types_default()).node
 };
 
 function MarkdownItem(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/external_react_default.a.createElement(List_["Item"], null, children);
+  return /*#__PURE__*/external_react_default().createElement(List_namespaceObject.Item, null, children);
 }
 
 MarkdownItem.propTypes = MarkdownItem_propTypes;
-/* harmony default export */ var renderers_MarkdownItem = (MarkdownItem);
-// EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
-var Paragraph_ = __webpack_require__(142);
-var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
-
-// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
+/* harmony default export */ const renderers_MarkdownItem = (MarkdownItem);
+;// CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
+const Paragraph_namespaceObject = require("@splunk/react-ui/Paragraph");
+var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_namespaceObject);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
 
 
 
 var MarkdownParagraph_propTypes = {
-  children: external_prop_types_default.a.node
+  children: (external_prop_types_default()).node
 };
 
 function MarkdownParagraph(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/external_react_default.a.createElement(Paragraph_default.a, null, children);
+  return /*#__PURE__*/external_react_default().createElement((Paragraph_default()), null, children);
 }
 
 MarkdownParagraph.propTypes = MarkdownParagraph_propTypes;
-/* harmony default export */ var renderers_MarkdownParagraph = (MarkdownParagraph);
-// CONCATENATED MODULE: ./src/Markdown/renderers/index.ts
+/* harmony default export */ const renderers_MarkdownParagraph = (MarkdownParagraph);
+;// CONCATENATED MODULE: ./src/Markdown/renderers/index.ts
 
 
 
@@ -470,7 +393,7 @@ MarkdownParagraph.propTypes = MarkdownParagraph_propTypes;
 // in Markdown.tsx to be usable outside the Markdown component
 
 
-// CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
+;// CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
 function Markdown_extends() { Markdown_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 Markdown_extends.apply(this, arguments); }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -492,19 +415,19 @@ function Markdown_objectWithoutPropertiesLoose(source, excluded) { if (source ==
 /** @public */
 
 var Markdown_propTypes = {
-  blockquoteRenderer: external_prop_types_default.a.func,
-  codeBlockRenderer: external_prop_types_default.a.func,
-  codeRenderer: external_prop_types_default.a.func,
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  headingRenderer: external_prop_types_default.a.func,
-  imageRenderer: external_prop_types_default.a.func,
-  itemRenderer: external_prop_types_default.a.func,
-  linkRenderer: external_prop_types_default.a.func,
-  listRenderer: external_prop_types_default.a.func,
-  paragraphRenderer: external_prop_types_default.a.func,
-  text: external_prop_types_default.a.string.isRequired
+  blockquoteRenderer: (external_prop_types_default()).func,
+  codeBlockRenderer: (external_prop_types_default()).func,
+  codeRenderer: (external_prop_types_default()).func,
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  headingRenderer: (external_prop_types_default()).func,
+  imageRenderer: (external_prop_types_default()).func,
+  itemRenderer: (external_prop_types_default()).func,
+  linkRenderer: (external_prop_types_default()).func,
+  listRenderer: (external_prop_types_default()).func,
+  paragraphRenderer: (external_prop_types_default()).func,
+  text: (external_prop_types_default()).string.isRequired
 };
-var parser = new external_commonmark_default.a.Parser();
+var parser = new external_commonmark_namespaceObject.Parser();
 /**
  * The `Markdown` component renders the given Markdown text as a React component.
  * The component prefers @splunk/react-ui components over plain HTML components. For example
@@ -515,6 +438,7 @@ function Markdown(_ref) {
   var blockquoteRenderer = _ref.blockquoteRenderer,
       codeBlockRenderer = _ref.codeBlockRenderer,
       codeRenderer = _ref.codeRenderer,
+      elementRef = _ref.elementRef,
       headingRenderer = _ref.headingRenderer,
       imageRenderer = _ref.imageRenderer,
       itemRenderer = _ref.itemRenderer,
@@ -522,7 +446,7 @@ function Markdown(_ref) {
       listRenderer = _ref.listRenderer,
       paragraphRenderer = _ref.paragraphRenderer,
       text = _ref.text,
-      otherProps = Markdown_objectWithoutProperties(_ref, ["blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text"]);
+      otherProps = Markdown_objectWithoutProperties(_ref, ["blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "elementRef", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text"]);
 
   // @docs-props-type MarkdownPropsBase
   // keep this option object inside the constructor, otherwise the renderers
@@ -549,70 +473,21 @@ function Markdown(_ref) {
     rendererOptions.renderers.Image = imageRenderer;
   }
 
-  var renderer = new external_commonmark_react_renderer_default.a(_objectSpread({}, rendererOptions));
+  var renderer = new (external_commonmark_react_renderer_default())(_objectSpread({}, rendererOptions));
   var ast = parser.parse(text);
   var elements = renderer.render(ast);
-  return /*#__PURE__*/external_react_default.a.createElement(Box_default.a, Markdown_extends({
-    "data-test": "markdown"
+  return /*#__PURE__*/external_react_default().createElement((Box_default()), Markdown_extends({
+    "data-test": "markdown",
+    elementRef: elementRef
   }, otherProps), elements);
 }
 
 Markdown.propTypes = Markdown_propTypes;
-/* harmony default export */ var Markdown_Markdown = (Markdown);
-
-// CONCATENATED MODULE: ./src/Markdown/index.ts
-
-
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 39:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Link");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Box");
-
-/***/ }),
-
-/***/ 78:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Heading");
-
-/***/ }),
-
-/***/ 86:
-/***/ (function(module, exports) {
+/* harmony default export */ const Markdown_Markdown = (Markdown);
 
-module.exports = require("@splunk/react-ui/Anchor");
+;// CONCATENATED MODULE: ./src/Markdown/index.ts
 
-/***/ })
 
-/******/ });
+module.exports = __webpack_exports__;
+/******/ })()
+;