@wordpress/block-library 8.19.6 → 8.20.1

package/build/avatar/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Edit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
@@ -30,9 +30,9 @@ const AvatarInspectorControls = ({
   avatar,
   attributes,
   selectUser
-}) => (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+}) => (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
   title: (0, _i18n.__)('Settings')
-}, (0, _element.createElement)(_components.RangeControl, {
+}, (0, _react.createElement)(_components.RangeControl, {
   __nextHasNoMarginBottom: true,
   __next40pxDefaultSize: true,
   label: (0, _i18n.__)('Image size'),
@@ -43,20 +43,20 @@ const AvatarInspectorControls = ({
   max: avatar.maxSize,
   initialPosition: attributes?.size,
   value: attributes?.size
-}), (0, _element.createElement)(_components.ToggleControl, {
+}), (0, _react.createElement)(_components.ToggleControl, {
   __nextHasNoMarginBottom: true,
   label: (0, _i18n.__)('Link to user profile'),
   onChange: () => setAttributes({
     isLink: !attributes.isLink
   }),
   checked: attributes.isLink
-}), attributes.isLink && (0, _element.createElement)(_components.ToggleControl, {
+}), attributes.isLink && (0, _react.createElement)(_components.ToggleControl, {
   label: (0, _i18n.__)('Open in new tab'),
   onChange: value => setAttributes({
     linkTarget: value ? '_blank' : '_self'
   }),
   checked: attributes.linkTarget === '_blank'
-}), selectUser && (0, _element.createElement)(_userControl.default, {
+}), selectUser && (0, _react.createElement)(_userControl.default, {
   value: attributes?.userId,
   onChange: value => {
     setAttributes({
@@ -75,9 +75,9 @@ const ResizableAvatar = ({
   const doubledSizedSrc = (0, _url.addQueryArgs)((0, _url.removeQueryArgs)(avatar?.src, ['s']), {
     s: attributes?.size * 2
   });
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)(_components.ResizableBox, {
+  }, (0, _react.createElement)(_components.ResizableBox, {
     size: {
       width: attributes.size,
       height: attributes.size
@@ -97,7 +97,7 @@ const ResizableAvatar = ({
     },
     minWidth: avatar.minSize,
     maxWidth: avatar.maxSize
-  }, (0, _element.createElement)("img", {
+  }, (0, _react.createElement)("img", {
     src: doubledSizedSrc,
     alt: avatar.alt,
     className: (0, _classnames.default)('avatar', 'avatar-' + attributes.size, 'photo', 'wp-block-avatar__image', borderProps.className),
@@ -117,22 +117,22 @@ const CommentEdit = ({
   const avatar = (0, _hooks.useCommentAvatar)({
     commentId
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(AvatarInspectorControls, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(AvatarInspectorControls, {
     avatar: avatar,
     setAttributes: setAttributes,
     attributes: attributes,
     selectUser: false
-  }), attributes.isLink ? (0, _element.createElement)("a", {
+  }), attributes.isLink ? (0, _react.createElement)("a", {
     href: "#avatar-pseudo-link",
     className: "wp-block-avatar__link",
     onClick: event => event.preventDefault()
-  }, (0, _element.createElement)(ResizableAvatar, {
+  }, (0, _react.createElement)(ResizableAvatar, {
     attributes: attributes,
     avatar: avatar,
     blockProps: blockProps,
     isSelected: isSelected,
     setAttributes: setAttributes
-  })) : (0, _element.createElement)(ResizableAvatar, {
+  })) : (0, _react.createElement)(ResizableAvatar, {
     attributes: attributes,
     avatar: avatar,
     blockProps: blockProps,
@@ -156,22 +156,22 @@ const UserEdit = ({
     postType
   });
   const blockProps = (0, _blockEditor.useBlockProps)();
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(AvatarInspectorControls, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(AvatarInspectorControls, {
     selectUser: true,
     attributes: attributes,
     avatar: avatar,
     setAttributes: setAttributes
-  }), (0, _element.createElement)("div", null, attributes.isLink ? (0, _element.createElement)("a", {
+  }), (0, _react.createElement)("div", null, attributes.isLink ? (0, _react.createElement)("a", {
     href: "#avatar-pseudo-link",
     className: "wp-block-avatar__link",
     onClick: event => event.preventDefault()
-  }, (0, _element.createElement)(ResizableAvatar, {
+  }, (0, _react.createElement)(ResizableAvatar, {
     attributes: attributes,
     avatar: avatar,
     blockProps: blockProps,
     isSelected: isSelected,
     setAttributes: setAttributes
-  })) : (0, _element.createElement)(ResizableAvatar, {
+  })) : (0, _react.createElement)(ResizableAvatar, {
     attributes: attributes,
     avatar: avatar,
     blockProps: blockProps,
@@ -182,11 +182,11 @@ const UserEdit = ({
 function Edit(props) {
   // Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).
   if (props?.context?.commentId || props?.context?.commentId === null) {
-    return (0, _element.createElement)(CommentEdit, {
+    return (0, _react.createElement)(CommentEdit, {
       ...props
     });
   }
-  return (0, _element.createElement)(UserEdit, {
+  return (0, _react.createElement)(UserEdit, {
     ...props
   });
 }

package/build/avatar/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_i18n","_url","_hooks","_userControl","AvatarInspectorControls","setAttributes","avatar","attributes","selectUser","_element","createElement","InspectorControls","PanelBody","title","__","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","onChange","newSize","size","min","minSize","max","maxSize","initialPosition","value","ToggleControl","isLink","checked","linkTarget","default","userId","ResizableAvatar","blockProps","isSelected","borderProps","useBorderProps","doubledSizedSrc","addQueryArgs","removeQueryArgs","src","s","ResizableBox","width","height","showHandle","onResizeStop","event","direction","elt","delta","parseInt","lockAspectRatio","enable","top","right","isRTL","bottom","left","minWidth","maxWidth","alt","className","classnames","style","CommentEdit","context","commentId","useBlockProps","useCommentAvatar","Fragment","href","onClick","preventDefault","UserEdit","postId","postType","useUserAvatar","Edit","props"],"sources":["@wordpress/block-library/src/avatar/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tResizableBox,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { useUserAvatar, useCommentAvatar } from './hooks';\nimport UserControl from './user-control';\n\nconst AvatarInspectorControls = ( {\n\tsetAttributes,\n\tavatar,\n\tattributes,\n\tselectUser,\n} ) => (\n\t<InspectorControls>\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<RangeControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Image size' ) }\n\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: newSize,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tmin={ avatar.minSize }\n\t\t\t\tmax={ avatar.maxSize }\n\t\t\t\tinitialPosition={ attributes?.size }\n\t\t\t\tvalue={ attributes?.size }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Link to user profile' ) }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( { isLink: ! attributes.isLink } )\n\t\t\t\t}\n\t\t\t\tchecked={ attributes.isLink }\n\t\t\t/>\n\t\t\t{ attributes.isLink && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ attributes.linkTarget === '_blank' }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ selectUser && (\n\t\t\t\t<UserControl\n\t\t\t\t\tvalue={ attributes?.userId }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tuserId: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t</InspectorControls>\n);\n\nconst ResizableAvatar = ( {\n\tsetAttributes,\n\tattributes,\n\tavatar,\n\tblockProps,\n\tisSelected,\n} ) => {\n\tconst borderProps = useBorderProps( attributes );\n\tconst doubledSizedSrc = addQueryArgs(\n\t\tremoveQueryArgs( avatar?.src, [ 's' ] ),\n\t\t{\n\t\t\ts: attributes?.size * 2,\n\t\t}\n\t);\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: attributes.size,\n\t\t\t\t\theight: attributes.size,\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: parseInt(\n\t\t\t\t\t\t\tattributes.size + ( delta.height || delta.width ),\n\t\t\t\t\t\t\t10\n\t\t\t\t\t\t),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tlockAspectRatio\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: ! isRTL(),\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: isRTL(),\n\t\t\t\t} }\n\t\t\t\tminWidth={ avatar.minSize }\n\t\t\t\tmaxWidth={ avatar.maxSize }\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc={ doubledSizedSrc }\n\t\t\t\t\talt={ avatar.alt }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'avatar',\n\t\t\t\t\t\t'avatar-' + attributes.size,\n\t\t\t\t\t\t'photo',\n\t\t\t\t\t\t'wp-block-avatar__image',\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ borderProps.style }\n\t\t\t\t/>\n\t\t\t</ResizableBox>\n\t\t</div>\n\t);\n};\nconst CommentEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { commentId } = context;\n\tconst blockProps = useBlockProps();\n\tconst avatar = useCommentAvatar( { commentId } );\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tselectUser={ false }\n\t\t\t/>\n\t\t\t{ attributes.isLink ? (\n\t\t\t\t<a\n\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<ResizableAvatar\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nconst UserEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { postId, postType } = context;\n\tconst avatar = useUserAvatar( {\n\t\tuserId: attributes?.userId,\n\t\tpostId,\n\t\tpostType,\n\t} );\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tselectUser={ true }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\t\t\t<div>\n\t\t\t\t{ attributes.isLink ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default function Edit( props ) {\n\t// Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).\n\tif ( props?.context?.commentId || props?.context?.commentId === null ) {\n\t\treturn <CommentEdit { ...props } />;\n\t}\n\treturn <UserEdit { ...props } />;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_i18n","_url","_hooks","_userControl","AvatarInspectorControls","setAttributes","avatar","attributes","selectUser","_react","createElement","InspectorControls","PanelBody","title","__","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","label","onChange","newSize","size","min","minSize","max","maxSize","initialPosition","value","ToggleControl","isLink","checked","linkTarget","default","userId","ResizableAvatar","blockProps","isSelected","borderProps","useBorderProps","doubledSizedSrc","addQueryArgs","removeQueryArgs","src","s","ResizableBox","width","height","showHandle","onResizeStop","event","direction","elt","delta","parseInt","lockAspectRatio","enable","top","right","isRTL","bottom","left","minWidth","maxWidth","alt","className","classnames","style","CommentEdit","context","commentId","useBlockProps","useCommentAvatar","Fragment","href","onClick","preventDefault","UserEdit","postId","postType","useUserAvatar","Edit","props"],"sources":["@wordpress/block-library/src/avatar/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tResizableBox,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { useUserAvatar, useCommentAvatar } from './hooks';\nimport UserControl from './user-control';\n\nconst AvatarInspectorControls = ( {\n\tsetAttributes,\n\tavatar,\n\tattributes,\n\tselectUser,\n} ) => (\n\t<InspectorControls>\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<RangeControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Image size' ) }\n\t\t\t\tonChange={ ( newSize ) =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: newSize,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tmin={ avatar.minSize }\n\t\t\t\tmax={ avatar.maxSize }\n\t\t\t\tinitialPosition={ attributes?.size }\n\t\t\t\tvalue={ attributes?.size }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Link to user profile' ) }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( { isLink: ! attributes.isLink } )\n\t\t\t\t}\n\t\t\t\tchecked={ attributes.isLink }\n\t\t\t/>\n\t\t\t{ attributes.isLink && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ attributes.linkTarget === '_blank' }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ selectUser && (\n\t\t\t\t<UserControl\n\t\t\t\t\tvalue={ attributes?.userId }\n\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tuserId: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t</InspectorControls>\n);\n\nconst ResizableAvatar = ( {\n\tsetAttributes,\n\tattributes,\n\tavatar,\n\tblockProps,\n\tisSelected,\n} ) => {\n\tconst borderProps = useBorderProps( attributes );\n\tconst doubledSizedSrc = addQueryArgs(\n\t\tremoveQueryArgs( avatar?.src, [ 's' ] ),\n\t\t{\n\t\t\ts: attributes?.size * 2,\n\t\t}\n\t);\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<ResizableBox\n\t\t\t\tsize={ {\n\t\t\t\t\twidth: attributes.size,\n\t\t\t\t\theight: attributes.size,\n\t\t\t\t} }\n\t\t\t\tshowHandle={ isSelected }\n\t\t\t\tonResizeStop={ ( event, direction, elt, delta ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tsize: parseInt(\n\t\t\t\t\t\t\tattributes.size + ( delta.height || delta.width ),\n\t\t\t\t\t\t\t10\n\t\t\t\t\t\t),\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tlockAspectRatio\n\t\t\t\tenable={ {\n\t\t\t\t\ttop: false,\n\t\t\t\t\tright: ! isRTL(),\n\t\t\t\t\tbottom: true,\n\t\t\t\t\tleft: isRTL(),\n\t\t\t\t} }\n\t\t\t\tminWidth={ avatar.minSize }\n\t\t\t\tmaxWidth={ avatar.maxSize }\n\t\t\t>\n\t\t\t\t<img\n\t\t\t\t\tsrc={ doubledSizedSrc }\n\t\t\t\t\talt={ avatar.alt }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'avatar',\n\t\t\t\t\t\t'avatar-' + attributes.size,\n\t\t\t\t\t\t'photo',\n\t\t\t\t\t\t'wp-block-avatar__image',\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ borderProps.style }\n\t\t\t\t/>\n\t\t\t</ResizableBox>\n\t\t</div>\n\t);\n};\nconst CommentEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { commentId } = context;\n\tconst blockProps = useBlockProps();\n\tconst avatar = useCommentAvatar( { commentId } );\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tselectUser={ false }\n\t\t\t/>\n\t\t\t{ attributes.isLink ? (\n\t\t\t\t<a\n\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<ResizableAvatar\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nconst UserEdit = ( { attributes, context, setAttributes, isSelected } ) => {\n\tconst { postId, postType } = context;\n\tconst avatar = useUserAvatar( {\n\t\tuserId: attributes?.userId,\n\t\tpostId,\n\t\tpostType,\n\t} );\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<>\n\t\t\t<AvatarInspectorControls\n\t\t\t\tselectUser={ true }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tavatar={ avatar }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\t\t\t<div>\n\t\t\t\t{ attributes.isLink ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"#avatar-pseudo-link\"\n\t\t\t\t\t\tclassName=\"wp-block-avatar__link\"\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<ResizableAvatar\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tavatar={ avatar }\n\t\t\t\t\t\tblockProps={ blockProps }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default function Edit( props ) {\n\t// Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).\n\tif ( props?.context?.commentId || props?.context?.commentId === null ) {\n\t\treturn <CommentEdit { ...props } />;\n\t}\n\treturn <UserEdit { ...props } />;\n}\n"],"mappings":"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"}

package/build/avatar/user-control.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 /**
  * WordPress dependencies
  */
@@ -39,7 +40,7 @@ function UserControl({
       value: author.id
     };
   });
-  return (0, _element.createElement)(_components.ComboboxControl, {
+  return (0, _react.createElement)(_components.ComboboxControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('User'),
     help: (0, _i18n.__)('Select the avatar user to display, if it is blank it will use the post/page author.'),

package/build/avatar/user-control.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_data","_coreData","AUTHORS_QUERY","who","per_page","_fields","context","UserControl","value","onChange","filteredAuthorsList","setFilteredAuthorsList","useState","authorsList","useSelect","select","getUsers","coreStore","options","map","author","label","name","id","createElement","ComboboxControl","__nextHasNoMarginBottom","__","help","onFilterValueChange","inputValue","filter","option","toLowerCase","startsWith","_default","exports","default"],"sources":["@wordpress/block-library/src/avatar/user-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ComboboxControl } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\n\nconst AUTHORS_QUERY = {\n\twho: 'authors',\n\tper_page: -1,\n\t_fields: 'id,name',\n\tcontext: 'view',\n};\n\nfunction UserControl( { value, onChange } ) {\n\tconst [ filteredAuthorsList, setFilteredAuthorsList ] = useState();\n\tconst authorsList = useSelect( ( select ) => {\n\t\tconst { getUsers } = select( coreStore );\n\t\treturn getUsers( AUTHORS_QUERY );\n\t}, [] );\n\tif ( ! authorsList ) {\n\t\treturn null;\n\t}\n\n\tconst options = authorsList.map( ( author ) => {\n\t\treturn {\n\t\t\tlabel: author.name,\n\t\t\tvalue: author.id,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<ComboboxControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'User' ) }\n\t\t\thelp={ __(\n\t\t\t\t'Select the avatar user to display, if it is blank it will use the post/page author.'\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\toptions={ filteredAuthorsList || options }\n\t\t\tonFilterValueChange={ ( inputValue ) =>\n\t\t\t\tsetFilteredAuthorsList(\n\t\t\t\t\toptions.filter( ( option ) =>\n\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t\t.startsWith( inputValue.toLowerCase() )\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t}\n\t\t/>\n\t);\n}\n\nexport default UserControl;\n"],"mappings":";;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AAJA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AANA;AACA;AACA;;AAOA,MAAMK,aAAa,GAAG;EACrBC,GAAG,EAAE,SAAS;EACdC,QAAQ,EAAE,CAAC,CAAC;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACV,CAAC;AAED,SAASC,WAAWA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3C,MAAM,CAAEC,mBAAmB,EAAEC,sBAAsB,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAClE,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IACxC,OAAOD,QAAQ,CAAEd,aAAc,CAAC;EACjC,CAAC,EAAE,EAAG,CAAC;EACP,IAAK,CAAEW,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,MAAMK,OAAO,GAAGL,WAAW,CAACM,GAAG,CAAIC,MAAM,IAAM;IAC9C,OAAO;MACNC,KAAK,EAAED,MAAM,CAACE,IAAI;MAClBd,KAAK,EAAEY,MAAM,CAACG;IACf,CAAC;EACF,CAAE,CAAC;EAEH,OACC,IAAA3B,QAAA,CAAA4B,aAAA,EAACzB,WAAA,CAAA0B,eAAe;IACfC,uBAAuB;IACvBL,KAAK,EAAG,IAAAM,QAAE,EAAE,MAAO,CAAG;IACtBC,IAAI,EAAG,IAAAD,QAAE,EACR,qFACD,CAAG;IACHnB,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBS,OAAO,EAAGR,mBAAmB,IAAIQ,OAAS;IAC1CW,mBAAmB,EAAKC,UAAU,IACjCnB,sBAAsB,CACrBO,OAAO,CAACa,MAAM,CAAIC,MAAM,IACvBA,MAAM,CAACX,KAAK,CACVY,WAAW,CAAC,CAAC,CACbC,UAAU,CAAEJ,UAAU,CAACG,WAAW,CAAC,CAAE,CACxC,CACD;EACA,CACD,CAAC;AAEJ;AAAC,IAAAE,QAAA,GAEc5B,WAAW;AAAA6B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_i18n","require","_components","_data","_coreData","_element","AUTHORS_QUERY","who","per_page","_fields","context","UserControl","value","onChange","filteredAuthorsList","setFilteredAuthorsList","useState","authorsList","useSelect","select","getUsers","coreStore","options","map","author","label","name","id","_react","createElement","ComboboxControl","__nextHasNoMarginBottom","__","help","onFilterValueChange","inputValue","filter","option","toLowerCase","startsWith","_default","exports","default"],"sources":["@wordpress/block-library/src/avatar/user-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ComboboxControl } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\n\nconst AUTHORS_QUERY = {\n\twho: 'authors',\n\tper_page: -1,\n\t_fields: 'id,name',\n\tcontext: 'view',\n};\n\nfunction UserControl( { value, onChange } ) {\n\tconst [ filteredAuthorsList, setFilteredAuthorsList ] = useState();\n\tconst authorsList = useSelect( ( select ) => {\n\t\tconst { getUsers } = select( coreStore );\n\t\treturn getUsers( AUTHORS_QUERY );\n\t}, [] );\n\tif ( ! authorsList ) {\n\t\treturn null;\n\t}\n\n\tconst options = authorsList.map( ( author ) => {\n\t\treturn {\n\t\t\tlabel: author.name,\n\t\t\tvalue: author.id,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<ComboboxControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'User' ) }\n\t\t\thelp={ __(\n\t\t\t\t'Select the avatar user to display, if it is blank it will use the post/page author.'\n\t\t\t) }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\toptions={ filteredAuthorsList || options }\n\t\t\tonFilterValueChange={ ( inputValue ) =>\n\t\t\t\tsetFilteredAuthorsList(\n\t\t\t\t\toptions.filter( ( option ) =>\n\t\t\t\t\t\toption.label\n\t\t\t\t\t\t\t.toLowerCase()\n\t\t\t\t\t\t\t.startsWith( inputValue.toLowerCase() )\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t}\n\t\t/>\n\t);\n}\n\nexport default UserControl;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAPA;AACA;AACA;;AAOA,MAAMK,aAAa,GAAG;EACrBC,GAAG,EAAE,SAAS;EACdC,QAAQ,EAAE,CAAC,CAAC;EACZC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACV,CAAC;AAED,SAASC,WAAWA,CAAE;EAAEC,KAAK;EAAEC;AAAS,CAAC,EAAG;EAC3C,MAAM,CAAEC,mBAAmB,EAAEC,sBAAsB,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAClE,MAAMC,WAAW,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IACxC,OAAOD,QAAQ,CAAEd,aAAc,CAAC;EACjC,CAAC,EAAE,EAAG,CAAC;EACP,IAAK,CAAEW,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,MAAMK,OAAO,GAAGL,WAAW,CAACM,GAAG,CAAIC,MAAM,IAAM;IAC9C,OAAO;MACNC,KAAK,EAAED,MAAM,CAACE,IAAI;MAClBd,KAAK,EAAEY,MAAM,CAACG;IACf,CAAC;EACF,CAAE,CAAC;EAEH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA4B,eAAe;IACfC,uBAAuB;IACvBN,KAAK,EAAG,IAAAO,QAAE,EAAE,MAAO,CAAG;IACtBC,IAAI,EAAG,IAAAD,QAAE,EACR,qFACD,CAAG;IACHpB,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBS,OAAO,EAAGR,mBAAmB,IAAIQ,OAAS;IAC1CY,mBAAmB,EAAKC,UAAU,IACjCpB,sBAAsB,CACrBO,OAAO,CAACc,MAAM,CAAIC,MAAM,IACvBA,MAAM,CAACZ,KAAK,CACVa,WAAW,CAAC,CAAC,CACbC,UAAU,CAAEJ,UAAU,CAACG,WAAW,CAAC,CAAE,CACxC,CACD;EACA,CACD,CAAC;AAEJ;AAAC,IAAAE,QAAA,GAEc7B,WAAW;AAAA8B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/block/edit-title.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
@@ -32,26 +32,26 @@ function EditTitle({
   const titleStyle = getStylesFromColorScheme(_editor.default.title, _editor.default.titleDark);
   const infoIconStyle = getStylesFromColorScheme(_editor.default.infoIcon, _editor.default.infoIconDark);
   const separatorStyle = getStylesFromColorScheme(_editor.default.separator, _editor.default.separatorDark);
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _editor.default.titleContainer
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _editor.default.lockIconContainer
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     label: (0, _i18n.__)('Lock icon'),
     icon: _icons.lock,
     size: 16,
     style: lockIconStyle
-  })), (0, _element.createElement)(_reactNative.Text, {
+  })), (0, _react.createElement)(_reactNative.Text, {
     numberOfLines: 1,
     style: titleStyle
-  }, title), (0, _element.createElement)(_reactNative.View, {
+  }, title), (0, _react.createElement)(_reactNative.View, {
     style: _editor.default.helpIconContainer
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     label: (0, _i18n.__)('Help icon'),
     icon: _icons.help,
     size: 20,
     style: infoIconStyle
-  })), (0, _element.createElement)(_reactNative.View, {
+  })), (0, _react.createElement)(_reactNative.View, {
     style: separatorStyle
   }));
 }

package/build/block/edit-title.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_i18n","_compose","_icons","_editor","_interopRequireDefault","EditTitle","getStylesFromColorScheme","title","lockIconStyle","styles","lockIcon","lockIconDark","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","_element","createElement","View","style","titleContainer","lockIconContainer","Icon","label","__","icon","lock","size","Text","numberOfLines","helpIconContainer","help","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/block/edit-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { help, lock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction EditTitle( { getStylesFromColorScheme, title } ) {\n\tconst lockIconStyle = getStylesFromColorScheme(\n\t\tstyles.lockIcon,\n\t\tstyles.lockIconDark\n\t);\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\tconst infoIconStyle = getStylesFromColorScheme(\n\t\tstyles.infoIcon,\n\t\tstyles.infoIconDark\n\t);\n\tconst separatorStyle = getStylesFromColorScheme(\n\t\tstyles.separator,\n\t\tstyles.separatorDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.titleContainer }>\n\t\t\t<View style={ styles.lockIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Lock icon' ) }\n\t\t\t\t\ticon={ lock }\n\t\t\t\t\tsize={ 16 }\n\t\t\t\t\tstyle={ lockIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<Text numberOfLines={ 1 } style={ titleStyle }>\n\t\t\t\t{ title }\n\t\t\t</Text>\n\t\t\t<View style={ styles.helpIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tsize={ 20 }\n\t\t\t\t\tstyle={ infoIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<View style={ separatorStyle } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( EditTitle );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASO,SAASA,CAAE;EAAEC,wBAAwB;EAAEC;AAAM,CAAC,EAAG;EACzD,MAAMC,aAAa,GAAGF,wBAAwB,CAC7CG,eAAM,CAACC,QAAQ,EACfD,eAAM,CAACE,YACR,CAAC;EACD,MAAMC,UAAU,GAAGN,wBAAwB,CAC1CG,eAAM,CAACF,KAAK,EACZE,eAAM,CAACI,SACR,CAAC;EACD,MAAMC,aAAa,GAAGR,wBAAwB,CAC7CG,eAAM,CAACM,QAAQ,EACfN,eAAM,CAACO,YACR,CAAC;EACD,MAAMC,cAAc,GAAGX,wBAAwB,CAC9CG,eAAM,CAACS,SAAS,EAChBT,eAAM,CAACU,aACR,CAAC;EAED,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACe;EAAgB,GACpC,IAAAJ,QAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACgB;EAAmB,GACvC,IAAAL,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA2B,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGf;EAAe,CACvB,CACI,CAAC,EACP,IAAAY,QAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAmC,IAAI;IAACC,aAAa,EAAG,CAAG;IAACV,KAAK,EAAGX;EAAY,GAC3CL,KACG,CAAC,EACP,IAAAa,QAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACyB;EAAmB,GACvC,IAAAd,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA2B,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGM,WAAM;IACbJ,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGT;EAAe,CACvB,CACI,CAAC,EACP,IAAAM,QAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGN;EAAgB,CAAE,CAC3B,CAAC;AAET;AAAC,IAAAmB,QAAA,GAEc,IAAAC,iCAAwB,EAAEhC,SAAU,CAAC;AAAAiC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_reactNative","require","_components","_i18n","_compose","_icons","_editor","_interopRequireDefault","EditTitle","getStylesFromColorScheme","title","lockIconStyle","styles","lockIcon","lockIconDark","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","_react","createElement","View","style","titleContainer","lockIconContainer","Icon","label","__","icon","lock","size","Text","numberOfLines","helpIconContainer","help","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/block/edit-title.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { help, lock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction EditTitle( { getStylesFromColorScheme, title } ) {\n\tconst lockIconStyle = getStylesFromColorScheme(\n\t\tstyles.lockIcon,\n\t\tstyles.lockIconDark\n\t);\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\tconst infoIconStyle = getStylesFromColorScheme(\n\t\tstyles.infoIcon,\n\t\tstyles.infoIconDark\n\t);\n\tconst separatorStyle = getStylesFromColorScheme(\n\t\tstyles.separator,\n\t\tstyles.separatorDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.titleContainer }>\n\t\t\t<View style={ styles.lockIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Lock icon' ) }\n\t\t\t\t\ticon={ lock }\n\t\t\t\t\tsize={ 16 }\n\t\t\t\t\tstyle={ lockIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<Text numberOfLines={ 1 } style={ titleStyle }>\n\t\t\t\t{ title }\n\t\t\t</Text>\n\t\t\t<View style={ styles.helpIconContainer }>\n\t\t\t\t<Icon\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tsize={ 20 }\n\t\t\t\t\tstyle={ infoIconStyle }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t\t<View style={ separatorStyle } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( EditTitle );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,SAASO,SAASA,CAAE;EAAEC,wBAAwB;EAAEC;AAAM,CAAC,EAAG;EACzD,MAAMC,aAAa,GAAGF,wBAAwB,CAC7CG,eAAM,CAACC,QAAQ,EACfD,eAAM,CAACE,YACR,CAAC;EACD,MAAMC,UAAU,GAAGN,wBAAwB,CAC1CG,eAAM,CAACF,KAAK,EACZE,eAAM,CAACI,SACR,CAAC;EACD,MAAMC,aAAa,GAAGR,wBAAwB,CAC7CG,eAAM,CAACM,QAAQ,EACfN,eAAM,CAACO,YACR,CAAC;EACD,MAAMC,cAAc,GAAGX,wBAAwB,CAC9CG,eAAM,CAACS,SAAS,EAChBT,eAAM,CAACU,aACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACe;EAAgB,GACpC,IAAAJ,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACgB;EAAmB,GACvC,IAAAL,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA2B,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGf;EAAe,CACvB,CACI,CAAC,EACP,IAAAY,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAmC,IAAI;IAACC,aAAa,EAAG,CAAG;IAACV,KAAK,EAAGX;EAAY,GAC3CL,KACG,CAAC,EACP,IAAAa,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACyB;EAAmB,GACvC,IAAAd,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA2B,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGM,WAAM;IACbJ,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGT;EAAe,CACvB,CACI,CAAC,EACP,IAAAM,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI;IAACC,KAAK,EAAGN;EAAgB,CAAE,CAC3B,CAAC;AAET;AAAC,IAAAmB,QAAA,GAEc,IAAAC,iCAAwB,EAAEhC,SAAU,CAAC;AAAAiC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/block/edit.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ReusableBlockEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _coreData = require("@wordpress/core-data");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _element = require("@wordpress/element");
 var _lockUnlock = require("../lock-unlock");
 /**
  * External dependencies
@@ -89,28 +90,28 @@ function ReusableBlockEdit({
     renderAppender: blocks?.length ? undefined : _blockEditor.InnerBlocks.ButtonBlockAppender
   });
   if (hasAlreadyRendered) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ...blockProps
-    }, (0, _element.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Block cannot be rendered inside itself.')));
+    }, (0, _react.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Block cannot be rendered inside itself.')));
   }
   if (isMissing) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ...blockProps
-    }, (0, _element.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Block has been deleted or is unavailable.')));
+    }, (0, _react.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Block has been deleted or is unavailable.')));
   }
   if (!hasResolved) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       ...blockProps
-    }, (0, _element.createElement)(_components.Placeholder, null, (0, _element.createElement)(_components.Spinner, null)));
+    }, (0, _react.createElement)(_components.Placeholder, null, (0, _react.createElement)(_components.Spinner, null)));
   }
-  return (0, _element.createElement)(_blockEditor.__experimentalRecursionProvider, {
+  return (0, _react.createElement)(_blockEditor.__experimentalRecursionProvider, {
     uniqueId: ref
-  }, (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.TextControl, {
+  }, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Name'),
     value: title,
     onChange: setTitle
-  }))), (0, _element.createElement)("div", {
+  }))), (0, _react.createElement)("div", {
     ...innerBlocksProps
   }));
 }

package/build/block/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_coreData","_components","_i18n","_blockEditor","_lockUnlock","fullAlignments","useInferredLayout","blocks","parentLayout","initialInferredAlignmentRef","useRef","useMemo","length","alignment","current","undefined","isConstrained","type","hasFullAlignment","some","block","includes","attributes","align","layout","ReusableBlockEdit","name","ref","__unstableParentLayout","useLayoutClasses","unlock","blockEditorPrivateApis","hasAlreadyRendered","useHasRecursion","record","hasResolved","useEntityRecord","isMissing","onInput","onChange","useEntityBlockEditor","id","title","setTitle","useEntityProp","layoutClasses","blockProps","useBlockProps","className","classnames","innerBlocksProps","useInnerBlocksProps","value","renderAppender","InnerBlocks","ButtonBlockAppender","createElement","Warning","__","Placeholder","Spinner","__experimentalRecursionProvider","uniqueId","InspectorControls","PanelBody","TextControl","__nextHasNoMarginBottom","label"],"sources":["@wordpress/block-library/src/block/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tuseEntityRecord,\n} from '@wordpress/core-data';\nimport {\n\tPlaceholder,\n\tSpinner,\n\tTextControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tInspectorControls,\n\tuseBlockProps,\n\tWarning,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst fullAlignments = [ 'full', 'wide', 'left', 'right' ];\n\nconst useInferredLayout = ( blocks, parentLayout ) => {\n\tconst initialInferredAlignmentRef = useRef();\n\n\treturn useMemo( () => {\n\t\t// Exit early if the pattern's blocks haven't loaded yet.\n\t\tif ( ! blocks?.length ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tlet alignment = initialInferredAlignmentRef.current;\n\n\t\t// Only track the initial alignment so that temporarily removed\n\t\t// alignments can be reapplied.\n\t\tif ( alignment === undefined ) {\n\t\t\tconst isConstrained = parentLayout?.type === 'constrained';\n\t\t\tconst hasFullAlignment = blocks.some( ( block ) =>\n\t\t\t\tfullAlignments.includes( block.attributes.align )\n\t\t\t);\n\n\t\t\talignment = isConstrained && hasFullAlignment ? 'full' : null;\n\t\t\tinitialInferredAlignmentRef.current = alignment;\n\t\t}\n\n\t\tconst layout = alignment ? parentLayout : undefined;\n\n\t\treturn { alignment, layout };\n\t}, [ blocks, parentLayout ] );\n};\n\nexport default function ReusableBlockEdit( {\n\tname,\n\tattributes: { ref },\n\t__unstableParentLayout: parentLayout,\n} ) {\n\tconst { useLayoutClasses } = unlock( blockEditorPrivateApis );\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\tconst { record, hasResolved } = useEntityRecord(\n\t\t'postType',\n\t\t'wp_block',\n\t\tref\n\t);\n\tconst isMissing = hasResolved && ! record;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_block',\n\t\t'title',\n\t\tref\n\t);\n\n\tconst { alignment, layout } = useInferredLayout( blocks, parentLayout );\n\tconst layoutClasses = useLayoutClasses( { layout }, name );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\t'block-library-block__reusable-block-container',\n\t\t\tlayout && layoutClasses,\n\t\t\t{ [ `align${ alignment }` ]: alignment }\n\t\t),\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tlayout,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: blocks?.length\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_components","_i18n","_blockEditor","_element","_lockUnlock","fullAlignments","useInferredLayout","blocks","parentLayout","initialInferredAlignmentRef","useRef","useMemo","length","alignment","current","undefined","isConstrained","type","hasFullAlignment","some","block","includes","attributes","align","layout","ReusableBlockEdit","name","ref","__unstableParentLayout","useLayoutClasses","unlock","blockEditorPrivateApis","hasAlreadyRendered","useHasRecursion","record","hasResolved","useEntityRecord","isMissing","onInput","onChange","useEntityBlockEditor","id","title","setTitle","useEntityProp","layoutClasses","blockProps","useBlockProps","className","classnames","innerBlocksProps","useInnerBlocksProps","value","renderAppender","InnerBlocks","ButtonBlockAppender","_react","createElement","Warning","__","Placeholder","Spinner","__experimentalRecursionProvider","uniqueId","InspectorControls","PanelBody","TextControl","__nextHasNoMarginBottom","label"],"sources":["@wordpress/block-library/src/block/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tuseEntityRecord,\n} from '@wordpress/core-data';\nimport {\n\tPlaceholder,\n\tSpinner,\n\tTextControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tInspectorControls,\n\tuseBlockProps,\n\tWarning,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst fullAlignments = [ 'full', 'wide', 'left', 'right' ];\n\nconst useInferredLayout = ( blocks, parentLayout ) => {\n\tconst initialInferredAlignmentRef = useRef();\n\n\treturn useMemo( () => {\n\t\t// Exit early if the pattern's blocks haven't loaded yet.\n\t\tif ( ! blocks?.length ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tlet alignment = initialInferredAlignmentRef.current;\n\n\t\t// Only track the initial alignment so that temporarily removed\n\t\t// alignments can be reapplied.\n\t\tif ( alignment === undefined ) {\n\t\t\tconst isConstrained = parentLayout?.type === 'constrained';\n\t\t\tconst hasFullAlignment = blocks.some( ( block ) =>\n\t\t\t\tfullAlignments.includes( block.attributes.align )\n\t\t\t);\n\n\t\t\talignment = isConstrained && hasFullAlignment ? 'full' : null;\n\t\t\tinitialInferredAlignmentRef.current = alignment;\n\t\t}\n\n\t\tconst layout = alignment ? parentLayout : undefined;\n\n\t\treturn { alignment, layout };\n\t}, [ blocks, parentLayout ] );\n};\n\nexport default function ReusableBlockEdit( {\n\tname,\n\tattributes: { ref },\n\t__unstableParentLayout: parentLayout,\n} ) {\n\tconst { useLayoutClasses } = unlock( blockEditorPrivateApis );\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\tconst { record, hasResolved } = useEntityRecord(\n\t\t'postType',\n\t\t'wp_block',\n\t\tref\n\t);\n\tconst isMissing = hasResolved && ! record;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title, setTitle ] = useEntityProp(\n\t\t'postType',\n\t\t'wp_block',\n\t\t'title',\n\t\tref\n\t);\n\n\tconst { alignment, layout } = useInferredLayout( blocks, parentLayout );\n\tconst layoutClasses = useLayoutClasses( { layout }, name );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\t'block-library-block__reusable-block-container',\n\t\t\tlayout && layoutClasses,\n\t\t\t{ [ `align${ alignment }` ]: alignment }\n\t\t),\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tvalue: blocks,\n\t\tlayout,\n\t\tonInput,\n\t\tonChange,\n\t\trenderAppender: blocks?.length\n\t\t\t? undefined\n\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t} );\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Placeholder>\n\t\t\t\t\t<Spinner />\n\t\t\t\t</Placeholder>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}

package/build/block/edit.native.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ReusableBlockEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 var _coreData = require("@wordpress/core-data");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
@@ -97,21 +98,21 @@ function ReusableBlockEdit({
     const infoTitle = _reactNative.Platform.OS === 'android' ? (0, _i18n.sprintf)( /* translators: %s: name of the host app (e.g. WordPress) */
     (0, _i18n.__)('Editing synced patterns is not yet supported on %s for Android'), hostAppNamespace) : (0, _i18n.sprintf)( /* translators: %s: name of the host app (e.g. WordPress) */
     (0, _i18n.__)('Editing synced patterns is not yet supported on %s for iOS'), hostAppNamespace);
-    return (0, _element.createElement)(_components.BottomSheet, {
+    return (0, _react.createElement)(_components.BottomSheet, {
       isVisible: showHelp,
       hideHeader: true,
       onClose: closeSheet
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _editor2.default.infoContainer
-    }, (0, _element.createElement)(_components.Icon, {
+    }, (0, _react.createElement)(_components.Icon, {
       icon: _icons.help,
       color: infoSheetIconStyle.color,
       size: _editor2.default.infoSheetIcon.size
-    }), (0, _element.createElement)(_reactNative.Text, {
+    }), (0, _react.createElement)(_reactNative.Text, {
       style: [infoTextStyle, infoTitleStyle]
-    }, infoTitle), (0, _element.createElement)(_reactNative.Text, {
+    }, infoTitle), (0, _react.createElement)(_reactNative.Text, {
       style: [infoTextStyle, infoDescriptionStyle]
-    }, innerBlockCount > 1 ? (0, _i18n.__)('Alternatively, you can detach and edit these blocks separately by tapping “Detach patterns”.') : (0, _i18n.__)('Alternatively, you can detach and edit this block separately by tapping “Detach pattern”.')), (0, _element.createElement)(_components.TextControl, {
+    }, innerBlockCount > 1 ? (0, _i18n.__)('Alternatively, you can detach and edit these blocks separately by tapping “Detach patterns”.') : (0, _i18n.__)('Alternatively, you can detach and edit this block separately by tapping “Detach pattern”.')), (0, _react.createElement)(_components.TextControl, {
       label: innerBlockCount > 1 ? (0, _i18n.__)('Detach patterns') : (0, _i18n.__)('Detach pattern'),
       separatorType: "topFullWidth",
       onPress: onConvertToRegularBlocks,
@@ -119,39 +120,39 @@ function ReusableBlockEdit({
     })));
   }
   if (hasAlreadyRendered) {
-    return (0, _element.createElement)(_blockEditor.Warning, {
+    return (0, _react.createElement)(_blockEditor.Warning, {
       message: (0, _i18n.__)('Block cannot be rendered inside itself.')
     });
   }
   if (isMissing) {
-    return (0, _element.createElement)(_blockEditor.Warning, {
+    return (0, _react.createElement)(_blockEditor.Warning, {
       message: (0, _i18n.__)('Block has been deleted or is unavailable.')
     });
   }
   if (!hasResolved) {
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: spinnerStyle
-    }, (0, _element.createElement)(_reactNative.ActivityIndicator, {
+    }, (0, _react.createElement)(_reactNative.ActivityIndicator, {
       animating: true
     }));
   }
-  let element = (0, _element.createElement)(_blockEditor.InnerBlocks, {
+  let element = (0, _react.createElement)(_blockEditor.InnerBlocks, {
     value: blocks,
     onChange: onChange,
     onInput: onInput
   });
   if (!isEditing) {
-    element = (0, _element.createElement)(_components.Disabled, null, element);
+    element = (0, _react.createElement)(_components.Disabled, null, element);
   }
-  return (0, _element.createElement)(_blockEditor.__experimentalRecursionProvider, {
+  return (0, _react.createElement)(_blockEditor.__experimentalRecursionProvider, {
     uniqueId: ref
-  }, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  }, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     disabled: !isSelected,
     accessibilityLabel: (0, _i18n.__)('Help button'),
     accessibilityRole: 'button',
     accessibilityHint: (0, _i18n.__)('Tap here to show help'),
     onPress: openSheet
-  }, (0, _element.createElement)(_reactNative.View, null, isSelected && (0, _element.createElement)(_editTitle.default, {
+  }, (0, _react.createElement)(_reactNative.View, null, isSelected && (0, _react.createElement)(_editTitle.default, {
     title: title
   }), element, renderSheet())));
 }

package/build/block/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_coreData","_components","_data","_i18n","_blockEditor","_compose","_icons","_reusableBlocks","_editor","_notices","_editor2","_interopRequireDefault","_editTitle","ReusableBlockEdit","attributes","ref","clientId","isSelected","hasAlreadyRendered","useHasRecursion","showHelp","setShowHelp","useState","infoTextStyle","usePreferredColorSchemeStyle","styles","infoText","infoTextDark","infoTitleStyle","infoTitle","infoTitleDark","infoSheetIconStyle","infoSheetIcon","infoSheetIconDark","infoDescriptionStyle","infoDescription","infoDescriptionDark","actionButtonStyle","actionButton","actionButtonDark","spinnerStyle","spinner","spinnerDark","hasResolved","isEditing","isMissing","innerBlockCount","useSelect","select","persistedBlock","coreStore","getEntityRecord","hasResolvedBlock","hasFinishedResolution","getBlockCount","blockEditorStore","reusableBlocksStore","__experimentalIsEditingReusableBlock","hostAppNamespace","editorStore","getEditorSettings","createSuccessNotice","useDispatch","noticesStore","__experimentalConvertBlockToStatic","convertBlockToStatic","clearSelectedBlock","blocks","onInput","onChange","useEntityBlockEditor","id","title","useEntityProp","openSheet","closeSheet","onConvertToRegularBlocks","useCallback","successNotice","__","sprintf","setImmediate","renderSheet","Platform","OS","createElement","BottomSheet","isVisible","hideHeader","onClose","View","style","infoContainer","Icon","icon","help","color","size","Text","TextControl","label","separatorType","onPress","labelStyle","Warning","message","ActivityIndicator","animating","element","InnerBlocks","value","Disabled","__experimentalRecursionProvider","uniqueId","TouchableWithoutFeedback","disabled","accessibilityLabel","accessibilityRole","accessibilityHint","default"],"sources":["@wordpress/block-library/src/block/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tActivityIndicator,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useCallback } from '@wordpress/element';\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport {\n\tBottomSheet,\n\tIcon,\n\tDisabled,\n\tTextControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tWarning,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { help } from '@wordpress/icons';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport EditTitle from './edit-title';\n\nexport default function ReusableBlockEdit( {\n\tattributes: { ref },\n\tclientId,\n\tisSelected,\n} ) {\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\n\tconst [ showHelp, setShowHelp ] = useState( false );\n\tconst infoTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoText,\n\t\tstyles.infoTextDark\n\t);\n\tconst infoTitleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoTitle,\n\t\tstyles.infoTitleDark\n\t);\n\tconst infoSheetIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoSheetIcon,\n\t\tstyles.infoSheetIconDark\n\t);\n\tconst infoDescriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoDescription,\n\t\tstyles.infoDescriptionDark\n\t);\n\tconst actionButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.actionButton,\n\t\tstyles.actionButtonDark\n\t);\n\tconst spinnerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.spinner,\n\t\tstyles.spinnerDark\n\t);\n\n\tconst { hasResolved, isEditing, isMissing, innerBlockCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst persistedBlock = select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\tref\n\t\t\t);\n\t\t\tconst hasResolvedBlock = select( coreStore ).hasFinishedResolution(\n\t\t\t\t'getEntityRecord',\n\t\t\t\t[ 'postType', 'wp_block', ref ]\n\t\t\t);\n\n\t\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasResolved: hasResolvedBlock,\n\t\t\t\tisEditing:\n\t\t\t\t\tselect(\n\t\t\t\t\t\treusableBlocksStore\n\t\t\t\t\t).__experimentalIsEditingReusableBlock( clientId ),\n\t\t\t\tisMissing: hasResolvedBlock && ! persistedBlock,\n\t\t\t\tinnerBlockCount: getBlockCount( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ ref, clientId ]\n\t);\n\tconst hostAppNamespace = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().hostAppNamespace,\n\t\t[]\n\t);\n\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { __experimentalConvertBlockToStatic: convertBlockToStatic } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title ] = useEntityProp( 'postType', 'wp_block', 'title', ref );\n\n\tfunction openSheet() {\n\t\tsetShowHelp( true );\n\t}\n\n\tfunction closeSheet() {\n\t\tsetShowHelp( false );\n\t}\n\n\tconst onConvertToRegularBlocks = useCallback( () => {\n\t\t/* translators: %s: name of the synced block */\n\t\tconst successNotice = __( '%s detached' );\n\t\tcreateSuccessNotice( sprintf( successNotice, title ) );\n\n\t\tclearSelectedBlock();\n\t\t// Convert action is executed at the end of the current JavaScript execution block\n\t\t// to prevent issues related to undo/redo actions.\n\t\tsetImmediate( () => convertBlockToStatic( clientId ) );\n\t}, [ title, clientId ] );\n\n\tfunction renderSheet() {\n\t\tconst infoTitle =\n\t\t\tPlatform.OS === 'android'\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for Android'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for iOS'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  );\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ showHelp }\n\t\t\t\thideHeader\n\t\t\t\tonClose={ closeSheet }\n\t\t\t>\n\t\t\t\t<View style={ styles.infoContainer }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\tcolor={ infoSheetIconStyle.color }\n\t\t\t\t\t\tsize={ styles.infoSheetIcon.size }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoTitleStyle ] }>\n\t\t\t\t\t\t{ infoTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoDescriptionStyle ] }>\n\t\t\t\t\t\t{ innerBlockCount > 1\n\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t'Alternatively, you can detach and edit these blocks separately by tapping “Detach patterns”.'\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'Alternatively, you can detach and edit this block separately by tapping “Detach pattern”.'\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tinnerBlockCount > 1\n\t\t\t\t\t\t\t\t? __( 'Detach patterns' )\n\t\t\t\t\t\t\t\t: __( 'Detach pattern' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\tonPress={ onConvertToRegularBlocks }\n\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<View style={ spinnerStyle }>\n\t\t\t\t<ActivityIndicator animating />\n\t\t\t</View>\n\t\t);\n\t}\n\n\tlet element = (\n\t\t<InnerBlocks\n\t\t\tvalue={ blocks }\n\t\t\tonChange={ onChange }\n\t\t\tonInput={ onInput }\n\t\t/>\n\t);\n\n\tif ( ! isEditing ) {\n\t\telement = <Disabled>{ element }</Disabled>;\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ openSheet }\n\t\t\t>\n\t\t\t\t<View>\n\t\t\t\t\t{ isSelected && <EditTitle title={ title } /> }\n\t\t\t\t\t{ element }\n\t\t\t\t\t{ renderSheet() }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_element","_coreData","_components","_data","_i18n","_blockEditor","_compose","_icons","_reusableBlocks","_editor","_notices","_editor2","_interopRequireDefault","_editTitle","ReusableBlockEdit","attributes","ref","clientId","isSelected","hasAlreadyRendered","useHasRecursion","showHelp","setShowHelp","useState","infoTextStyle","usePreferredColorSchemeStyle","styles","infoText","infoTextDark","infoTitleStyle","infoTitle","infoTitleDark","infoSheetIconStyle","infoSheetIcon","infoSheetIconDark","infoDescriptionStyle","infoDescription","infoDescriptionDark","actionButtonStyle","actionButton","actionButtonDark","spinnerStyle","spinner","spinnerDark","hasResolved","isEditing","isMissing","innerBlockCount","useSelect","select","persistedBlock","coreStore","getEntityRecord","hasResolvedBlock","hasFinishedResolution","getBlockCount","blockEditorStore","reusableBlocksStore","__experimentalIsEditingReusableBlock","hostAppNamespace","editorStore","getEditorSettings","createSuccessNotice","useDispatch","noticesStore","__experimentalConvertBlockToStatic","convertBlockToStatic","clearSelectedBlock","blocks","onInput","onChange","useEntityBlockEditor","id","title","useEntityProp","openSheet","closeSheet","onConvertToRegularBlocks","useCallback","successNotice","__","sprintf","setImmediate","renderSheet","Platform","OS","_react","createElement","BottomSheet","isVisible","hideHeader","onClose","View","style","infoContainer","Icon","icon","help","color","size","Text","TextControl","label","separatorType","onPress","labelStyle","Warning","message","ActivityIndicator","animating","element","InnerBlocks","value","Disabled","__experimentalRecursionProvider","uniqueId","TouchableWithoutFeedback","disabled","accessibilityLabel","accessibilityRole","accessibilityHint","default"],"sources":["@wordpress/block-library/src/block/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tActivityIndicator,\n\tPlatform,\n\tText,\n\tTouchableWithoutFeedback,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useCallback } from '@wordpress/element';\nimport {\n\tuseEntityBlockEditor,\n\tuseEntityProp,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport {\n\tBottomSheet,\n\tIcon,\n\tDisabled,\n\tTextControl,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tInnerBlocks,\n\tWarning,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { help } from '@wordpress/icons';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\nimport EditTitle from './edit-title';\n\nexport default function ReusableBlockEdit( {\n\tattributes: { ref },\n\tclientId,\n\tisSelected,\n} ) {\n\tconst hasAlreadyRendered = useHasRecursion( ref );\n\n\tconst [ showHelp, setShowHelp ] = useState( false );\n\tconst infoTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoText,\n\t\tstyles.infoTextDark\n\t);\n\tconst infoTitleStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoTitle,\n\t\tstyles.infoTitleDark\n\t);\n\tconst infoSheetIconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoSheetIcon,\n\t\tstyles.infoSheetIconDark\n\t);\n\tconst infoDescriptionStyle = usePreferredColorSchemeStyle(\n\t\tstyles.infoDescription,\n\t\tstyles.infoDescriptionDark\n\t);\n\tconst actionButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.actionButton,\n\t\tstyles.actionButtonDark\n\t);\n\tconst spinnerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.spinner,\n\t\tstyles.spinnerDark\n\t);\n\n\tconst { hasResolved, isEditing, isMissing, innerBlockCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst persistedBlock = select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\tref\n\t\t\t);\n\t\t\tconst hasResolvedBlock = select( coreStore ).hasFinishedResolution(\n\t\t\t\t'getEntityRecord',\n\t\t\t\t[ 'postType', 'wp_block', ref ]\n\t\t\t);\n\n\t\t\tconst { getBlockCount } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\thasResolved: hasResolvedBlock,\n\t\t\t\tisEditing:\n\t\t\t\t\tselect(\n\t\t\t\t\t\treusableBlocksStore\n\t\t\t\t\t).__experimentalIsEditingReusableBlock( clientId ),\n\t\t\t\tisMissing: hasResolvedBlock && ! persistedBlock,\n\t\t\t\tinnerBlockCount: getBlockCount( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ ref, clientId ]\n\t);\n\tconst hostAppNamespace = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().hostAppNamespace,\n\t\t[]\n\t);\n\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { __experimentalConvertBlockToStatic: convertBlockToStatic } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_block',\n\t\t{ id: ref }\n\t);\n\n\tconst [ title ] = useEntityProp( 'postType', 'wp_block', 'title', ref );\n\n\tfunction openSheet() {\n\t\tsetShowHelp( true );\n\t}\n\n\tfunction closeSheet() {\n\t\tsetShowHelp( false );\n\t}\n\n\tconst onConvertToRegularBlocks = useCallback( () => {\n\t\t/* translators: %s: name of the synced block */\n\t\tconst successNotice = __( '%s detached' );\n\t\tcreateSuccessNotice( sprintf( successNotice, title ) );\n\n\t\tclearSelectedBlock();\n\t\t// Convert action is executed at the end of the current JavaScript execution block\n\t\t// to prevent issues related to undo/redo actions.\n\t\tsetImmediate( () => convertBlockToStatic( clientId ) );\n\t}, [ title, clientId ] );\n\n\tfunction renderSheet() {\n\t\tconst infoTitle =\n\t\t\tPlatform.OS === 'android'\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for Android'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: %s: name of the host app (e.g. WordPress) */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Editing synced patterns is not yet supported on %s for iOS'\n\t\t\t\t\t\t),\n\t\t\t\t\t\thostAppNamespace\n\t\t\t\t  );\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ showHelp }\n\t\t\t\thideHeader\n\t\t\t\tonClose={ closeSheet }\n\t\t\t>\n\t\t\t\t<View style={ styles.infoContainer }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\tcolor={ infoSheetIconStyle.color }\n\t\t\t\t\t\tsize={ styles.infoSheetIcon.size }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoTitleStyle ] }>\n\t\t\t\t\t\t{ infoTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoDescriptionStyle ] }>\n\t\t\t\t\t\t{ innerBlockCount > 1\n\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t'Alternatively, you can detach and edit these blocks separately by tapping “Detach patterns”.'\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'Alternatively, you can detach and edit this block separately by tapping “Detach pattern”.'\n\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tinnerBlockCount > 1\n\t\t\t\t\t\t\t\t? __( 'Detach patterns' )\n\t\t\t\t\t\t\t\t: __( 'Detach pattern' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\tonPress={ onConvertToRegularBlocks }\n\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n\n\tif ( hasAlreadyRendered ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isMissing ) {\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tmessage={ __( 'Block has been deleted or is unavailable.' ) }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( ! hasResolved ) {\n\t\treturn (\n\t\t\t<View style={ spinnerStyle }>\n\t\t\t\t<ActivityIndicator animating />\n\t\t\t</View>\n\t\t);\n\t}\n\n\tlet element = (\n\t\t<InnerBlocks\n\t\t\tvalue={ blocks }\n\t\t\tonChange={ onChange }\n\t\t\tonInput={ onInput }\n\t\t/>\n\t);\n\n\tif ( ! isEditing ) {\n\t\telement = <Disabled>{ element }</Disabled>;\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ ref }>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ openSheet }\n\t\t\t>\n\t\t\t\t<View>\n\t\t\t\t\t{ isSelected && <EditTitle title={ title } /> }\n\t\t\t\t\t{ element }\n\t\t\t\t\t{ renderSheet() }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}

package/build/button/color-background.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _editor = _interopRequireDefault(require("./editor.scss"));
@@ -33,9 +33,9 @@ function ColorBackground({
     borderRadius: borderRadiusValue,
     backgroundColor
   }];
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: wrapperStyles
-  }, isGradient(backgroundColor) && (0, _element.createElement)(_components.Gradient, {
+  }, isGradient(backgroundColor) && (0, _react.createElement)(_components.Gradient, {
     gradientValue: backgroundColor,
     angleCenter: {
       x: 0.5,

package/build/button/color-background.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_editor","_interopRequireDefault","ColorBackground","children","borderRadiusValue","backgroundColor","isGradient","colorsUtils","wrapperStyles","styles","richTextWrapper","borderRadius","_element","createElement","View","style","Gradient","gradientValue","angleCenter","x","y","linearGradient","_default","exports","default"],"sources":["@wordpress/block-library/src/button/color-background.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { Gradient, colorsUtils } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction ColorBackground( { children, borderRadiusValue, backgroundColor } ) {\n\tconst { isGradient } = colorsUtils;\n\tconst wrapperStyles = [\n\t\tstyles.richTextWrapper,\n\t\t{\n\t\t\tborderRadius: borderRadiusValue,\n\t\t\tbackgroundColor,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View style={ wrapperStyles }>\n\t\t\t{ isGradient( backgroundColor ) && (\n\t\t\t\t<Gradient\n\t\t\t\t\tgradientValue={ backgroundColor }\n\t\t\t\t\tangleCenter={ { x: 0.5, y: 0.5 } }\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.linearGradient,\n\t\t\t\t\t\t{ borderRadius: borderRadiusValue },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</View>\n\t);\n}\n\nexport default ColorBackground;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASI,eAAeA,CAAE;EAAEC,QAAQ;EAAEC,iBAAiB;EAAEC;AAAgB,CAAC,EAAG;EAC5E,MAAM;IAAEC;EAAW,CAAC,GAAGC,uBAAW;EAClC,MAAMC,aAAa,GAAG,CACrBC,eAAM,CAACC,eAAe,EACtB;IACCC,YAAY,EAAEP,iBAAiB;IAC/BC;EACD,CAAC,CACD;EAED,OACC,IAAAO,QAAA,CAAAC,aAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAGP;EAAe,GAC1BF,UAAU,CAAED,eAAgB,CAAC,IAC9B,IAAAO,QAAA,CAAAC,aAAA,EAACd,WAAA,CAAAiB,QAAQ;IACRC,aAAa,EAAGZ,eAAiB;IACjCa,WAAW,EAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;IAAI,CAAG;IAClCL,KAAK,EAAG,CACPN,eAAM,CAACY,cAAc,EACrB;MAAEV,YAAY,EAAEP;IAAkB,CAAC;EACjC,CACH,CACD,EACCD,QACG,CAAC;AAET;AAAC,IAAAmB,QAAA,GAEcpB,eAAe;AAAAqB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_components","_editor","_interopRequireDefault","ColorBackground","children","borderRadiusValue","backgroundColor","isGradient","colorsUtils","wrapperStyles","styles","richTextWrapper","borderRadius","_react","createElement","View","style","Gradient","gradientValue","angleCenter","x","y","linearGradient","_default","exports","default"],"sources":["@wordpress/block-library/src/button/color-background.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { Gradient, colorsUtils } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport styles from './editor.scss';\n\nfunction ColorBackground( { children, borderRadiusValue, backgroundColor } ) {\n\tconst { isGradient } = colorsUtils;\n\tconst wrapperStyles = [\n\t\tstyles.richTextWrapper,\n\t\t{\n\t\t\tborderRadius: borderRadiusValue,\n\t\t\tbackgroundColor,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View style={ wrapperStyles }>\n\t\t\t{ isGradient( backgroundColor ) && (\n\t\t\t\t<Gradient\n\t\t\t\t\tgradientValue={ backgroundColor }\n\t\t\t\t\tangleCenter={ { x: 0.5, y: 0.5 } }\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles.linearGradient,\n\t\t\t\t\t\t{ borderRadius: borderRadiusValue },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ children }\n\t\t</View>\n\t);\n}\n\nexport default ColorBackground;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASI,eAAeA,CAAE;EAAEC,QAAQ;EAAEC,iBAAiB;EAAEC;AAAgB,CAAC,EAAG;EAC5E,MAAM;IAAEC;EAAW,CAAC,GAAGC,uBAAW;EAClC,MAAMC,aAAa,GAAG,CACrBC,eAAM,CAACC,eAAe,EACtB;IACCC,YAAY,EAAEP,iBAAiB;IAC/BC;EACD,CAAC,CACD;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAGP;EAAe,GAC1BF,UAAU,CAAED,eAAgB,CAAC,IAC9B,IAAAO,MAAA,CAAAC,aAAA,EAACd,WAAA,CAAAiB,QAAQ;IACRC,aAAa,EAAGZ,eAAiB;IACjCa,WAAW,EAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;IAAI,CAAG;IAClCL,KAAK,EAAG,CACPN,eAAM,CAACY,cAAc,EACrB;MAAEV,YAAY,EAAEP;IAAkB,CAAC;EACjC,CACH,CACD,EACCD,QACG,CAAC;AAET;AAAC,IAAAmB,QAAA,GAEcpB,eAAe;AAAAqB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}