Add properties to String instance

Author: ellatrix

packages/rich-text/src/component/index.js

@@ -19,7 +19,7 @@ import { useSelectObject } from './use-select-object';
 import { useInputAndSelection } from './use-input-and-selection';
 import { useSelectionChangeCompat } from './use-selection-change-compat';
 import { useDelete } from './use-delete';
-import { RichTextString } from '../value';
+import { createRichTextString } from '../value';
 
 export function useRichText( {
 	value = '',
@@ -88,7 +88,7 @@ export function useRichText( {
 							multilineTag === 'li' ? [ 'ul', 'ol' ] : undefined,
 						preserveWhiteSpace,
 				  } )
-				: { ...value };
+				: value.value;
 		if ( disableFormats ) {
 			record.current.formats = Array( value.length );
 			record.current.replacements = Array( value.length );
@@ -145,7 +145,7 @@ export function useRichText( {
 		if ( disableFormats ) {
 			_value.current = newRecord.text;
 		} else {
-			_value.current = new RichTextString( {
+			_value.current = createRichTextString( {
 				value: __unstableBeforeSerialize
 					? {
 							...newRecord,

packages/rich-text/src/create.js

@@ -14,7 +14,6 @@ import {
 	OBJECT_REPLACEMENT_CHARACTER,
 	ZWNBSP,
 } from './special-characters';
-import { RichTextString } from './value';
 
 /** @typedef {import('./types').RichTextValue} RichTextValue */
 
@@ -170,7 +169,7 @@ export function create( {
 		};
 	}
 
-	if ( html instanceof RichTextString ) {
+	if ( html instanceof String ) {
 		return html;
 	}
 

packages/rich-text/src/value.js

@@ -2,20 +2,15 @@
  * Internal dependencies
  */
 import { toHTMLString } from './to-html-string';
-export class RichTextString extends String {
-	constructor( { value, ...settings } ) {
-		super( toHTMLString( { value, ...settings } ) );
-		for ( const key in value ) {
-			Object.defineProperty( this, key, {
-				value: value[ key ],
-				enumerable: true,
-			} );
-		}
 
-		for ( const key in settings ) {
-			Object.defineProperty( this, key, {
-				value: settings[ key ],
-			} );
-		}
+export function createRichTextString( args ) {
+	const string = new String( toHTMLString( args ) );
+
+	for ( const key in args ) {
+		Object.defineProperty( string, key, {
+			value: args[ key ],
+		} );
 	}
+
+	return string;
 }