@wordpress/block-editor 12.3.0 → 12.3.1

package/build/components/plain-text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/plain-text/index.js"],"names":["PlainText","__experimentalVersion","props","ref","className","onChange","remainingProps","event","target","value"],"mappings":";;;;;;;;;AASA;;;;AANA;;AACA;;AAUA;;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,yBAAY,CAAE;AAAEC,EAAAA,qBAAF;AAAyB,KAAGC;AAA5B,CAAF,EAAuCC,GAAvC,KAAgD;AAC7E,MAAKF,qBAAqB,KAAK,CAA/B,EAAmC;AAClC,WAAO,4BAAC,qBAAD;AAAc,MAAA,GAAG,EAAGE;AAApB,OAA+BD,KAA/B,EAAP;AACA;;AAED,QAAM;AAAEE,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuB,OAAGC;AAA1B,MAA6CJ,KAAnD;AAEA,SACC,4BAAC,8BAAD;AACC,IAAA,GAAG,EAAGC,GADP;AAEC,IAAA,SAAS,EAAG,yBAAY,yBAAZ,EAAuCC,SAAvC,CAFb;AAGC,IAAA,QAAQ,EAAKG,KAAF,IAAaF,QAAQ,CAAEE,KAAK,CAACC,MAAN,CAAaC,KAAf;AAHjC,KAIMH,cAJN,EADD;AAQA,CAfiB,CAAlB;eAiBeN,S","sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EditableText from '../editable-text';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md\n */\nconst PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {\n\tif ( __experimentalVersion === 2 ) {\n\t\treturn <EditableText ref={ ref } { ...props } />;\n\t}\n\n\tconst { className, onChange, ...remainingProps } = props;\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tref={ ref }\n\t\t\tclassName={ classnames( 'block-editor-plain-text', className ) }\n\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n} );\n\nexport default PlainText;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/plain-text/index.js"],"names":["PlainText","__experimentalVersion","props","ref","className","onChange","remainingProps","event","target","value"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAUA;;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,yBAAY,CAAE;AAAEC,EAAAA,qBAAF;AAAyB,KAAGC;AAA5B,CAAF,EAAuCC,GAAvC,KAAgD;AAC7E,MAAKF,qBAAqB,KAAK,CAA/B,EAAmC;AAClC,WAAO,4BAAC,qBAAD;AAAc,MAAA,GAAG,EAAGE,GAApB;AAAA,SAA+BD;AAA/B,MAAP;AACA;;AAED,QAAM;AAAEE,IAAAA,SAAF;AAAaC,IAAAA,QAAb;AAAuB,OAAGC;AAA1B,MAA6CJ,KAAnD;AAEA,SACC,4BAAC,8BAAD;AACC,IAAA,GAAG,EAAGC,GADP;AAEC,IAAA,SAAS,EAAG,yBAAY,yBAAZ,EAAuCC,SAAvC,CAFb;AAGC,IAAA,QAAQ,EAAKG,KAAF,IAAaF,QAAQ,CAAEE,KAAK,CAACC,MAAN,CAAaC,KAAf,CAHjC;AAAA,OAIMH;AAJN,IADD;AAQA,CAfiB,CAAlB;eAiBeN,S","sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EditableText from '../editable-text';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md\n */\nconst PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {\n\tif ( __experimentalVersion === 2 ) {\n\t\treturn <EditableText ref={ ref } { ...props } />;\n\t}\n\n\tconst { className, onChange, ...remainingProps } = props;\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tref={ ref }\n\t\t\tclassName={ classnames( 'block-editor-plain-text', className ) }\n\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n} );\n\nexport default PlainText;\n"]}

package/build/components/plain-text/index.native.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _reactNative = require("react-native");
 
 var _blockEditor = require("@wordpress/block-editor");
@@ -143,15 +141,18 @@ class PlainText extends _element.Component {
         fontSize: style?.fontSize,
         fontWeight: style?.fontWeight
       };
-      return (0, _element.createElement)(_blockEditor.RichText, (0, _extends2.default)({}, otherProps, disableFormattingProps, forcePlainTextProps, fontProps, {
+      return (0, _element.createElement)(_blockEditor.RichText, { ...otherProps,
+        ...disableFormattingProps,
+        ...forcePlainTextProps,
+        ...fontProps,
         identifier: "content",
         style: style,
         onChange: this.onChangeRichText,
         unstableOnFocus: onFocus
-      }));
+      });
     }
 
-    return (0, _element.createElement)(_reactNative.TextInput, (0, _extends2.default)({}, this.props, {
+    return (0, _element.createElement)(_reactNative.TextInput, { ...this.props,
       ref: x => this._input = x,
       onChange: this.onChangeTextInput,
       onFocus: this.props.onFocus // Always assign onFocus as a props.
@@ -161,7 +162,7 @@ class PlainText extends _element.Component {
       fontFamily: this.props.style && this.props.style.fontFamily || _style.default['block-editor-plain-text'].fontFamily,
       style: textStyles,
       scrollEnabled: false
-    }));
+    });
   }
 
 }

