@transferwise/components 40.3.0 → 40.4.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [40.4.0](https://github.com/transferwise/neptune-web/compare/@transferwise/components@40.3.0...@transferwise/components@40.4.0) (2022-03-31)
+
+
+### Features
+
+* markdown to optionally add `target=_blank` to links ([#1371](https://github.com/transferwise/neptune-web/issues/1371)) ([e1f7d29](https://github.com/transferwise/neptune-web/commit/e1f7d29bcfdf1a751405dd22ce6bc9a1602d7b90))
+
+
+
+
+
 # [40.3.0](https://github.com/transferwise/neptune-web/compare/@transferwise/components@40.2.3...@transferwise/components@40.3.0) (2022-03-29)
 
 

package/build/es/no-polyfill/markdown/Markdown.js

@@ -1 +1 @@
-import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var g=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g(c);return writer.render(a)}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"]))},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null};export default Markdown;
+import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList,g=a.config;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var h=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g.link.target,b=h(c);return writer.render(b).replace(/<a href="/g,"<a target=\"".concat(a,"\" href=\""))}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),config:PropTypes.shape({link:PropTypes.shape({target:PropTypes.oneOf(["_blank","_self"])})})},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null,config:{link:{target:"_self"}}};export default Markdown;

package/build/es/polyfill/markdown/Markdown.js

@@ -1 +1 @@
-import"core-js/modules/es.object.values.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var g=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g(c);return writer.render(a)}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"]))},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null};export default Markdown;
+import"core-js/modules/es.object.values.js";import"core-js/modules/es.string.link.js";import"core-js/modules/es.regexp.exec.js";import"core-js/modules/es.string.replace.js";import"core-js/modules/es.array.includes.js";import"core-js/modules/es.string.includes.js";import commonmark from"commonmark";import difference from"lodash.difference";import PropTypes from"prop-types";import{MarkdownNodeType}from"../common";import{logActionRequired}from"../utilities";import{jsx as _jsx}from"react/jsx-runtime";var reader=new commonmark.Parser,writer=new commonmark.HtmlRenderer({safe:!0}),NODE_TYPE_LIST=Object.values(MarkdownNodeType),Markdown=function(a){var b=a.as,c=a.children,d=a.className,e=a.allowList,f=a.blockList,g=a.config;if(!c)return null;null!==e&&void 0!==e&&e.length&&null!==f&&void 0!==f&&f.length&&logActionRequired("Markdown supports only one of `allowList` or `blockList` to be used at a time. `blockList` will be ignored.");var h=function(a){var b=reader.parse(a);if(e||f){var c=e?difference(NODE_TYPE_LIST,e):f;return stripNodes({parsed:b,blockList:c})}return b};return/*#__PURE__*/_jsx(b,{className:d,dangerouslySetInnerHTML:{__html:function createMarkup(){var a=g.link.target,b=h(c);return writer.render(b).replace(/<a href="/g,"<a target=\"".concat(a,"\" href=\""))}()}})};function stripNodes(a){var b=a.blockList,c=a.parsed;if(!c)return c;for(var d=c.walker(),e=d.next();e;){var f=e,g=f.node;if(b.includes(g.type)&&!e.entering){for(;g.firstChild;)g.insertBefore(g.firstChild);g.unlink()}e=d.next()}return d.root}Markdown.propTypes={children:PropTypes.string.isRequired,as:PropTypes.string,className:PropTypes.string,allowList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),blockList:PropTypes.arrayOf(PropTypes.oneOf(["block_quote","code_block","code","emph","heading","html_block","html_inline","image","item","linebreak","link","list","paragraph","softbreak","strong","thematic_break"])),config:PropTypes.shape({link:PropTypes.shape({target:PropTypes.oneOf(["_blank","_self"])})})},Markdown.defaultProps={as:"div",className:void 0,allowList:null,blockList:null,config:{link:{target:"_self"}}};export default Markdown;

package/build/types/markdown/Markdown.d.ts

@@ -4,12 +4,19 @@ export type MarkdownAllowList = "block_quote" | "code_block" | "code" | "emph" |
 
 export type MarkdownBlockList = "block_quote" | "code_block" | "code" | "emph" | "heading" | "html_block" | "html_inline" | "image" | "item" | "linebreak" | "link" | "list" | "paragraph" | "softbreak" | "strong" | "thematic_break";
 
+export interface MarkdownConfig {
+    link?: {
+        target?: "_blank" | "_self";
+    };
+}
+
 export interface MarkdownProps {
     children: string;
     as?: string;
     className?: string;
     allowList?: MarkdownAllowList[];
     blockList?: MarkdownBlockList[];
+    config?: MarkdownConfig;
 }
 
 declare const Markdown: React.FC<MarkdownProps>;