Introduces RichText component for mobile and ports Para block for mobile

packages/blocks/src/api/raw-handling/figure-content-reducer.js

@@ -6,7 +6,7 @@ import { has } from 'lodash';
 /**
  * Internal dependencies
  */
-import { isPhrasingContent } from './utils';
+import { isPhrasingContent } from './phrasing-content';
 
 /**
  * Whether or not the given node is figure content.

packages/blocks/src/api/raw-handling/index.js

@@ -23,11 +23,11 @@ import figureContentReducer from './figure-content-reducer';
 import shortcodeConverter from './shortcode-converter';
 import markdownConverter from './markdown-converter';
 import iframeRemover from './iframe-remover';
+import { getPhrasingContentSchema } from './phrasing-content';
 import {
 	deepFilterHTML,
 	isPlain,
 	removeInvalidHTML,
-	getPhrasingContentSchema,
 	getBlockContentSchema,
 } from './utils';
 

packages/blocks/src/api/raw-handling/index.native.js

@@ -1,5 +1 @@
-import {
-	getPhrasingContentSchema,
-} from './utils';
-
-export { getPhrasingContentSchema };
+export { getPhrasingContentSchema } from './phrasing-content';

packages/blocks/src/api/raw-handling/is-inline-content.js

@@ -6,7 +6,7 @@ import { difference } from 'lodash';
 /**
  * Internal dependencies
  */
-import { isPhrasingContent } from './utils';
+import { isPhrasingContent } from './phrasing-content';
 
 /**
  * Checks if the given node should be considered inline content, optionally

packages/blocks/src/api/raw-handling/normalise-blocks.js

@@ -1,7 +1,8 @@
 /**
  * Internal dependencies
  */
-import { isPhrasingContent, isEmpty } from './utils';
+import { isEmpty } from './utils';
+import { isPhrasingContent } from './phrasing-content';
 
 /**
  * Browser dependencies

packages/blocks/src/api/raw-handling/phrasing-content-reducer.js

@@ -6,7 +6,7 @@ import { unwrap, replaceTag } from '@wordpress/dom';
 /**
  * Internal dependencies
  */
-import { isPhrasingContent } from './utils';
+import { isPhrasingContent } from './phrasing-content';
 
 function isBlockContent( node, schema = {} ) {
 	return schema.hasOwnProperty( node.nodeName.toLowerCase() );

packages/blocks/src/api/raw-handling/utils.native.js → packages/blocks/src/api/raw-handling/phrasing-content.js

@@ -8,7 +8,7 @@ const phrasingContentSchema = {
 	em: {},
 	del: {},
 	ins: {},
-	a: { attributes: [ 'href' ] },
+	a: { attributes: [ 'href', 'target', 'rel' ] },
 	code: {},
 	abbr: { attributes: [ 'title' ] },
 	sub: {},
@@ -34,3 +34,17 @@ const phrasingContentSchema = {
 export function getPhrasingContentSchema() {
 	return phrasingContentSchema;
 }
+
+/**
+ * Find out whether or not the given node is phrasing content.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content
+ *
+ * @param {Element} node The node to test.
+ *
+ * @return {boolean} True if phrasing content, false if not.
+ */
+export function isPhrasingContent( node ) {
+	const tag = node.nodeName.toLowerCase();
+	return getPhrasingContentSchema().hasOwnProperty( tag ) || tag === 'span';
+}

packages/blocks/src/api/raw-handling/test/utils.js

@@ -1,7 +1,8 @@
 /**
  * Internal dependencies
  */
-import { isEmpty, isPlain, removeInvalidHTML, getPhrasingContentSchema } from '../utils';
+import { getPhrasingContentSchema } from '../phrasing-content';
+import { isEmpty, isPlain, removeInvalidHTML } from '../utils';
 
 describe( 'isEmpty', () => {
 	function isEmptyHTML( HTML ) {

packages/blocks/src/api/raw-handling/utils.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { omit, mergeWith, includes, noop } from 'lodash';
+import { mergeWith, includes, noop } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -10,55 +10,14 @@ import { unwrap, insertAfter, remove } from '@wordpress/dom';
 import { hasBlockSupport } from '..';
 
 /**
- * Browser dependencies
+ * Internal dependencies
  */
-const { ELEMENT_NODE, TEXT_NODE } = window.Node;
-
-const phrasingContentSchema = {
-	strong: {},
-	em: {},
-	del: {},
-	ins: {},
-	a: { attributes: [ 'href', 'target', 'rel' ] },
-	code: {},
-	abbr: { attributes: [ 'title' ] },
-	sub: {},
-	sup: {},
-	br: {},
-	'#text': {},
-};
-
-// Recursion is needed.
-// Possible: strong > em > strong.
-// Impossible: strong > strong.
-[ 'strong', 'em', 'del', 'ins', 'a', 'code', 'abbr', 'sub', 'sup' ].forEach( ( tag ) => {
-	phrasingContentSchema[ tag ].children = omit( phrasingContentSchema, tag );
-} );
+import { isPhrasingContent } from './phrasing-content';
 
 /**
- * Get schema of possible paths for phrasing content.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content
- *
- * @return {Object} Schema.
- */
-export function getPhrasingContentSchema() {
-	return phrasingContentSchema;
-}
-
-/**
- * Find out whether or not the given node is phrasing content.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content
- *
- * @param {Element} node The node to test.
- *
- * @return {boolean} True if phrasing content, false if not.
+ * Browser dependencies
  */
-export function isPhrasingContent( node ) {
-	const tag = node.nodeName.toLowerCase();
-	return getPhrasingContentSchema().hasOwnProperty( tag ) || tag === 'span';
-}
+const { ELEMENT_NODE, TEXT_NODE } = window.Node;
 
 /**
  * Given raw transforms from blocks, merges all schemas into one.