@splunk/react-ui 4.4.1 → 4.5.0

package/Markdown.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 158);
+/******/ 	return __webpack_require__(__webpack_require__.s = 109);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 158:
+/***/ 109:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -110,6 +110,20 @@ __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; });
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(2);
@@ -120,37 +134,17 @@ 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__(82);
+var external_commonmark_react_renderer_ = __webpack_require__(85);
 var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
 
 // EXTERNAL MODULE: external "commonmark"
-var external_commonmark_ = __webpack_require__(83);
+var external_commonmark_ = __webpack_require__(86);
 var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
 var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Code"
-var Code_ = __webpack_require__(84);
-var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(61);
-var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(29);
-var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/List"
-var List_ = __webpack_require__(70);
-var List_default = /*#__PURE__*/__webpack_require__.n(List_);
-
-// EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
-var Paragraph_ = __webpack_require__(85);
-var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
-
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
@@ -187,6 +181,218 @@ var StyledCodeInline = external_styled_components_default.a.code.withConfig({
   },
   prisma: themes_["variables"].neutral200
 }));
+var StyledHint = external_styled_components_default.a.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"])({
+  enterprise: {
+    light: themes_["variables"].infoColorL50,
+    dark: themes_["variables"].infoColorD50
+  },
+  prisma: themes_["variables"].neutral100
+}), themes_["variables"].spacingSmall, themes_["variables"].infoColor);
+var StyledImage = external_styled_components_default.a.img.withConfig({
+  displayName: "MarkdownStyles__StyledImage",
+  componentId: "sc-1xadih-3"
+})(["max-width:100%;"]);
+
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownBlockquote.tsx
+
+
+
+var propTypes = {
+  children: external_prop_types_default.a.node
+};
+
+function MarkdownBlockquote(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/external_react_default.a.createElement(StyledHint, null, children);
+}
+
+MarkdownBlockquote.propTypes = propTypes;
+/* harmony default export */ var renderers_MarkdownBlockquote = (MarkdownBlockquote);
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCode.tsx
+
+
+
+var MarkdownCode_propTypes = {
+  literal: external_prop_types_default.a.string
+};
+
+function MarkdownCode(_ref) {
+  var literal = _ref.literal;
+  return /*#__PURE__*/external_react_default.a.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__(87);
+var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
+
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
+
+
+
+
+var MarkdownCodeBlock_propTypes = {
+  literal: external_prop_types_default.a.string,
+  language: external_prop_types_default.a.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
+  , {
+    language: language,
+    value: literal,
+    style: {
+      margin: 0
+    }
+  }));
+}
+
+MarkdownCodeBlock.propTypes = MarkdownCodeBlock_propTypes;
+/* harmony default export */ var renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
+// EXTERNAL MODULE: external "@splunk/react-ui/Heading"
+var Heading_ = __webpack_require__(64);
+var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
+
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
+
+
+
+var MarkdownHeading_propTypes = {
+  children: external_prop_types_default.a.node
+};
+
+function MarkdownHeading(_ref) {
+  var level = _ref.level,
+      children = _ref.children;
+  return /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, {
+    level: Math.min(level, 4)
+  }, children);
+}
+
+MarkdownHeading.propTypes = MarkdownHeading_propTypes;
+/* harmony default export */ var renderers_MarkdownHeading = (MarkdownHeading);
+// 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
+};
+
+function MarkdownImage(_ref) {
+  var src = _ref.src,
+      title = _ref.title,
+      alt = _ref.alt;
+  return /*#__PURE__*/external_react_default.a.createElement(StyledImage, {
+    src: src,
+    title: title,
+    alt: alt
+  });
+}
+
+MarkdownImage.propTypes = MarkdownImage_propTypes;
+/* harmony default export */ var renderers_MarkdownImage = (MarkdownImage);
+// EXTERNAL MODULE: external "@splunk/react-ui/Link"
+var Link_ = __webpack_require__(29);
+var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
+
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
+
+
+
+var MarkdownLink_propTypes = {
+  children: external_prop_types_default.a.node,
+  href: external_prop_types_default.a.string,
+  title: external_prop_types_default.a.string
+};
+
+function MarkdownLink(_ref) {
+  var href = _ref.href,
+      title = _ref.title,
+      children = _ref.children;
+  return /*#__PURE__*/external_react_default.a.createElement(Link_default.a, {
+    to: href,
+    title: title
+  }, children);
+}
+
+MarkdownLink.propTypes = MarkdownLink_propTypes;
+/* harmony default export */ var renderers_MarkdownLink = (MarkdownLink);
+// EXTERNAL MODULE: external "@splunk/react-ui/List"
+var List_ = __webpack_require__(71);
+var List_default = /*#__PURE__*/__webpack_require__.n(List_);
+
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
+
+
+
+var MarkdownList_propTypes = {
+  children: external_prop_types_default.a.node,
+  type: external_prop_types_default.a.string
+};
+
+function MarkdownList(_ref) {
+  var children = _ref.children,
+      type = _ref.type;
+  return /*#__PURE__*/external_react_default.a.createElement(List_default.a, {
+    type: type === 'bullet' ? 'disc' : 'decimal'
+  }, children);
+}
+
+MarkdownList.propTypes = MarkdownList_propTypes;
+/* harmony default export */ var renderers_MarkdownList = (MarkdownList);
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownItem.tsx
+
+
+
+var MarkdownItem_propTypes = {
+  children: external_prop_types_default.a.node
+};
+
+function MarkdownItem(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/external_react_default.a.createElement(List_["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__(88);
+var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
+
+// CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
+
+
+
+var MarkdownParagraph_propTypes = {
+  children: external_prop_types_default.a.node
+};
+
+function MarkdownParagraph(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/external_react_default.a.createElement(Paragraph_default.a, null, children);
+}
+
+MarkdownParagraph.propTypes = MarkdownParagraph_propTypes;
+/* harmony default export */ var renderers_MarkdownParagraph = (MarkdownParagraph);
+// CONCATENATED MODULE: ./src/Markdown/renderers/index.ts
+
+
+
+
+
+
+
+
+
 
 // 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); }
@@ -207,12 +413,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+/** @public */
 
-
-
-
-
-var propTypes = {
+var Markdown_propTypes = {
   blockquoteRenderer: external_prop_types_default.a.func,
   codeBlockRenderer: external_prop_types_default.a.func,
   codeRenderer: external_prop_types_default.a.func,
@@ -248,65 +451,23 @@ function Markdown(_ref) {
   // @docs-props-type MarkdownPropsBase
   // keep this option object inside the constructor, otherwise the renderers
   // below will confuse the doc-gen
-
-  /* eslint-disable react/prop-types */
   var rendererOptions = {
     escapeHtml: true,
     renderers: {
-      CodeBlock: codeBlockRenderer || function (_ref2) {
-        var literal = _ref2.literal,
-            language = _ref2.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
-        , {
-          language: language,
-          value: literal,
-          style: {
-            margin: 0
-          }
-        }));
-      },
-      Code: codeRenderer || function (_ref3) {
-        var literal = _ref3.literal;
-        return /*#__PURE__*/external_react_default.a.createElement(StyledCodeInline, null, literal);
-      },
-      Heading: headingRenderer || function (_ref4) {
-        var level = _ref4.level,
-            children = _ref4.children;
-        return /*#__PURE__*/external_react_default.a.createElement(Heading_default.a, {
-          level: Math.min(level, 4)
-        }, children);
-      },
-      Link: linkRenderer || function (_ref5) {
-        var href = _ref5.href,
-            title = _ref5.title,
-            children = _ref5.children;
-        return /*#__PURE__*/external_react_default.a.createElement(Link_default.a, {
-          to: href,
-          title: title
-        }, children);
-      },
-      List: listRenderer || function (_ref6) {
-        var children = _ref6.children,
-            type = _ref6.type;
-        return /*#__PURE__*/external_react_default.a.createElement(List_default.a, {
-          type: type === 'bullet' ? 'disc' : 'decimal'
-        }, children);
-      },
-      Item: itemRenderer || function (_ref7) {
-        var children = _ref7.children;
-        return /*#__PURE__*/external_react_default.a.createElement(List_default.a.Item, null, children);
-      },
-      Paragraph: paragraphRenderer || function (_ref8) {
-        var children = _ref8.children;
-        return /*#__PURE__*/external_react_default.a.createElement(Paragraph_default.a, null, children);
-      }
+      CodeBlock: codeBlockRenderer || renderers_MarkdownCodeBlock,
+      Code: codeRenderer || renderers_MarkdownCode,
+      Heading: headingRenderer || renderers_MarkdownHeading,
+      Link: linkRenderer || renderers_MarkdownLink,
+      List: listRenderer || renderers_MarkdownList,
+      Item: itemRenderer || renderers_MarkdownItem,
+      Paragraph: paragraphRenderer || renderers_MarkdownParagraph
     }
-  };
-  /* eslint-enable react/prop-types */
+  }; // not setting MarkdownBlockquote as the default
 
   if (blockquoteRenderer) {
     rendererOptions.renderers.Blockquote = blockquoteRenderer;
-  }
+  } // not setting MarkdownImage as the default
+
 
   if (imageRenderer) {
     rendererOptions.renderers.Image = imageRenderer;
@@ -320,8 +481,9 @@ function Markdown(_ref) {
   }, otherProps), elements);
 }
 
-Markdown.propTypes = propTypes;
+Markdown.propTypes = Markdown_propTypes;
 /* harmony default export */ var Markdown_Markdown = (Markdown);
+
 // CONCATENATED MODULE: ./src/Markdown/index.ts
 
 
@@ -349,14 +511,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 61:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
-/***/ 70:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/List");
@@ -370,28 +532,28 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 82:
+/***/ 85:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark-react-renderer");
 
 /***/ }),
 
-/***/ 83:
+/***/ 86:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark");
 
 /***/ }),
 
-/***/ 84:
+/***/ 87:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Code");
 
 /***/ }),
 
-/***/ 85:
+/***/ 88:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");