package/build/components/plain-text/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/plain-text/index.native.js"],"names":["PlainText","Component","constructor","arguments","isAndroid","Platform","OS","onChangeTextInput","bind","onChangeRichText","componentDidMount","_input","isFocused","props","isSelected","timeoutID","setTimeout","focus","componentDidUpdate","prevProps","blur","componentWillUnmount","clearTimeout","getFontSize","style","fontSize","width","height","Dimensions","get","cssUnitOptions","parseFloat","replaceLineBreakTags","value","replace","RegExp","event","onChange","nativeEvent","text","render","__experimentalVersion","onFocus","otherProps","textStyles","styles","disableFormattingProps","withoutInteractiveFormatting","disableEditingMenu","__unstableDisableFormats","disableSuggestions","forcePlainTextProps","preserveWhiteSpace","__unstablePastePlainText","multiline","fontProps","fontFamily","fontWeight","x","onBlur"],"mappings":";;;;;;;;;AAQA;;;;AALA;;AAMA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGe,MAAMA,SAAN,SAAwBC,kBAAxB,CAAkC;AAChDC,EAAAA,WAAW,GAAG;AACb,UAAO,GAAGC,SAAV;AACA,SAAKC,SAAL,GAAiBC,sBAASC,EAAT,KAAgB,SAAjC;AAEA,SAAKC,iBAAL,GAAyB,KAAKA,iBAAL,CAAuBC,IAAvB,CAA6B,IAA7B,CAAzB;AACA,SAAKC,gBAAL,GAAwB,KAAKA,gBAAL,CAAsBD,IAAtB,CAA4B,IAA5B,CAAxB;AACA;;AAEDE,EAAAA,iBAAiB,GAAG;AACnB;AACA,QACC,KAAKC,MAAL,IACA,KAAKA,MAAL,CAAYC,SAAZ,OAA4B,KAD5B,IAEA,KAAKC,KAAL,CAAWC,UAHZ,EAIE;AACD,UAAK,KAAKV,SAAV,EAAsB;AACrB;AACJ;AACA;AACA;AACA;AACI,aAAKW,SAAL,GAAiBC,UAAU,CAAE,MAAM;AAClC,eAAKL,MAAL,CAAYM,KAAZ;AACA,SAF0B,EAExB,GAFwB,CAA3B;AAGA,OATD,MASO;AACN,aAAKN,MAAL,CAAYM,KAAZ;AACA;AACD;AACD;;AAEDC,EAAAA,kBAAkB,CAAEC,SAAF,EAAc;AAC/B,QAAK,CAAE,KAAKN,KAAL,CAAWC,UAAb,IAA2BK,SAAS,CAACL,UAA1C,EAAuD;AACtD,WAAKH,MAAL,EAAaS,IAAb;AACA;AACD;;AAEDC,EAAAA,oBAAoB,GAAG;AACtB,QAAK,KAAKjB,SAAV,EAAsB;AACrBkB,MAAAA,YAAY,CAAE,KAAKP,SAAP,CAAZ;AACA;AACD;;AAEDE,EAAAA,KAAK,GAAG;AACP,SAAKN,MAAL,EAAaM,KAAb;AACA;;AAEDG,EAAAA,IAAI,GAAG;AACN,SAAKT,MAAL,EAAaS,IAAb;AACA;;AAEDG,EAAAA,WAAW,GAAG;AACb,UAAM;AAAEC,MAAAA;AAAF,QAAY,KAAKX,KAAvB;;AAEA,QAAK,CAAEW,KAAK,EAAEC,QAAd,EAAyB;AACxB;AACA;;AAED,UAAM;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT,QAAoBC,wBAAWC,GAAX,CAAgB,QAAhB,CAA1B;;AACA,UAAMC,cAAc,GAAG;AAAEH,MAAAA,MAAF;AAAUD,MAAAA;AAAV,KAAvB;AAEA,WAAO;AACND,MAAAA,QAAQ,EAAEM,UAAU,CACnB,mCAAkBP,KAAK,CAACC,QAAxB,EAAkCK,cAAlC,CADmB;AADd,KAAP;AAKA;;AAEDE,EAAAA,oBAAoB,CAAEC,KAAF,EAAU;AAC7B,WAAOA,KAAK,EAAEC,OAAP,CAAgBC,MAAM,CAAE,MAAF,EAAU,KAAV,CAAtB,EAAyC,IAAzC,CAAP;AACA;;AAED5B,EAAAA,iBAAiB,CAAE6B,KAAF,EAAU;AAC1B,UAAM;AAAEC,MAAAA;AAAF,QAAe,KAAKxB,KAA1B;AACAwB,IAAAA,QAAQ,CAAED,KAAK,CAACE,WAAN,CAAkBC,IAApB,CAAR;AACA;;AAED9B,EAAAA,gBAAgB,CAAEwB,KAAF,EAAU;AACzB,UAAM;AAAEI,MAAAA;AAAF,QAAe,KAAKxB,KAA1B,CADyB,CAEzB;AACA;;AACAwB,IAAAA,QAAQ,CAAE,KAAKL,oBAAL,CAA2BC,KAA3B,CAAF,CAAR;AACA;;AAEDO,EAAAA,MAAM,GAAG;AACR,UAAM;AAAEhB,MAAAA,KAAF;AAASiB,MAAAA,qBAAT;AAAgCC,MAAAA,OAAhC;AAAyC,SAAGC;AAA5C,QACL,KAAK9B,KADN;AAEA,UAAM+B,UAAU,GAAG,CAClBpB,KAAK,IAAIqB,eAAQ,yBAAR,CADS,EAElB,KAAKtB,WAAL,EAFkB,CAAnB;;AAKA,QAAKkB,qBAAqB,KAAK,CAA/B,EAAmC;AAClC,YAAMK,sBAAsB,GAAG;AAC9BC,QAAAA,4BAA4B,EAAE,IADA;AAE9BC,QAAAA,kBAAkB,EAAE,IAFU;AAG9BC,QAAAA,wBAAwB,EAAE,IAHI;AAI9BC,QAAAA,kBAAkB,EAAE;AAJU,OAA/B;AAOA,YAAMC,mBAAmB,GAAG;AAC3BC,QAAAA,kBAAkB,EAAE,IADO;AAE3BC,QAAAA,wBAAwB,EAAE,IAFC;AAG3BC,QAAAA,SAAS,EAAE;AAHgB,OAA5B;AAMA,YAAMC,SAAS,GAAG;AACjBC,QAAAA,UAAU,EAAEhC,KAAK,EAAEgC,UADF;AAEjB/B,QAAAA,QAAQ,EAAED,KAAK,EAAEC,QAFA;AAGjBgC,QAAAA,UAAU,EAAEjC,KAAK,EAAEiC;AAHF,OAAlB;AAMA,aACC,4BAAC,qBAAD,6BACMd,UADN,EAEMG,sBAFN,EAGMK,mBAHN,EAIMI,SAJN;AAKC,QAAA,UAAU,EAAC,SALZ;AAMC,QAAA,KAAK,EAAG/B,KANT;AAOC,QAAA,QAAQ,EAAG,KAAKf,gBAPjB;AAQC,QAAA,eAAe,EAAGiC;AARnB,SADD;AAYA;;AAED,WACC,4BAAC,sBAAD,6BACM,KAAK7B,KADX;AAEC,MAAA,GAAG,EAAK6C,CAAF,IAAW,KAAK/C,MAAL,GAAc+C,CAFhC;AAGC,MAAA,QAAQ,EAAG,KAAKnD,iBAHjB;AAIC,MAAA,OAAO,EAAG,KAAKM,KAAL,CAAW6B,OAJtB,CAIgC;AAJhC;AAKC,MAAA,MAAM,EAAG,KAAK7B,KAAL,CAAW8C,MALrB,CAK8B;AAL9B;AAMC,MAAA,UAAU,EACP,KAAK9C,KAAL,CAAWW,KAAX,IAAoB,KAAKX,KAAL,CAAWW,KAAX,CAAiBgC,UAAvC,IACAX,eAAQ,yBAAR,EAAoCW,UARtC;AAUC,MAAA,KAAK,EAAGZ,UAVT;AAWC,MAAA,aAAa,EAAG;AAXjB,OADD;AAeA;;AA7I+C","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput, Platform, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { RichText, getPxFromCssUnit } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport default class PlainText extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.isAndroid = Platform.OS === 'android';\n\n\t\tthis.onChangeTextInput = this.onChangeTextInput.bind( this );\n\t\tthis.onChangeRichText = this.onChangeRichText.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\t// If isSelected is true, we should request the focus on this TextInput.\n\t\tif (\n\t\t\tthis._input &&\n\t\t\tthis._input.isFocused() === false &&\n\t\t\tthis.props.isSelected\n\t\t) {\n\t\t\tif ( this.isAndroid ) {\n\t\t\t\t/*\n\t\t\t\t * There seems to be an issue in React Native where the keyboard doesn't show if called shortly after rendering.\n\t\t\t\t * As a common work around this delay is used.\n\t\t\t\t * https://github.com/facebook/react-native/issues/19366#issuecomment-400603928\n\t\t\t\t */\n\t\t\t\tthis.timeoutID = setTimeout( () => {\n\t\t\t\t\tthis._input.focus();\n\t\t\t\t}, 100 );\n\t\t\t} else {\n\t\t\t\tthis._input.focus();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tif ( ! this.props.isSelected && prevProps.isSelected ) {\n\t\t\tthis._input?.blur();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.isAndroid ) {\n\t\t\tclearTimeout( this.timeoutID );\n\t\t}\n\t}\n\n\tfocus() {\n\t\tthis._input?.focus();\n\t}\n\n\tblur() {\n\t\tthis._input?.blur();\n\t}\n\n\tgetFontSize() {\n\t\tconst { style } = this.props;\n\n\t\tif ( ! style?.fontSize ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { width, height } = Dimensions.get( 'window' );\n\t\tconst cssUnitOptions = { height, width };\n\n\t\treturn {\n\t\t\tfontSize: parseFloat(\n\t\t\t\tgetPxFromCssUnit( style.fontSize, cssUnitOptions )\n\t\t\t),\n\t\t};\n\t}\n\n\treplaceLineBreakTags( value ) {\n\t\treturn value?.replace( RegExp( '<br>', 'gim' ), '\\n' );\n\t}\n\n\tonChangeTextInput( event ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( event.nativeEvent.text );\n\t}\n\n\tonChangeRichText( value ) {\n\t\tconst { onChange } = this.props;\n\t\t// The <br> tags have to be replaced with new line characters\n\t\t// as the content of plain text shouldn't contain HTML tags.\n\t\tonChange( this.replaceLineBreakTags( value ) );\n\t}\n\n\trender() {\n\t\tconst { style, __experimentalVersion, onFocus, ...otherProps } =\n\t\t\tthis.props;\n\t\tconst textStyles = [\n\t\t\tstyle || styles[ 'block-editor-plain-text' ],\n\t\t\tthis.getFontSize(),\n\t\t];\n\n\t\tif ( __experimentalVersion === 2 ) {\n\t\t\tconst disableFormattingProps = {\n\t\t\t\twithoutInteractiveFormatting: true,\n\t\t\t\tdisableEditingMenu: true,\n\t\t\t\t__unstableDisableFormats: true,\n\t\t\t\tdisableSuggestions: true,\n\t\t\t};\n\n\t\t\tconst forcePlainTextProps = {\n\t\t\t\tpreserveWhiteSpace: true,\n\t\t\t\t__unstablePastePlainText: true,\n\t\t\t\tmultiline: false,\n\t\t\t};\n\n\t\t\tconst fontProps = {\n\t\t\t\tfontFamily: style?.fontFamily,\n\t\t\t\tfontSize: style?.fontSize,\n\t\t\t\tfontWeight: style?.fontWeight,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<RichText\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t{ ...disableFormattingProps }\n\t\t\t\t\t{ ...forcePlainTextProps }\n\t\t\t\t\t{ ...fontProps }\n\t\t\t\t\tidentifier=\"content\"\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\tonChange={ this.onChangeRichText }\n\t\t\t\t\tunstableOnFocus={ onFocus }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TextInput\n\t\t\t\t{ ...this.props }\n\t\t\t\tref={ ( x ) => ( this._input = x ) }\n\t\t\t\tonChange={ this.onChangeTextInput }\n\t\t\t\tonFocus={ this.props.onFocus } // Always assign onFocus as a props.\n\t\t\t\tonBlur={ this.props.onBlur } // Always assign onBlur as a props.\n\t\t\t\tfontFamily={\n\t\t\t\t\t( this.props.style && this.props.style.fontFamily ) ||\n\t\t\t\t\tstyles[ 'block-editor-plain-text' ].fontFamily\n\t\t\t\t}\n\t\t\t\tstyle={ textStyles }\n\t\t\t\tscrollEnabled={ false }\n\t\t\t/>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/plain-text/index.native.js"],"names":["PlainText","Component","constructor","arguments","isAndroid","Platform","OS","onChangeTextInput","bind","onChangeRichText","componentDidMount","_input","isFocused","props","isSelected","timeoutID","setTimeout","focus","componentDidUpdate","prevProps","blur","componentWillUnmount","clearTimeout","getFontSize","style","fontSize","width","height","Dimensions","get","cssUnitOptions","parseFloat","replaceLineBreakTags","value","replace","RegExp","event","onChange","nativeEvent","text","render","__experimentalVersion","onFocus","otherProps","textStyles","styles","disableFormattingProps","withoutInteractiveFormatting","disableEditingMenu","__unstableDisableFormats","disableSuggestions","forcePlainTextProps","preserveWhiteSpace","__unstablePastePlainText","multiline","fontProps","fontFamily","fontWeight","x","onBlur"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput, Platform, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { RichText, getPxFromCssUnit } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport default class PlainText extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.isAndroid = Platform.OS === 'android';\n\n\t\tthis.onChangeTextInput = this.onChangeTextInput.bind( this );\n\t\tthis.onChangeRichText = this.onChangeRichText.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\t// If isSelected is true, we should request the focus on this TextInput.\n\t\tif (\n\t\t\tthis._input &&\n\t\t\tthis._input.isFocused() === false &&\n\t\t\tthis.props.isSelected\n\t\t) {\n\t\t\tif ( this.isAndroid ) {\n\t\t\t\t/*\n\t\t\t\t * There seems to be an issue in React Native where the keyboard doesn't show if called shortly after rendering.\n\t\t\t\t * As a common work around this delay is used.\n\t\t\t\t * https://github.com/facebook/react-native/issues/19366#issuecomment-400603928\n\t\t\t\t */\n\t\t\t\tthis.timeoutID = setTimeout( () => {\n\t\t\t\t\tthis._input.focus();\n\t\t\t\t}, 100 );\n\t\t\t} else {\n\t\t\t\tthis._input.focus();\n\t\t\t}\n\t\t}\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tif ( ! this.props.isSelected && prevProps.isSelected ) {\n\t\t\tthis._input?.blur();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.isAndroid ) {\n\t\t\tclearTimeout( this.timeoutID );\n\t\t}\n\t}\n\n\tfocus() {\n\t\tthis._input?.focus();\n\t}\n\n\tblur() {\n\t\tthis._input?.blur();\n\t}\n\n\tgetFontSize() {\n\t\tconst { style } = this.props;\n\n\t\tif ( ! style?.fontSize ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { width, height } = Dimensions.get( 'window' );\n\t\tconst cssUnitOptions = { height, width };\n\n\t\treturn {\n\t\t\tfontSize: parseFloat(\n\t\t\t\tgetPxFromCssUnit( style.fontSize, cssUnitOptions )\n\t\t\t),\n\t\t};\n\t}\n\n\treplaceLineBreakTags( value ) {\n\t\treturn value?.replace( RegExp( '<br>', 'gim' ), '\\n' );\n\t}\n\n\tonChangeTextInput( event ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( event.nativeEvent.text );\n\t}\n\n\tonChangeRichText( value ) {\n\t\tconst { onChange } = this.props;\n\t\t// The <br> tags have to be replaced with new line characters\n\t\t// as the content of plain text shouldn't contain HTML tags.\n\t\tonChange( this.replaceLineBreakTags( value ) );\n\t}\n\n\trender() {\n\t\tconst { style, __experimentalVersion, onFocus, ...otherProps } =\n\t\t\tthis.props;\n\t\tconst textStyles = [\n\t\t\tstyle || styles[ 'block-editor-plain-text' ],\n\t\t\tthis.getFontSize(),\n\t\t];\n\n\t\tif ( __experimentalVersion === 2 ) {\n\t\t\tconst disableFormattingProps = {\n\t\t\t\twithoutInteractiveFormatting: true,\n\t\t\t\tdisableEditingMenu: true,\n\t\t\t\t__unstableDisableFormats: true,\n\t\t\t\tdisableSuggestions: true,\n\t\t\t};\n\n\t\t\tconst forcePlainTextProps = {\n\t\t\t\tpreserveWhiteSpace: true,\n\t\t\t\t__unstablePastePlainText: true,\n\t\t\t\tmultiline: false,\n\t\t\t};\n\n\t\t\tconst fontProps = {\n\t\t\t\tfontFamily: style?.fontFamily,\n\t\t\t\tfontSize: style?.fontSize,\n\t\t\t\tfontWeight: style?.fontWeight,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<RichText\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t{ ...disableFormattingProps }\n\t\t\t\t\t{ ...forcePlainTextProps }\n\t\t\t\t\t{ ...fontProps }\n\t\t\t\t\tidentifier=\"content\"\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\tonChange={ this.onChangeRichText }\n\t\t\t\t\tunstableOnFocus={ onFocus }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<TextInput\n\t\t\t\t{ ...this.props }\n\t\t\t\tref={ ( x ) => ( this._input = x ) }\n\t\t\t\tonChange={ this.onChangeTextInput }\n\t\t\t\tonFocus={ this.props.onFocus } // Always assign onFocus as a props.\n\t\t\t\tonBlur={ this.props.onBlur } // Always assign onBlur as a props.\n\t\t\t\tfontFamily={\n\t\t\t\t\t( this.props.style && this.props.style.fontFamily ) ||\n\t\t\t\t\tstyles[ 'block-editor-plain-text' ].fontFamily\n\t\t\t\t}\n\t\t\t\tstyle={ textStyles }\n\t\t\t\tscrollEnabled={ false }\n\t\t\t/>\n\t\t);\n\t}\n}\n"]}

package/build/components/preview-options/index.js

@@ -32,16 +32,16 @@ function PreviewOptions({
   className,
   isEnabled = true,
   deviceType,
-  setDeviceType
+  setDeviceType,
+  label
 }) {
   const isMobile = (0, _compose.useViewportMatch)('small', '<');
   if (isMobile) return null;
   const popoverProps = {
     className: (0, _classnames.default)(className, 'block-editor-post-preview__dropdown-content'),
-    position: 'bottom left'
+    placement: 'bottom-end'
   };
   const toggleProps = {
-    variant: 'tertiary',
     className: 'block-editor-post-preview__button-toggle',
     disabled: !isEnabled,
     children: viewLabel
@@ -59,7 +59,8 @@ function PreviewOptions({
     popoverProps: popoverProps,
     toggleProps: toggleProps,
     menuProps: menuProps,
-    icon: deviceIcons[deviceType.toLowerCase()]
+    icon: deviceIcons[deviceType.toLowerCase()],
+    label: label || (0, _i18n.__)('Preview')
   }, () => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
     className: "block-editor-post-preview__button-resize",
     onClick: () => setDeviceType('Desktop'),

package/build/components/preview-options/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/preview-options/index.js"],"names":["PreviewOptions","children","viewLabel","className","isEnabled","deviceType","setDeviceType","isMobile","popoverProps","position","toggleProps","variant","disabled","menuProps","deviceIcons","mobile","tablet","desktop","toLowerCase","check"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMe,SAASA,cAAT,CAAyB;AACvCC,EAAAA,QADuC;AAEvCC,EAAAA,SAFuC;AAGvCC,EAAAA,SAHuC;AAIvCC,EAAAA,SAAS,GAAG,IAJ2B;AAKvCC,EAAAA,UALuC;AAMvCC,EAAAA;AANuC,CAAzB,EAOX;AACH,QAAMC,QAAQ,GAAG,+BAAkB,OAAlB,EAA2B,GAA3B,CAAjB;AACA,MAAKA,QAAL,EAAgB,OAAO,IAAP;AAEhB,QAAMC,YAAY,GAAG;AACpBL,IAAAA,SAAS,EAAE,yBACVA,SADU,EAEV,6CAFU,CADS;AAKpBM,IAAAA,QAAQ,EAAE;AALU,GAArB;AAOA,QAAMC,WAAW,GAAG;AACnBC,IAAAA,OAAO,EAAE,UADU;AAEnBR,IAAAA,SAAS,EAAE,0CAFQ;AAGnBS,IAAAA,QAAQ,EAAE,CAAER,SAHO;AAInBH,IAAAA,QAAQ,EAAEC;AAJS,GAApB;AAMA,QAAMW,SAAS,GAAG;AACjB,kBAAc,cAAI,cAAJ;AADG,GAAlB;AAIA,QAAMC,WAAW,GAAG;AACnBC,IAAAA,MAAM,EAANA,aADmB;AAEnBC,IAAAA,MAAM,EAANA,aAFmB;AAGnBC,IAAAA,OAAO,EAAPA;AAHmB,GAApB;AAMA,SACC,4BAAC,wBAAD;AACC,IAAA,SAAS,EAAC,qCADX;AAEC,IAAA,YAAY,EAAGT,YAFhB;AAGC,IAAA,WAAW,EAAGE,WAHf;AAIC,IAAA,SAAS,EAAGG,SAJb;AAKC,IAAA,IAAI,EAAGC,WAAW,CAAET,UAAU,CAACa,WAAX,EAAF;AALnB,KAOG,MACD,qDACC,4BAAC,qBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMZ,aAAa,CAAE,SAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,SAAf,IAA4Bc;AAHpC,KAKG,cAAI,SAAJ,CALH,CADD,EAQC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMb,aAAa,CAAE,QAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,QAAf,IAA2Bc;AAHnC,KAKG,cAAI,QAAJ,CALH,CARD,EAeC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMb,aAAa,CAAE,QAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,QAAf,IAA2Bc;AAHnC,KAKG,cAAI,QAAJ,CALH,CAfD,CADD,EAwBGlB,QAxBH,CARF,CADD;AAsCA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check, desktop, mobile, tablet } from '@wordpress/icons';\n\nexport default function PreviewOptions( {\n\tchildren,\n\tviewLabel,\n\tclassName,\n\tisEnabled = true,\n\tdeviceType,\n\tsetDeviceType,\n} ) {\n\tconst isMobile = useViewportMatch( 'small', '<' );\n\tif ( isMobile ) return null;\n\n\tconst popoverProps = {\n\t\tclassName: classnames(\n\t\t\tclassName,\n\t\t\t'block-editor-post-preview__dropdown-content'\n\t\t),\n\t\tposition: 'bottom left',\n\t};\n\tconst toggleProps = {\n\t\tvariant: 'tertiary',\n\t\tclassName: 'block-editor-post-preview__button-toggle',\n\t\tdisabled: ! isEnabled,\n\t\tchildren: viewLabel,\n\t};\n\tconst menuProps = {\n\t\t'aria-label': __( 'View options' ),\n\t};\n\n\tconst deviceIcons = {\n\t\tmobile,\n\t\ttablet,\n\t\tdesktop,\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName=\"block-editor-post-preview__dropdown\"\n\t\t\tpopoverProps={ popoverProps }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tmenuProps={ menuProps }\n\t\t\ticon={ deviceIcons[ deviceType.toLowerCase() ] }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Desktop' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Desktop' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Desktop' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Tablet' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Tablet' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Tablet' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Mobile' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Mobile' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Mobile' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t{ children }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/preview-options/index.js"],"names":["PreviewOptions","children","viewLabel","className","isEnabled","deviceType","setDeviceType","label","isMobile","popoverProps","placement","toggleProps","disabled","menuProps","deviceIcons","mobile","tablet","desktop","toLowerCase","check"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AAXA;AACA;AACA;;AAGA;AACA;AACA;AAMe,SAASA,cAAT,CAAyB;AACvCC,EAAAA,QADuC;AAEvCC,EAAAA,SAFuC;AAGvCC,EAAAA,SAHuC;AAIvCC,EAAAA,SAAS,GAAG,IAJ2B;AAKvCC,EAAAA,UALuC;AAMvCC,EAAAA,aANuC;AAOvCC,EAAAA;AAPuC,CAAzB,EAQX;AACH,QAAMC,QAAQ,GAAG,+BAAkB,OAAlB,EAA2B,GAA3B,CAAjB;AACA,MAAKA,QAAL,EAAgB,OAAO,IAAP;AAEhB,QAAMC,YAAY,GAAG;AACpBN,IAAAA,SAAS,EAAE,yBACVA,SADU,EAEV,6CAFU,CADS;AAKpBO,IAAAA,SAAS,EAAE;AALS,GAArB;AAOA,QAAMC,WAAW,GAAG;AACnBR,IAAAA,SAAS,EAAE,0CADQ;AAEnBS,IAAAA,QAAQ,EAAE,CAAER,SAFO;AAGnBH,IAAAA,QAAQ,EAAEC;AAHS,GAApB;AAKA,QAAMW,SAAS,GAAG;AACjB,kBAAc,cAAI,cAAJ;AADG,GAAlB;AAIA,QAAMC,WAAW,GAAG;AACnBC,IAAAA,MAAM,EAANA,aADmB;AAEnBC,IAAAA,MAAM,EAANA,aAFmB;AAGnBC,IAAAA,OAAO,EAAPA;AAHmB,GAApB;AAMA,SACC,4BAAC,wBAAD;AACC,IAAA,SAAS,EAAC,qCADX;AAEC,IAAA,YAAY,EAAGR,YAFhB;AAGC,IAAA,WAAW,EAAGE,WAHf;AAIC,IAAA,SAAS,EAAGE,SAJb;AAKC,IAAA,IAAI,EAAGC,WAAW,CAAET,UAAU,CAACa,WAAX,EAAF,CALnB;AAMC,IAAA,KAAK,EAAGX,KAAK,IAAI,cAAI,SAAJ;AANlB,KAQG,MACD,qDACC,4BAAC,qBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMD,aAAa,CAAE,SAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,SAAf,IAA4Bc;AAHpC,KAKG,cAAI,SAAJ,CALH,CADD,EAQC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMb,aAAa,CAAE,QAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,QAAf,IAA2Bc;AAHnC,KAKG,cAAI,QAAJ,CALH,CARD,EAeC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,OAAO,EAAG,MAAMb,aAAa,CAAE,QAAF,CAF9B;AAGC,IAAA,IAAI,EAAGD,UAAU,KAAK,QAAf,IAA2Bc;AAHnC,KAKG,cAAI,QAAJ,CALH,CAfD,CADD,EAwBGlB,QAxBH,CATF,CADD;AAuCA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check, desktop, mobile, tablet } from '@wordpress/icons';\n\nexport default function PreviewOptions( {\n\tchildren,\n\tviewLabel,\n\tclassName,\n\tisEnabled = true,\n\tdeviceType,\n\tsetDeviceType,\n\tlabel,\n} ) {\n\tconst isMobile = useViewportMatch( 'small', '<' );\n\tif ( isMobile ) return null;\n\n\tconst popoverProps = {\n\t\tclassName: classnames(\n\t\t\tclassName,\n\t\t\t'block-editor-post-preview__dropdown-content'\n\t\t),\n\t\tplacement: 'bottom-end',\n\t};\n\tconst toggleProps = {\n\t\tclassName: 'block-editor-post-preview__button-toggle',\n\t\tdisabled: ! isEnabled,\n\t\tchildren: viewLabel,\n\t};\n\tconst menuProps = {\n\t\t'aria-label': __( 'View options' ),\n\t};\n\n\tconst deviceIcons = {\n\t\tmobile,\n\t\ttablet,\n\t\tdesktop,\n\t};\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\tclassName=\"block-editor-post-preview__dropdown\"\n\t\t\tpopoverProps={ popoverProps }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tmenuProps={ menuProps }\n\t\t\ticon={ deviceIcons[ deviceType.toLowerCase() ] }\n\t\t\tlabel={ label || __( 'Preview' ) }\n\t\t>\n\t\t\t{ () => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Desktop' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Desktop' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Desktop' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Tablet' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Tablet' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Tablet' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tclassName=\"block-editor-post-preview__button-resize\"\n\t\t\t\t\t\t\tonClick={ () => setDeviceType( 'Mobile' ) }\n\t\t\t\t\t\t\ticon={ deviceType === 'Mobile' && check }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Mobile' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t{ children }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"]}

package/build/components/provider/index.js

@@ -9,8 +9,6 @@ exports.default = exports.ExperimentalBlockEditorProvider = exports.BlockEditorP
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _data = require("@wordpress/data");
 
 var _withRegistryProvider = _interopRequireDefault(require("./with-registry-provider"));
@@ -53,9 +51,9 @@ const ExperimentalBlockEditorProvider = (0, _withRegistryProvider.default)(props
 exports.ExperimentalBlockEditorProvider = ExperimentalBlockEditorProvider;
 
 const BlockEditorProvider = props => {
-  return (0, _element.createElement)(ExperimentalBlockEditorProvider, (0, _extends2.default)({}, props, {
+  return (0, _element.createElement)(ExperimentalBlockEditorProvider, { ...props,
     stripExperimentalSettings: true
-  }), props.children);
+  }, props.children);
 };
 
 exports.BlockEditorProvider = BlockEditorProvider;

package/build/components/provider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/provider/index.js"],"names":["ExperimentalBlockEditorProvider","props","children","settings","stripExperimentalSettings","__experimentalUpdateSettings","blockEditorStore","__internalIsInitialized","BlockEditorProvider"],"mappings":";;;;;;;;;AAIA;;;;AADA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;;AAOA;AAEO,MAAMA,+BAA+B,GAAG,mCAC5CC,KAAF,IAAa;AACZ,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,yBAAyB,GAAG;AAAlD,MAA4DH,KAAlE;AAEA,QAAM;AAAEI,IAAAA;AAAF,MAAmC,wBACxC,uBAAaC,YAAb,CADwC,CAAzC;AAGA,0BAAW,MAAM;AAChBD,IAAAA,4BAA4B,CAC3B,EACC,GAAGF,QADJ;AAECI,MAAAA,uBAAuB,EAAE;AAF1B,KAD2B,EAK3BH,yBAL2B,CAA5B;AAOA,GARD,EAQG,CAAED,QAAF,CARH,EANY,CAgBZ;;AACA,6BAAcF,KAAd;AAEA,SAAO,4BAAC,oCAAD,QAAqBC,QAArB,CAAP;AACA,CArB6C,CAAxC;;;AAwBA,MAAMM,mBAAmB,GAAKP,KAAF,IAAa;AAC/C,SACC,4BAAC,+BAAD,6BACMA,KADN;AAEC,IAAA,yBAAyB,EAAG;AAF7B,MAIGA,KAAK,CAACC,QAJT,CADD;AAQA,CATM;;;eAWQM,mB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport withRegistryProvider from './with-registry-provider';\nimport useBlockSync from './use-block-sync';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockRefsProvider } from './block-refs-provider';\nimport { unlock } from '../../lock-unlock';\n\n/** @typedef {import('@wordpress/data').WPDataRegistry} WPDataRegistry */\n\nexport const ExperimentalBlockEditorProvider = withRegistryProvider(\n\t( props ) => {\n\t\tconst { children, settings, stripExperimentalSettings = false } = props;\n\n\t\tconst { __experimentalUpdateSettings } = unlock(\n\t\t\tuseDispatch( blockEditorStore )\n\t\t);\n\t\tuseEffect( () => {\n\t\t\t__experimentalUpdateSettings(\n\t\t\t\t{\n\t\t\t\t\t...settings,\n\t\t\t\t\t__internalIsInitialized: true,\n\t\t\t\t},\n\t\t\t\tstripExperimentalSettings\n\t\t\t);\n\t\t}, [ settings ] );\n\n\t\t// Syncs the entity provider with changes in the block-editor store.\n\t\tuseBlockSync( props );\n\n\t\treturn <BlockRefsProvider>{ children }</BlockRefsProvider>;\n\t}\n);\n\nexport const BlockEditorProvider = ( props ) => {\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\t{ ...props }\n\t\t\tstripExperimentalSettings={ true }\n\t\t>\n\t\t\t{ props.children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n};\n\nexport default BlockEditorProvider;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/provider/index.js"],"names":["ExperimentalBlockEditorProvider","props","children","settings","stripExperimentalSettings","__experimentalUpdateSettings","blockEditorStore","__internalIsInitialized","BlockEditorProvider"],"mappings":";;;;;;;;;AAIA;;AADA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;;AAOA;AAEO,MAAMA,+BAA+B,GAAG,mCAC5CC,KAAF,IAAa;AACZ,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,yBAAyB,GAAG;AAAlD,MAA4DH,KAAlE;AAEA,QAAM;AAAEI,IAAAA;AAAF,MAAmC,wBACxC,uBAAaC,YAAb,CADwC,CAAzC;AAGA,0BAAW,MAAM;AAChBD,IAAAA,4BAA4B,CAC3B,EACC,GAAGF,QADJ;AAECI,MAAAA,uBAAuB,EAAE;AAF1B,KAD2B,EAK3BH,yBAL2B,CAA5B;AAOA,GARD,EAQG,CAAED,QAAF,CARH,EANY,CAgBZ;;AACA,6BAAcF,KAAd;AAEA,SAAO,4BAAC,oCAAD,QAAqBC,QAArB,CAAP;AACA,CArB6C,CAAxC;;;AAwBA,MAAMM,mBAAmB,GAAKP,KAAF,IAAa;AAC/C,SACC,4BAAC,+BAAD,OACMA,KADN;AAEC,IAAA,yBAAyB,EAAG;AAF7B,KAIGA,KAAK,CAACC,QAJT,CADD;AAQA,CATM;;;eAWQM,mB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport withRegistryProvider from './with-registry-provider';\nimport useBlockSync from './use-block-sync';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockRefsProvider } from './block-refs-provider';\nimport { unlock } from '../../lock-unlock';\n\n/** @typedef {import('@wordpress/data').WPDataRegistry} WPDataRegistry */\n\nexport const ExperimentalBlockEditorProvider = withRegistryProvider(\n\t( props ) => {\n\t\tconst { children, settings, stripExperimentalSettings = false } = props;\n\n\t\tconst { __experimentalUpdateSettings } = unlock(\n\t\t\tuseDispatch( blockEditorStore )\n\t\t);\n\t\tuseEffect( () => {\n\t\t\t__experimentalUpdateSettings(\n\t\t\t\t{\n\t\t\t\t\t...settings,\n\t\t\t\t\t__internalIsInitialized: true,\n\t\t\t\t},\n\t\t\t\tstripExperimentalSettings\n\t\t\t);\n\t\t}, [ settings ] );\n\n\t\t// Syncs the entity provider with changes in the block-editor store.\n\t\tuseBlockSync( props );\n\n\t\treturn <BlockRefsProvider>{ children }</BlockRefsProvider>;\n\t}\n);\n\nexport const BlockEditorProvider = ( props ) => {\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\t{ ...props }\n\t\t\tstripExperimentalSettings={ true }\n\t\t>\n\t\t\t{ props.children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n};\n\nexport default BlockEditorProvider;\n"]}

package/build/components/provider/with-registry-provider.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _data = require("@wordpress/data");
 
 var _compose = require("@wordpress/compose");
@@ -33,9 +29,10 @@ const withRegistryProvider = (0, _compose.createHigherOrderComponent)(WrappedCom
     ...props
   }) => {
     if (!useSubRegistry) {
-      return (0, _element.createElement)(WrappedComponent, (0, _extends2.default)({
-        registry: registry
-      }, props));
+      return (0, _element.createElement)(WrappedComponent, {
+        registry: registry,
+        ...props
+      });
     }
 
     const [subRegistry, setSubRegistry] = (0, _element.useState)(null);
@@ -51,9 +48,10 @@ const withRegistryProvider = (0, _compose.createHigherOrderComponent)(WrappedCom
 
     return (0, _element.createElement)(_data.RegistryProvider, {
       value: subRegistry
-    }, (0, _element.createElement)(WrappedComponent, (0, _extends2.default)({
-      registry: subRegistry
-    }, props)));
+    }, (0, _element.createElement)(WrappedComponent, {
+      registry: subRegistry,
+      ...props
+    }));
   });
 }, 'withRegistryProvider');
 var _default = withRegistryProvider;

package/build/components/provider/with-registry-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/provider/with-registry-provider.js"],"names":["withRegistryProvider","WrappedComponent","useSubRegistry","registry","props","subRegistry","setSubRegistry","newRegistry","registerStore","blockEditorStoreName","storeConfig"],"mappings":";;;;;;;;;AAGA;;;;AACA;;AAKA;;AAKA;;AACA;;AAfA;AACA;AACA;;AASA;AACA;AACA;AAIA,MAAMA,oBAAoB,GAAG,yCAC1BC,gBAAF,IAAwB;AACvB,SAAO,wBACN,CAAE;AAAEC,IAAAA,cAAc,GAAG,IAAnB;AAAyBC,IAAAA,QAAzB;AAAmC,OAAGC;AAAtC,GAAF,KAAqD;AACpD,QAAK,CAAEF,cAAP,EAAwB;AACvB,aACC,4BAAC,gBAAD;AAAkB,QAAA,QAAQ,EAAGC;AAA7B,SAA6CC,KAA7C,EADD;AAGA;;AAED,UAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,IAAV,CAAxC;AACA,4BAAW,MAAM;AAChB,YAAMC,WAAW,GAAG,0BAAgB,EAAhB,EAAoBJ,QAApB,CAApB;AACAI,MAAAA,WAAW,CAACC,aAAZ,CACCC,qBADD,EAECC,kBAFD;AAIAJ,MAAAA,cAAc,CAAEC,WAAF,CAAd;AACA,KAPD,EAOG,CAAEJ,QAAF,CAPH;;AASA,QAAK,CAAEE,WAAP,EAAqB;AACpB,aAAO,IAAP;AACA;;AAED,WACC,4BAAC,sBAAD;AAAkB,MAAA,KAAK,EAAGA;AAA1B,OACC,4BAAC,gBAAD;AACC,MAAA,QAAQ,EAAGA;AADZ,OAEMD,KAFN,EADD,CADD;AAQA,GA9BK,CAAP;AAgCA,CAlC2B,EAmC5B,sBAnC4B,CAA7B;eAsCeJ,oB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport {\n\twithRegistry,\n\tcreateRegistry,\n\tRegistryProvider,\n} from '@wordpress/data';\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { storeConfig } from '../../store';\nimport { STORE_NAME as blockEditorStoreName } from '../../store/constants';\n\nconst withRegistryProvider = createHigherOrderComponent(\n\t( WrappedComponent ) => {\n\t\treturn withRegistry(\n\t\t\t( { useSubRegistry = true, registry, ...props } ) => {\n\t\t\t\tif ( ! useSubRegistry ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<WrappedComponent registry={ registry } { ...props } />\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst [ subRegistry, setSubRegistry ] = useState( null );\n\t\t\t\tuseEffect( () => {\n\t\t\t\t\tconst newRegistry = createRegistry( {}, registry );\n\t\t\t\t\tnewRegistry.registerStore(\n\t\t\t\t\t\tblockEditorStoreName,\n\t\t\t\t\t\tstoreConfig\n\t\t\t\t\t);\n\t\t\t\t\tsetSubRegistry( newRegistry );\n\t\t\t\t}, [ registry ] );\n\n\t\t\t\tif ( ! subRegistry ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<RegistryProvider value={ subRegistry }>\n\t\t\t\t\t\t<WrappedComponent\n\t\t\t\t\t\t\tregistry={ subRegistry }\n\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</RegistryProvider>\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t},\n\t'withRegistryProvider'\n);\n\nexport default withRegistryProvider;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/provider/with-registry-provider.js"],"names":["withRegistryProvider","WrappedComponent","useSubRegistry","registry","props","subRegistry","setSubRegistry","newRegistry","registerStore","blockEditorStoreName","storeConfig"],"mappings":";;;;;;;AAGA;;AACA;;AAKA;;AAKA;;AACA;;AAfA;AACA;AACA;;AASA;AACA;AACA;AAIA,MAAMA,oBAAoB,GAAG,yCAC1BC,gBAAF,IAAwB;AACvB,SAAO,wBACN,CAAE;AAAEC,IAAAA,cAAc,GAAG,IAAnB;AAAyBC,IAAAA,QAAzB;AAAmC,OAAGC;AAAtC,GAAF,KAAqD;AACpD,QAAK,CAAEF,cAAP,EAAwB;AACvB,aACC,4BAAC,gBAAD;AAAkB,QAAA,QAAQ,EAAGC,QAA7B;AAAA,WAA6CC;AAA7C,QADD;AAGA;;AAED,UAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,IAAV,CAAxC;AACA,4BAAW,MAAM;AAChB,YAAMC,WAAW,GAAG,0BAAgB,EAAhB,EAAoBJ,QAApB,CAApB;AACAI,MAAAA,WAAW,CAACC,aAAZ,CACCC,qBADD,EAECC,kBAFD;AAIAJ,MAAAA,cAAc,CAAEC,WAAF,CAAd;AACA,KAPD,EAOG,CAAEJ,QAAF,CAPH;;AASA,QAAK,CAAEE,WAAP,EAAqB;AACpB,aAAO,IAAP;AACA;;AAED,WACC,4BAAC,sBAAD;AAAkB,MAAA,KAAK,EAAGA;AAA1B,OACC,4BAAC,gBAAD;AACC,MAAA,QAAQ,EAAGA,WADZ;AAAA,SAEMD;AAFN,MADD,CADD;AAQA,GA9BK,CAAP;AAgCA,CAlC2B,EAmC5B,sBAnC4B,CAA7B;eAsCeJ,oB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport {\n\twithRegistry,\n\tcreateRegistry,\n\tRegistryProvider,\n} from '@wordpress/data';\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { storeConfig } from '../../store';\nimport { STORE_NAME as blockEditorStoreName } from '../../store/constants';\n\nconst withRegistryProvider = createHigherOrderComponent(\n\t( WrappedComponent ) => {\n\t\treturn withRegistry(\n\t\t\t( { useSubRegistry = true, registry, ...props } ) => {\n\t\t\t\tif ( ! useSubRegistry ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<WrappedComponent registry={ registry } { ...props } />\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst [ subRegistry, setSubRegistry ] = useState( null );\n\t\t\t\tuseEffect( () => {\n\t\t\t\t\tconst newRegistry = createRegistry( {}, registry );\n\t\t\t\t\tnewRegistry.registerStore(\n\t\t\t\t\t\tblockEditorStoreName,\n\t\t\t\t\t\tstoreConfig\n\t\t\t\t\t);\n\t\t\t\t\tsetSubRegistry( newRegistry );\n\t\t\t\t}, [ registry ] );\n\n\t\t\t\tif ( ! subRegistry ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<RegistryProvider value={ subRegistry }>\n\t\t\t\t\t\t<WrappedComponent\n\t\t\t\t\t\t\tregistry={ subRegistry }\n\t\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</RegistryProvider>\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t},\n\t'withRegistryProvider'\n);\n\nexport default withRegistryProvider;\n"]}

package/build/components/publish-date-time-picker/index.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _components = require("@wordpress/components");
 
 var _i18n = require("@wordpress/i18n");
@@ -41,10 +39,11 @@ function PublishDateTimePicker({
       onClick: () => onChange?.(null)
     }],
     onClose: onClose
-  }), (0, _element.createElement)(_components.DateTimePicker, (0, _extends2.default)({
+  }), (0, _element.createElement)(_components.DateTimePicker, {
     startOfWeek: (0, _date.getSettings)().l10n.startOfWeek,
-    onChange: onChange
-  }, additionalProps)));
+    onChange: onChange,
+    ...additionalProps
+  }));
 }
 
 var _default = (0, _element.forwardRef)(PublishDateTimePicker);

package/build/components/publish-date-time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/publish-date-time-picker/index.js"],"names":["PublishDateTimePicker","onClose","onChange","additionalProps","ref","label","onClick","l10n","startOfWeek"],"mappings":";;;;;;;;;AAKA;;;;AAFA;;AACA;;AAEA;;AAKA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGA,SAASA,qBAAT,CACC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,QAAX;AAAqB,KAAGC;AAAxB,CADD,EAECC,GAFD,EAGE;AACD,SACC;AAAK,IAAA,GAAG,EAAGA,GAAX;AAAiB,IAAA,SAAS,EAAC;AAA3B,KACC,4BAAC,+BAAD;AACC,IAAA,KAAK,EAAG,cAAI,SAAJ,CADT;AAEC,IAAA,OAAO,EAAG,CACT;AACCC,MAAAA,KAAK,EAAE,cAAI,KAAJ,CADR;AAECC,MAAAA,OAAO,EAAE,MAAMJ,QAAQ,GAAI,IAAJ;AAFxB,KADS,CAFX;AAQC,IAAA,OAAO,EAAGD;AARX,IADD,EAWC,4BAAC,0BAAD;AACC,IAAA,WAAW,EAAG,yBAAcM,IAAd,CAAmBC,WADlC;AAEC,IAAA,QAAQ,EAAGN;AAFZ,KAGMC,eAHN,EAXD,CADD;AAmBA;;eAEc,yBAAYH,qBAAZ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DateTimePicker } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { getSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport InspectorPopoverHeader from '../inspector-popover-header';\n\nfunction PublishDateTimePicker(\n\t{ onClose, onChange, ...additionalProps },\n\tref\n) {\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-publish-date-time-picker\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Publish' ) }\n\t\t\t\tactions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Now' ),\n\t\t\t\t\t\tonClick: () => onChange?.( null ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<DateTimePicker\n\t\t\t\tstartOfWeek={ getSettings().l10n.startOfWeek }\n\t\t\t\tonChange={ onChange }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( PublishDateTimePicker );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/publish-date-time-picker/index.js"],"names":["PublishDateTimePicker","onClose","onChange","additionalProps","ref","label","onClick","l10n","startOfWeek"],"mappings":";;;;;;;;;AAKA;;AAFA;;AACA;;AAEA;;AAKA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGA,SAASA,qBAAT,CACC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,QAAX;AAAqB,KAAGC;AAAxB,CADD,EAECC,GAFD,EAGE;AACD,SACC;AAAK,IAAA,GAAG,EAAGA,GAAX;AAAiB,IAAA,SAAS,EAAC;AAA3B,KACC,4BAAC,+BAAD;AACC,IAAA,KAAK,EAAG,cAAI,SAAJ,CADT;AAEC,IAAA,OAAO,EAAG,CACT;AACCC,MAAAA,KAAK,EAAE,cAAI,KAAJ,CADR;AAECC,MAAAA,OAAO,EAAE,MAAMJ,QAAQ,GAAI,IAAJ;AAFxB,KADS,CAFX;AAQC,IAAA,OAAO,EAAGD;AARX,IADD,EAWC,4BAAC,0BAAD;AACC,IAAA,WAAW,EAAG,yBAAcM,IAAd,CAAmBC,WADlC;AAEC,IAAA,QAAQ,EAAGN,QAFZ;AAAA,OAGMC;AAHN,IAXD,CADD;AAmBA;;eAEc,yBAAYH,qBAAZ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DateTimePicker } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { getSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport InspectorPopoverHeader from '../inspector-popover-header';\n\nfunction PublishDateTimePicker(\n\t{ onClose, onChange, ...additionalProps },\n\tref\n) {\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-publish-date-time-picker\">\n\t\t\t<InspectorPopoverHeader\n\t\t\t\ttitle={ __( 'Publish' ) }\n\t\t\t\tactions={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Now' ),\n\t\t\t\t\t\tonClick: () => onChange?.( null ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ onClose }\n\t\t\t/>\n\t\t\t<DateTimePicker\n\t\t\t\tstartOfWeek={ getSettings().l10n.startOfWeek }\n\t\t\t\tonChange={ onChange }\n\t\t\t\t{ ...additionalProps }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( PublishDateTimePicker );\n"]}

package/build/components/resizable-box-popover/index.js

@@ -9,8 +9,6 @@ exports.default = ResizableBoxPopover;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _components = require("@wordpress/components");
 
 var _blockPopover = _interopRequireDefault(require("../block-popover"));
@@ -27,11 +25,13 @@ function ResizableBoxPopover({
   resizableBoxProps,
   ...props
 }) {
-  return (0, _element.createElement)(_blockPopover.default, (0, _extends2.default)({
+  return (0, _element.createElement)(_blockPopover.default, {
     clientId: clientId,
     __unstableCoverTarget: true,
     __unstablePopoverSlot: "block-toolbar",
-    shift: false
-  }, props), (0, _element.createElement)(_components.ResizableBox, resizableBoxProps));
+    shift: false,
+    ...props
+  }, (0, _element.createElement)(_components.ResizableBox, { ...resizableBoxProps
+  }));
 }
 //# sourceMappingURL=index.js.map

package/build/components/resizable-box-popover/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/resizable-box-popover/index.js"],"names":["ResizableBoxPopover","clientId","resizableBoxProps","props"],"mappings":";;;;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,mBAAT,CAA8B;AAC5CC,EAAAA,QAD4C;AAE5CC,EAAAA,iBAF4C;AAG5C,KAAGC;AAHyC,CAA9B,EAIX;AACH,SACC,4BAAC,qBAAD;AACC,IAAA,QAAQ,EAAGF,QADZ;AAEC,IAAA,qBAAqB,MAFtB;AAGC,IAAA,qBAAqB,EAAC,eAHvB;AAIC,IAAA,KAAK,EAAG;AAJT,KAKME,KALN,GAOC,4BAAC,wBAAD,EAAmBD,iBAAnB,CAPD,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPopover from '../block-popover';\n\nexport default function ResizableBoxPopover( {\n\tclientId,\n\tresizableBoxProps,\n\t...props\n} ) {\n\treturn (\n\t\t<BlockPopover\n\t\t\tclientId={ clientId }\n\t\t\t__unstableCoverTarget\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t\tshift={ false }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ResizableBox { ...resizableBoxProps } />\n\t\t</BlockPopover>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/resizable-box-popover/index.js"],"names":["ResizableBoxPopover","clientId","resizableBoxProps","props"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGe,SAASA,mBAAT,CAA8B;AAC5CC,EAAAA,QAD4C;AAE5CC,EAAAA,iBAF4C;AAG5C,KAAGC;AAHyC,CAA9B,EAIX;AACH,SACC,4BAAC,qBAAD;AACC,IAAA,QAAQ,EAAGF,QADZ;AAEC,IAAA,qBAAqB,MAFtB;AAGC,IAAA,qBAAqB,EAAC,eAHvB;AAIC,IAAA,KAAK,EAAG,KAJT;AAAA,OAKME;AALN,KAOC,4BAAC,wBAAD,OAAmBD;AAAnB,IAPD,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockPopover from '../block-popover';\n\nexport default function ResizableBoxPopover( {\n\tclientId,\n\tresizableBoxProps,\n\t...props\n} ) {\n\treturn (\n\t\t<BlockPopover\n\t\t\tclientId={ clientId }\n\t\t\t__unstableCoverTarget\n\t\t\t__unstablePopoverSlot=\"block-toolbar\"\n\t\t\tshift={ false }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<ResizableBox { ...resizableBoxProps } />\n\t\t</BlockPopover>\n\t);\n}\n"]}

package/build/components/rich-text/content.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Content = void 0;
+exports.getRichTextValues = getRichTextValues;
+
+var _element = require("@wordpress/element");
+
+var _blocks = require("@wordpress/blocks");
+
+var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
+
+var _utils = require("./utils");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const Content = ({
+  value,
+  tagName: Tag,
+  multiline,
+  ...props
+}) => {
+  // Handle deprecated `children` and `node` sources.
+  if (Array.isArray(value)) {
+    (0, _deprecated.default)('wp.blockEditor.RichText value prop as children type', {
+      since: '6.1',
+      version: '6.3',
+      alternative: 'value prop as string',
+      link: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/'
+    });
+    value = _blocks.children.toHTML(value);
+  }
+
+  const MultilineTag = (0, _utils.getMultilineTag)(multiline);
+
+  if (!value && MultilineTag) {
+    value = `<${MultilineTag}></${MultilineTag}>`;
+  }
+
+  const content = (0, _element.createElement)(_element.RawHTML, null, value);
+
+  if (Tag) {
+    const {
+      format,
+      ...restProps
+    } = props;
+    return (0, _element.createElement)(Tag, { ...restProps
+    }, content);
+  }
+
+  return content;
+};
+
+exports.Content = Content;
+Content.__unstableIsRichTextContent = {};
+
+function findContent(blocks, richTextValues = []) {
+  if (!Array.isArray(blocks)) {
+    blocks = [blocks];
+  }
+
+  for (const block of blocks) {
+    if (block?.type?.__unstableIsRichTextContent === Content.__unstableIsRichTextContent) {
+      richTextValues.push(block.props.value);
+      continue;
+    }
+
+    if (block?.props?.children) {
+      findContent(block.props.children, richTextValues);
+    }
+  }
+
+  return richTextValues;
+}
+
+function _getSaveElement({
+  name,
+  attributes,
+  innerBlocks
+}) {
+  return (0, _blocks.getSaveElement)(name, attributes, innerBlocks.map(_getSaveElement));
+}
+
+function getRichTextValues(blocks = []) {
+  _blocks.__unstableGetBlockProps.skipFilters = true;
+  const values = findContent((Array.isArray(blocks) ? blocks : [blocks]).map(_getSaveElement));
+  _blocks.__unstableGetBlockProps.skipFilters = false;
+  return values;
+}
+//# sourceMappingURL=content.js.map

package/build/components/rich-text/content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/content.js"],"names":["Content","value","tagName","Tag","multiline","props","Array","isArray","since","version","alternative","link","childrenSource","toHTML","MultilineTag","content","format","restProps","__unstableIsRichTextContent","findContent","blocks","richTextValues","block","type","push","children","_getSaveElement","name","attributes","innerBlocks","map","getRichTextValues","getBlockProps","skipFilters","values"],"mappings":";;;;;;;;;;AAGA;;AACA;;AAKA;;AAKA;;AAdA;AACA;AACA;;AASA;AACA;AACA;AAGO,MAAMA,OAAO,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,OAAO,EAAEC,GAAlB;AAAuBC,EAAAA,SAAvB;AAAkC,KAAGC;AAArC,CAAF,KAAoD;AAC1E;AACA,MAAKC,KAAK,CAACC,OAAN,CAAeN,KAAf,CAAL,EAA8B;AAC7B,6BAAY,qDAAZ,EAAmE;AAClEO,MAAAA,KAAK,EAAE,KAD2D;AAElEC,MAAAA,OAAO,EAAE,KAFyD;AAGlEC,MAAAA,WAAW,EAAE,sBAHqD;AAIlEC,MAAAA,IAAI,EAAE;AAJ4D,KAAnE;AAOAV,IAAAA,KAAK,GAAGW,iBAAeC,MAAf,CAAuBZ,KAAvB,CAAR;AACA;;AAED,QAAMa,YAAY,GAAG,4BAAiBV,SAAjB,CAArB;;AAEA,MAAK,CAAEH,KAAF,IAAWa,YAAhB,EAA+B;AAC9Bb,IAAAA,KAAK,GAAI,IAAIa,YAAc,MAAMA,YAAc,GAA/C;AACA;;AAED,QAAMC,OAAO,GAAG,4BAAC,gBAAD,QAAWd,KAAX,CAAhB;;AAEA,MAAKE,GAAL,EAAW;AACV,UAAM;AAAEa,MAAAA,MAAF;AAAU,SAAGC;AAAb,QAA2BZ,KAAjC;AACA,WAAO,4BAAC,GAAD,OAAUY;AAAV,OAAwBF,OAAxB,CAAP;AACA;;AAED,SAAOA,OAAP;AACA,CA3BM;;;AA6BPf,OAAO,CAACkB,2BAAR,GAAsC,EAAtC;;AAEA,SAASC,WAAT,CAAsBC,MAAtB,EAA8BC,cAAc,GAAG,EAA/C,EAAoD;AACnD,MAAK,CAAEf,KAAK,CAACC,OAAN,CAAea,MAAf,CAAP,EAAiC;AAChCA,IAAAA,MAAM,GAAG,CAAEA,MAAF,CAAT;AACA;;AAED,OAAM,MAAME,KAAZ,IAAqBF,MAArB,EAA8B;AAC7B,QACCE,KAAK,EAAEC,IAAP,EAAaL,2BAAb,KACAlB,OAAO,CAACkB,2BAFT,EAGE;AACDG,MAAAA,cAAc,CAACG,IAAf,CAAqBF,KAAK,CAACjB,KAAN,CAAYJ,KAAjC;AACA;AACA;;AAED,QAAKqB,KAAK,EAAEjB,KAAP,EAAcoB,QAAnB,EAA8B;AAC7BN,MAAAA,WAAW,CAAEG,KAAK,CAACjB,KAAN,CAAYoB,QAAd,EAAwBJ,cAAxB,CAAX;AACA;AACD;;AAED,SAAOA,cAAP;AACA;;AAED,SAASK,eAAT,CAA0B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,UAAR;AAAoBC,EAAAA;AAApB,CAA1B,EAA8D;AAC7D,SAAO,4BACNF,IADM,EAENC,UAFM,EAGNC,WAAW,CAACC,GAAZ,CAAiBJ,eAAjB,CAHM,CAAP;AAKA;;AAEM,SAASK,iBAAT,CAA4BX,MAAM,GAAG,EAArC,EAA0C;AAChDY,kCAAcC,WAAd,GAA4B,IAA5B;AACA,QAAMC,MAAM,GAAGf,WAAW,CACzB,CAAEb,KAAK,CAACC,OAAN,CAAea,MAAf,IAA0BA,MAA1B,GAAmC,CAAEA,MAAF,CAArC,EAAkDU,GAAlD,CAAuDJ,eAAvD,CADyB,CAA1B;AAGAM,kCAAcC,WAAd,GAA4B,KAA5B;AACA,SAAOC,MAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\nimport {\n\tchildren as childrenSource,\n\tgetSaveElement,\n\t__unstableGetBlockProps as getBlockProps,\n} from '@wordpress/blocks';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { getMultilineTag } from './utils';\n\nexport const Content = ( { value, tagName: Tag, multiline, ...props } ) => {\n\t// Handle deprecated `children` and `node` sources.\n\tif ( Array.isArray( value ) ) {\n\t\tdeprecated( 'wp.blockEditor.RichText value prop as children type', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: 'value prop as string',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/',\n\t\t} );\n\n\t\tvalue = childrenSource.toHTML( value );\n\t}\n\n\tconst MultilineTag = getMultilineTag( multiline );\n\n\tif ( ! value && MultilineTag ) {\n\t\tvalue = `<${ MultilineTag }></${ MultilineTag }>`;\n\t}\n\n\tconst content = <RawHTML>{ value }</RawHTML>;\n\n\tif ( Tag ) {\n\t\tconst { format, ...restProps } = props;\n\t\treturn <Tag { ...restProps }>{ content }</Tag>;\n\t}\n\n\treturn content;\n};\n\nContent.__unstableIsRichTextContent = {};\n\nfunction findContent( blocks, richTextValues = [] ) {\n\tif ( ! Array.isArray( blocks ) ) {\n\t\tblocks = [ blocks ];\n\t}\n\n\tfor ( const block of blocks ) {\n\t\tif (\n\t\t\tblock?.type?.__unstableIsRichTextContent ===\n\t\t\tContent.__unstableIsRichTextContent\n\t\t) {\n\t\t\trichTextValues.push( block.props.value );\n\t\t\tcontinue;\n\t\t}\n\n\t\tif ( block?.props?.children ) {\n\t\t\tfindContent( block.props.children, richTextValues );\n\t\t}\n\t}\n\n\treturn richTextValues;\n}\n\nfunction _getSaveElement( { name, attributes, innerBlocks } ) {\n\treturn getSaveElement(\n\t\tname,\n\t\tattributes,\n\t\tinnerBlocks.map( _getSaveElement )\n\t);\n}\n\nexport function getRichTextValues( blocks = [] ) {\n\tgetBlockProps.skipFilters = true;\n\tconst values = findContent(\n\t\t( Array.isArray( blocks ) ? blocks : [ blocks ] ).map( _getSaveElement )\n\t);\n\tgetBlockProps.skipFilters = false;\n\treturn values;\n}\n"]}

package/build/components/rich-text/format-toolbar/index.js

@@ -31,8 +31,7 @@ var _sorting = require("../../../utils/sorting");
  * Internal dependencies
  */
 const POPOVER_PROPS = {
-  position: 'bottom right',
-  variant: 'toolbar'
+  placement: 'bottom-start'
 };
 
 const FormatToolbar = () => {

package/build/components/rich-text/format-toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/format-toolbar/index.js"],"names":["POPOVER_PROPS","position","variant","FormatToolbar","map","format","fills","length","allProps","props","hasActive","some","isActive","toggleProps","chevronDown","className","describedBy"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG;AACrBC,EAAAA,QAAQ,EAAE,cADW;AAErBC,EAAAA,OAAO,EAAE;AAFY,CAAtB;;AAKA,MAAMC,aAAa,GAAG,MAAM;AAC3B,SACC,qDACG,CAAE,MAAF,EAAU,QAAV,EAAoB,MAApB,EAA4B,SAA5B,EAAwCC,GAAxC,CAA+CC,MAAF,IAC9C,4BAAC,gBAAD;AACC,IAAA,IAAI,EAAI,4BAA4BA,MAAQ,EAD7C;AAEC,IAAA,GAAG,EAAGA;AAFP,IADC,CADH,EAOC,4BAAC,gBAAD;AAAM,IAAA,IAAI,EAAC;AAAX,KACKC,KAAF,IAAa;AACd,QAAK,CAAEA,KAAK,CAACC,MAAb,EAAsB;AACrB,aAAO,IAAP;AACA;;AAED,UAAMC,QAAQ,GAAGF,KAAK,CAACF,GAAN,CAAW,CAAE,CAAE;AAAEK,MAAAA;AAAF,KAAF,CAAF,KAAqBA,KAAhC,CAAjB;AACA,UAAMC,SAAS,GAAGF,QAAQ,CAACG,IAAT,CACjB,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAoBA,QADH,CAAlB;AAIA,WACC,4BAAC,uBAAD,QACKC,WAAF,IACD,4BAAC,wBAAD;AACC,MAAA,IAAI,EAAGC;AACP;AAFD;AAGC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAHT;AAIC,MAAA,WAAW,EAAG,EACb,GAAGD,WADU;AAEbE,QAAAA,SAAS,EAAE,yBACVF,WAAW,CAACE,SADF,EAEV;AAAE,wBAAcL;AAAhB,SAFU,CAFE;AAMbM,QAAAA,WAAW,EAAE,cACZ,2BADY;AANA,OAJf;AAcC,MAAA,QAAQ,EAAG,sBACVV,KAAK,CAACF,GAAN,CAAW,CAAE,CAAE;AAAEK,QAAAA;AAAF,OAAF,CAAF,KAAqBA,KAAhC,CADU,EAEV,OAFU,CAdZ;AAkBC,MAAA,YAAY,EAAGT;AAlBhB,MAFF,CADD;AA0BA,GArCF,CAPD,CADD;AAiDA,CAlDD;;eAoDeG,a","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarItem, DropdownMenu, Slot } from '@wordpress/components';\nimport { chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { orderBy } from '../../../utils/sorting';\n\nconst POPOVER_PROPS = {\n\tposition: 'bottom right',\n\tvariant: 'toolbar',\n};\n\nconst FormatToolbar = () => {\n\treturn (\n\t\t<>\n\t\t\t{ [ 'bold', 'italic', 'link', 'unknown' ].map( ( format ) => (\n\t\t\t\t<Slot\n\t\t\t\t\tname={ `RichText.ToolbarControls.${ format }` }\n\t\t\t\t\tkey={ format }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t<Slot name=\"RichText.ToolbarControls\">\n\t\t\t\t{ ( fills ) => {\n\t\t\t\t\tif ( ! fills.length ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst allProps = fills.map( ( [ { props } ] ) => props );\n\t\t\t\t\tconst hasActive = allProps.some(\n\t\t\t\t\t\t( { isActive } ) => isActive\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t\t\t\t\ttoggleProps.className,\n\t\t\t\t\t\t\t\t\t\t\t{ 'is-pressed': hasActive }\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tdescribedBy: __(\n\t\t\t\t\t\t\t\t\t\t\t'Displays more block tools'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tcontrols={ orderBy(\n\t\t\t\t\t\t\t\t\t\tfills.map( ( [ { props } ] ) => props ),\n\t\t\t\t\t\t\t\t\t\t'title'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Slot>\n\t\t</>\n\t);\n};\n\nexport default FormatToolbar;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/format-toolbar/index.js"],"names":["POPOVER_PROPS","placement","FormatToolbar","map","format","fills","length","allProps","props","hasActive","some","isActive","toggleProps","chevronDown","className","describedBy"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG;AACrBC,EAAAA,SAAS,EAAE;AADU,CAAtB;;AAIA,MAAMC,aAAa,GAAG,MAAM;AAC3B,SACC,qDACG,CAAE,MAAF,EAAU,QAAV,EAAoB,MAApB,EAA4B,SAA5B,EAAwCC,GAAxC,CAA+CC,MAAF,IAC9C,4BAAC,gBAAD;AACC,IAAA,IAAI,EAAI,4BAA4BA,MAAQ,EAD7C;AAEC,IAAA,GAAG,EAAGA;AAFP,IADC,CADH,EAOC,4BAAC,gBAAD;AAAM,IAAA,IAAI,EAAC;AAAX,KACKC,KAAF,IAAa;AACd,QAAK,CAAEA,KAAK,CAACC,MAAb,EAAsB;AACrB,aAAO,IAAP;AACA;;AAED,UAAMC,QAAQ,GAAGF,KAAK,CAACF,GAAN,CAAW,CAAE,CAAE;AAAEK,MAAAA;AAAF,KAAF,CAAF,KAAqBA,KAAhC,CAAjB;AACA,UAAMC,SAAS,GAAGF,QAAQ,CAACG,IAAT,CACjB,CAAE;AAAEC,MAAAA;AAAF,KAAF,KAAoBA,QADH,CAAlB;AAIA,WACC,4BAAC,uBAAD,QACKC,WAAF,IACD,4BAAC,wBAAD;AACC,MAAA,IAAI,EAAGC;AACP;AAFD;AAGC,MAAA,KAAK,EAAG,cAAI,MAAJ,CAHT;AAIC,MAAA,WAAW,EAAG,EACb,GAAGD,WADU;AAEbE,QAAAA,SAAS,EAAE,yBACVF,WAAW,CAACE,SADF,EAEV;AAAE,wBAAcL;AAAhB,SAFU,CAFE;AAMbM,QAAAA,WAAW,EAAE,cACZ,2BADY;AANA,OAJf;AAcC,MAAA,QAAQ,EAAG,sBACVV,KAAK,CAACF,GAAN,CAAW,CAAE,CAAE;AAAEK,QAAAA;AAAF,OAAF,CAAF,KAAqBA,KAAhC,CADU,EAEV,OAFU,CAdZ;AAkBC,MAAA,YAAY,EAAGR;AAlBhB,MAFF,CADD;AA0BA,GArCF,CAPD,CADD;AAiDA,CAlDD;;eAoDeE,a","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarItem, DropdownMenu, Slot } from '@wordpress/components';\nimport { chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { orderBy } from '../../../utils/sorting';\n\nconst POPOVER_PROPS = {\n\tplacement: 'bottom-start',\n};\n\nconst FormatToolbar = () => {\n\treturn (\n\t\t<>\n\t\t\t{ [ 'bold', 'italic', 'link', 'unknown' ].map( ( format ) => (\n\t\t\t\t<Slot\n\t\t\t\t\tname={ `RichText.ToolbarControls.${ format }` }\n\t\t\t\t\tkey={ format }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t\t<Slot name=\"RichText.ToolbarControls\">\n\t\t\t\t{ ( fills ) => {\n\t\t\t\t\tif ( ! fills.length ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst allProps = fills.map( ( [ { props } ] ) => props );\n\t\t\t\t\tconst hasActive = allProps.some(\n\t\t\t\t\t\t( { isActive } ) => isActive\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ToolbarItem>\n\t\t\t\t\t\t\t{ ( toggleProps ) => (\n\t\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\t\t...toggleProps,\n\t\t\t\t\t\t\t\t\t\tclassName: classnames(\n\t\t\t\t\t\t\t\t\t\t\ttoggleProps.className,\n\t\t\t\t\t\t\t\t\t\t\t{ 'is-pressed': hasActive }\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\tdescribedBy: __(\n\t\t\t\t\t\t\t\t\t\t\t'Displays more block tools'\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tcontrols={ orderBy(\n\t\t\t\t\t\t\t\t\t\tfills.map( ( [ { props } ] ) => props ),\n\t\t\t\t\t\t\t\t\t\t'title'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</ToolbarItem>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t</Slot>\n\t\t</>\n\t);\n};\n\nexport default FormatToolbar;\n"]}

package/build/components/rich-text/index.js

@@ -27,8 +27,6 @@ exports.keyboardShortcutContext = exports.inputEventContext = exports.default =
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _data = require("@wordpress/data");
@@ -81,6 +79,8 @@ var _formatEdit = _interopRequireDefault(require("./format-edit"));
 
 var _utils = require("./utils");
 
+var _content = require("./content");
+
 var _shortcut = require("./shortcut");
 
 var _toolbarButton = require("./toolbar-button");
@@ -374,11 +374,12 @@ function RichTextWrapper({
     editableContentElement: anchorRef.current,
     value: value
   }), (0, _element.createElement)(TagName // Overridable props.
-  , (0, _extends2.default)({
+  , {
     role: "textbox",
     "aria-multiline": !disableLineBreaks,
-    "aria-label": placeholder
-  }, props, autocompleteProps, {
+    "aria-label": placeholder,
+    ...props,
+    ...autocompleteProps,
     ref: (0, _compose.useMergeRefs)([forwardedRef, autocompleteProps.ref, props.ref, richTextRef, (0, _useBeforeInputRules.useBeforeInputRules)({
       value,
       onChange
@@ -424,46 +425,11 @@ function RichTextWrapper({
     contentEditable: true,
     suppressContentEditableWarning: true,
     className: (0, _classnames.default)('block-editor-rich-text__editable', props.className, 'rich-text')
-  })));
+  }));
 }
 
 const ForwardedRichTextContainer = (0, _element.forwardRef)(RichTextWrapper);
-
-ForwardedRichTextContainer.Content = ({
-  value,
-  tagName: Tag,
-  multiline,
-  ...props
-}) => {
-  // Handle deprecated `children` and `node` sources.
-  if (Array.isArray(value)) {
-    (0, _deprecated.default)('wp.blockEditor.RichText value prop as children type', {
-      since: '6.1',
-      version: '6.3',
-      alternative: 'value prop as string',
-      link: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/introducing-attributes-and-editable-fields/'
-    });
-    value = _blocks.children.toHTML(value);
-  }
-
-  const MultilineTag = (0, _utils.getMultilineTag)(multiline);
-
-  if (!value && MultilineTag) {
-    value = `<${MultilineTag}></${MultilineTag}>`;
-  }
-
-  const content = (0, _element.createElement)(_element.RawHTML, null, value);
-
-  if (Tag) {
-    const {
-      format,
-      ...restProps
-    } = props;
-    return (0, _element.createElement)(Tag, restProps, content);
-  }
-
-  return content;
-};
+ForwardedRichTextContainer.Content = _content.Content;
 
 ForwardedRichTextContainer.isEmpty = value => {
   return !value || value.length === 0;