@wordpress/block-library 8.34.0 → 9.0.0

package/build-module/avatar/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","InspectorControls","useBlockProps","__experimentalUseBorderProps","useBorderProps","PanelBody","RangeControl","ResizableBox","ToggleControl","__","isRTL","addQueryArgs","removeQueryArgs","useUserAvatar","useCommentAvatar","UserControl","AvatarInspectorControls","setAttributes","avatar","attributes","selectUser","createElement","title","__nextHasNoMarginBottom","__next40pxDefaultSize","label","onChange","newSize","size","min","minSize","max","maxSize","initialPosition","value","isLink","checked","linkTarget","userId","ResizableAvatar","blockProps","isSelected","borderProps","doubledSizedSrc","src","s","width","height","showHandle","onResizeStop","event","direction","elt","delta","parseInt","lockAspectRatio","enable","top","right","bottom","left","minWidth","maxWidth","alt","className","style","CommentEdit","context","commentId","Fragment","href","onClick","preventDefault","UserEdit","postId","postType","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\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{ 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\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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","ignoreList":[]}
+{"version":3,"names":["clsx","InspectorControls","useBlockProps","__experimentalUseBorderProps","useBorderProps","PanelBody","RangeControl","ResizableBox","ToggleControl","__","isRTL","addQueryArgs","removeQueryArgs","useUserAvatar","useCommentAvatar","UserControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AvatarInspectorControls","setAttributes","avatar","attributes","selectUser","children","title","__nextHasNoMarginBottom","__next40pxDefaultSize","label","onChange","newSize","size","min","minSize","max","maxSize","initialPosition","value","isLink","checked","linkTarget","userId","ResizableAvatar","blockProps","isSelected","borderProps","doubledSizedSrc","src","s","width","height","showHandle","onResizeStop","event","direction","elt","delta","parseInt","lockAspectRatio","enable","top","right","bottom","left","minWidth","maxWidth","alt","className","style","CommentEdit","context","commentId","href","onClick","preventDefault","UserEdit","postId","postType","Edit","props"],"sources":["@wordpress/block-library/src/avatar/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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={ clsx(\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\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{ 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\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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -7,6 +6,7 @@ import { ComboboxControl } from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { useState } from '@wordpress/element';
+import { jsx as _jsx } from "react/jsx-runtime";
 const AUTHORS_QUERY = {
   who: 'authors',
   per_page: -1,
@@ -33,7 +33,7 @@ function UserControl({
       value: author.id
     };
   });
-  return createElement(ComboboxControl, {
+  return /*#__PURE__*/_jsx(ComboboxControl, {
     __nextHasNoMarginBottom: true,
     label: __('User'),
     help: __('Select the avatar user to display, if it is blank it will use the post/page author.'),

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

@@ -1 +1 @@
-{"version":3,"names":["__","ComboboxControl","useSelect","store","coreStore","useState","AUTHORS_QUERY","who","per_page","_fields","context","UserControl","value","onChange","filteredAuthorsList","setFilteredAuthorsList","authorsList","select","getUsers","options","map","author","label","name","id","createElement","__nextHasNoMarginBottom","help","onFilterValueChange","inputValue","filter","option","toLowerCase","startsWith"],"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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,eAAe,QAAQ,uBAAuB;AACvD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,MAAMC,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,GAAGV,QAAQ,CAAC,CAAC;EAClE,MAAMW,WAAW,GAAGd,SAAS,CAAIe,MAAM,IAAM;IAC5C,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEb,SAAU,CAAC;IACxC,OAAOc,QAAQ,CAAEZ,aAAc,CAAC;EACjC,CAAC,EAAE,EAAG,CAAC;EACP,IAAK,CAAEU,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,MAAMG,OAAO,GAAGH,WAAW,CAACI,GAAG,CAAIC,MAAM,IAAM;IAC9C,OAAO;MACNC,KAAK,EAAED,MAAM,CAACE,IAAI;MAClBX,KAAK,EAAES,MAAM,CAACG;IACf,CAAC;EACF,CAAE,CAAC;EAEH,OACCC,aAAA,CAACxB,eAAe;IACfyB,uBAAuB;IACvBJ,KAAK,EAAGtB,EAAE,CAAE,MAAO,CAAG;IACtB2B,IAAI,EAAG3B,EAAE,CACR,qFACD,CAAG;IACHY,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBM,OAAO,EAAGL,mBAAmB,IAAIK,OAAS;IAC1CS,mBAAmB,EAAKC,UAAU,IACjCd,sBAAsB,CACrBI,OAAO,CAACW,MAAM,CAAIC,MAAM,IACvBA,MAAM,CAACT,KAAK,CACVU,WAAW,CAAC,CAAC,CACbC,UAAU,CAAEJ,UAAU,CAACG,WAAW,CAAC,CAAE,CACxC,CACD;EACA,CACD,CAAC;AAEJ;AAEA,eAAerB,WAAW","ignoreList":[]}
+{"version":3,"names":["__","ComboboxControl","useSelect","store","coreStore","useState","jsx","_jsx","AUTHORS_QUERY","who","per_page","_fields","context","UserControl","value","onChange","filteredAuthorsList","setFilteredAuthorsList","authorsList","select","getUsers","options","map","author","label","name","id","__nextHasNoMarginBottom","help","onFilterValueChange","inputValue","filter","option","toLowerCase","startsWith"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,eAAe,QAAQ,uBAAuB;AACvD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAMC,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,GAAGZ,QAAQ,CAAC,CAAC;EAClE,MAAMa,WAAW,GAAGhB,SAAS,CAAIiB,MAAM,IAAM;IAC5C,MAAM;MAAEC;IAAS,CAAC,GAAGD,MAAM,CAAEf,SAAU,CAAC;IACxC,OAAOgB,QAAQ,CAAEZ,aAAc,CAAC;EACjC,CAAC,EAAE,EAAG,CAAC;EACP,IAAK,CAAEU,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EAEA,MAAMG,OAAO,GAAGH,WAAW,CAACI,GAAG,CAAIC,MAAM,IAAM;IAC9C,OAAO;MACNC,KAAK,EAAED,MAAM,CAACE,IAAI;MAClBX,KAAK,EAAES,MAAM,CAACG;IACf,CAAC;EACF,CAAE,CAAC;EAEH,oBACCnB,IAAA,CAACN,eAAe;IACf0B,uBAAuB;IACvBH,KAAK,EAAGxB,EAAE,CAAE,MAAO,CAAG;IACtB4B,IAAI,EAAG5B,EAAE,CACR,qFACD,CAAG;IACHc,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBM,OAAO,EAAGL,mBAAmB,IAAIK,OAAS;IAC1CQ,mBAAmB,EAAKC,UAAU,IACjCb,sBAAsB,CACrBI,OAAO,CAACU,MAAM,CAAIC,MAAM,IACvBA,MAAM,CAACR,KAAK,CACVS,WAAW,CAAC,CAAC,CACbC,UAAU,CAAEJ,UAAU,CAACG,WAAW,CAAC,CAAE,CACxC,CACD;EACA,CACD,CAAC;AAEJ;AAEA,eAAepB,WAAW","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -7,7 +6,8 @@ import { Text, View } from 'react-native';
 /**
  * WordPress dependencies
  */
-import { Icon, useGlobalStyles } from '@wordpress/components';
+import { Icon } from '@wordpress/components';
+import { useGlobalStyles } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { withPreferredColorScheme } from '@wordpress/compose';
 import { help, lock } from '@wordpress/icons';
@@ -16,6 +16,8 @@ import { help, lock } from '@wordpress/icons';
  * Internal dependencies
  */
 import styles from './editor.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function EditTitle({
   getStylesFromColorScheme,
   title
@@ -32,28 +34,32 @@ function EditTitle({
     color: baseColors.text
   }];
   const separatorStyle = getStylesFromColorScheme(styles.separator, styles.separatorDark);
-  return createElement(View, {
-    style: styles.titleContainer
-  }, createElement(View, {
-    style: styles.lockIconContainer
-  }, createElement(Icon, {
-    label: __('Lock icon'),
-    icon: lock,
-    size: 16,
-    style: lockIconStyle
-  })), createElement(Text, {
-    numberOfLines: 1,
-    style: titleStyle
-  }, title), createElement(View, {
-    style: styles.helpIconContainer
-  }, createElement(Icon, {
-    label: __('Help icon'),
-    icon: help,
-    size: 20,
-    style: infoIconStyle
-  })), createElement(View, {
-    style: separatorStyle
-  }));
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.titleContainer,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.lockIconContainer,
+      children: /*#__PURE__*/_jsx(Icon, {
+        label: __('Lock icon'),
+        icon: lock,
+        size: 16,
+        style: lockIconStyle
+      })
+    }), /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 1,
+      style: titleStyle,
+      children: title
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.helpIconContainer,
+      children: /*#__PURE__*/_jsx(Icon, {
+        label: __('Help icon'),
+        icon: help,
+        size: 20,
+        style: infoIconStyle
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: separatorStyle
+    })]
+  });
 }
 export default withPreferredColorScheme(EditTitle);
 //# sourceMappingURL=edit-title.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Text","View","Icon","useGlobalStyles","__","withPreferredColorScheme","help","lock","styles","EditTitle","getStylesFromColorScheme","title","globalStyles","baseColors","color","lockIconStyle","lockIcon","lockIconDark","text","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","createElement","style","titleContainer","lockIconContainer","label","icon","size","numberOfLines","helpIconContainer"],"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, useGlobalStyles } 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 globalStyles = useGlobalStyles();\n\tconst baseColors = globalStyles?.baseColors?.color;\n\n\tconst lockIconStyle = [\n\t\tgetStylesFromColorScheme( styles.lockIcon, styles.lockIconDark ),\n\t\tbaseColors && { color: baseColors.text },\n\t];\n\tconst titleStyle = [\n\t\tgetStylesFromColorScheme( styles.title, styles.titleDark ),\n\t\tbaseColors && { color: baseColors.text },\n\t];\n\tconst infoIconStyle = [\n\t\tgetStylesFromColorScheme( styles.infoIcon, styles.infoIconDark ),\n\t\tbaseColors && { color: baseColors.text },\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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,IAAI,EAAEC,eAAe,QAAQ,uBAAuB;AAC7D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAElC,SAASC,SAASA,CAAE;EAAEC,wBAAwB;EAAEC;AAAM,CAAC,EAAG;EACzD,MAAMC,YAAY,GAAGT,eAAe,CAAC,CAAC;EACtC,MAAMU,UAAU,GAAGD,YAAY,EAAEC,UAAU,EAAEC,KAAK;EAElD,MAAMC,aAAa,GAAG,CACrBL,wBAAwB,CAAEF,MAAM,CAACQ,QAAQ,EAAER,MAAM,CAACS,YAAa,CAAC,EAChEJ,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACK;EAAK,CAAC,CACxC;EACD,MAAMC,UAAU,GAAG,CAClBT,wBAAwB,CAAEF,MAAM,CAACG,KAAK,EAAEH,MAAM,CAACY,SAAU,CAAC,EAC1DP,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACK;EAAK,CAAC,CACxC;EACD,MAAMG,aAAa,GAAG,CACrBX,wBAAwB,CAAEF,MAAM,CAACc,QAAQ,EAAEd,MAAM,CAACe,YAAa,CAAC,EAChEV,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACK;EAAK,CAAC,CACxC;EACD,MAAMM,cAAc,GAAGd,wBAAwB,CAC9CF,MAAM,CAACiB,SAAS,EAChBjB,MAAM,CAACkB,aACR,CAAC;EAED,OACCC,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAGpB,MAAM,CAACqB;EAAgB,GACpCF,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAGpB,MAAM,CAACsB;EAAmB,GACvCH,aAAA,CAACzB,IAAI;IACJ6B,KAAK,EAAG3B,EAAE,CAAE,WAAY,CAAG;IAC3B4B,IAAI,EAAGzB,IAAM;IACb0B,IAAI,EAAG,EAAI;IACXL,KAAK,EAAGb;EAAe,CACvB,CACI,CAAC,EACPY,aAAA,CAAC3B,IAAI;IAACkC,aAAa,EAAG,CAAG;IAACN,KAAK,EAAGT;EAAY,GAC3CR,KACG,CAAC,EACPgB,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAGpB,MAAM,CAAC2B;EAAmB,GACvCR,aAAA,CAACzB,IAAI;IACJ6B,KAAK,EAAG3B,EAAE,CAAE,WAAY,CAAG;IAC3B4B,IAAI,EAAG1B,IAAM;IACb2B,IAAI,EAAG,EAAI;IACXL,KAAK,EAAGP;EAAe,CACvB,CACI,CAAC,EACPM,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAGJ;EAAgB,CAAE,CAC3B,CAAC;AAET;AAEA,eAAenB,wBAAwB,CAAEI,SAAU,CAAC","ignoreList":[]}
+{"version":3,"names":["Text","View","Icon","useGlobalStyles","__","withPreferredColorScheme","help","lock","styles","jsx","_jsx","jsxs","_jsxs","EditTitle","getStylesFromColorScheme","title","globalStyles","baseColors","color","lockIconStyle","lockIcon","lockIconDark","text","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","style","titleContainer","children","lockIconContainer","label","icon","size","numberOfLines","helpIconContainer"],"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 { useGlobalStyles } from '@wordpress/block-editor';\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 globalStyles = useGlobalStyles();\n\tconst baseColors = globalStyles?.baseColors?.color;\n\n\tconst lockIconStyle = [\n\t\tgetStylesFromColorScheme( styles.lockIcon, styles.lockIconDark ),\n\t\tbaseColors && { color: baseColors.text },\n\t];\n\tconst titleStyle = [\n\t\tgetStylesFromColorScheme( styles.title, styles.titleDark ),\n\t\tbaseColors && { color: baseColors.text },\n\t];\n\tconst infoIconStyle = [\n\t\tgetStylesFromColorScheme( styles.infoIcon, styles.infoIconDark ),\n\t\tbaseColors && { color: baseColors.text },\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":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,SAASC,SAASA,CAAE;EAAEC,wBAAwB;EAAEC;AAAM,CAAC,EAAG;EACzD,MAAMC,YAAY,GAAGb,eAAe,CAAC,CAAC;EACtC,MAAMc,UAAU,GAAGD,YAAY,EAAEC,UAAU,EAAEC,KAAK;EAElD,MAAMC,aAAa,GAAG,CACrBL,wBAAwB,CAAEN,MAAM,CAACY,QAAQ,EAAEZ,MAAM,CAACa,YAAa,CAAC,EAChEJ,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACK;EAAK,CAAC,CACxC;EACD,MAAMC,UAAU,GAAG,CAClBT,wBAAwB,CAAEN,MAAM,CAACO,KAAK,EAAEP,MAAM,CAACgB,SAAU,CAAC,EAC1DP,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACK;EAAK,CAAC,CACxC;EACD,MAAMG,aAAa,GAAG,CACrBX,wBAAwB,CAAEN,MAAM,CAACkB,QAAQ,EAAElB,MAAM,CAACmB,YAAa,CAAC,EAChEV,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACK;EAAK,CAAC,CACxC;EACD,MAAMM,cAAc,GAAGd,wBAAwB,CAC9CN,MAAM,CAACqB,SAAS,EAChBrB,MAAM,CAACsB,aACR,CAAC;EAED,oBACClB,KAAA,CAACX,IAAI;IAAC8B,KAAK,EAAGvB,MAAM,CAACwB,cAAgB;IAAAC,QAAA,gBACpCvB,IAAA,CAACT,IAAI;MAAC8B,KAAK,EAAGvB,MAAM,CAAC0B,iBAAmB;MAAAD,QAAA,eACvCvB,IAAA,CAACR,IAAI;QACJiC,KAAK,EAAG/B,EAAE,CAAE,WAAY,CAAG;QAC3BgC,IAAI,EAAG7B,IAAM;QACb8B,IAAI,EAAG,EAAI;QACXN,KAAK,EAAGZ;MAAe,CACvB;IAAC,CACG,CAAC,eACPT,IAAA,CAACV,IAAI;MAACsC,aAAa,EAAG,CAAG;MAACP,KAAK,EAAGR,UAAY;MAAAU,QAAA,EAC3ClB;IAAK,CACF,CAAC,eACPL,IAAA,CAACT,IAAI;MAAC8B,KAAK,EAAGvB,MAAM,CAAC+B,iBAAmB;MAAAN,QAAA,eACvCvB,IAAA,CAACR,IAAI;QACJiC,KAAK,EAAG/B,EAAE,CAAE,WAAY,CAAG;QAC3BgC,IAAI,EAAG9B,IAAM;QACb+B,IAAI,EAAG,EAAI;QACXN,KAAK,EAAGN;MAAe,CACvB;IAAC,CACG,CAAC,eACPf,IAAA,CAACT,IAAI;MAAC8B,KAAK,EAAGH;IAAgB,CAAE,CAAC;EAAA,CAC5B,CAAC;AAET;AAEA,eAAevB,wBAAwB,CAAEQ,SAAU,CAAC","ignoreList":[]}

package/build-module/block/edit.js

@@ -1,51 +1,36 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
-import { useRegistry, useSelect, useDispatch } from '@wordpress/data';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { useRef, useMemo, useEffect } from '@wordpress/element';
-import { useEntityRecord, store as coreStore } from '@wordpress/core-data';
+import { useEntityRecord, store as coreStore, useEntityBlockEditor } from '@wordpress/core-data';
 import { Placeholder, Spinner, ToolbarButton, ToolbarGroup } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { useInnerBlocksProps, RecursionProvider, useHasRecursion, InnerBlocks, useBlockProps, Warning, privateApis as blockEditorPrivateApis, store as blockEditorStore, BlockControls } from '@wordpress/block-editor';
+import { useInnerBlocksProps, RecursionProvider, useHasRecursion, useBlockProps, Warning, privateApis as blockEditorPrivateApis, store as blockEditorStore, BlockControls } from '@wordpress/block-editor';
 import { privateApis as patternsPrivateApis } from '@wordpress/patterns';
-import { parse, cloneBlock, store as blocksStore } from '@wordpress/blocks';
-import { RichTextData } from '@wordpress/rich-text';
+import { store as blocksStore } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
  */
 import { name as patternBlockName } from './index';
 import { unlock } from '../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const {
   useLayoutClasses
 } = unlock(blockEditorPrivateApis);
 const {
-  isOverridableBlock
+  isOverridableBlock,
+  hasOverridableBlocks
 } = unlock(patternsPrivateApis);
 const fullAlignments = ['full', 'wide', 'left', 'right'];
-function getLegacyIdMap(blocks, content, nameCount = {}) {
-  let idToClientIdMap = {};
-  for (const block of blocks) {
-    if (block?.innerBlocks?.length) {
-      idToClientIdMap = {
-        ...idToClientIdMap,
-        ...getLegacyIdMap(block.innerBlocks, content, nameCount)
-      };
-    }
-    const id = block.attributes.metadata?.id;
-    const clientId = block.clientId;
-    if (id && content?.[id]) {
-      idToClientIdMap[clientId] = id;
-    }
-  }
-  return idToClientIdMap;
-}
 const useInferredLayout = (blocks, parentLayout) => {
   const initialInferredAlignmentRef = useRef();
   return useMemo(() => {
@@ -70,86 +55,6 @@ const useInferredLayout = (blocks, parentLayout) => {
     };
   }, [blocks, parentLayout]);
 };
-function hasOverridableBlocks(blocks) {
-  return blocks.some(block => {
-    if (isOverridableBlock(block)) {
-      return true;
-    }
-    return hasOverridableBlocks(block.innerBlocks);
-  });
-}
-function getOverridableAttributes(block) {
-  return Object.entries(block.attributes.metadata.bindings).filter(([, binding]) => binding.source === 'core/pattern-overrides').map(([attributeKey]) => attributeKey);
-}
-function applyInitialContentValuesToInnerBlocks(blocks, content = {}, defaultValues, legacyIdMap) {
-  return blocks.map(block => {
-    var _legacyIdMap$block$cl;
-    const innerBlocks = applyInitialContentValuesToInnerBlocks(block.innerBlocks, content, defaultValues, legacyIdMap);
-    const metadataName = (_legacyIdMap$block$cl = legacyIdMap?.[block.clientId]) !== null && _legacyIdMap$block$cl !== void 0 ? _legacyIdMap$block$cl : block.attributes.metadata?.name;
-    if (!metadataName || !isOverridableBlock(block)) {
-      return {
-        ...block,
-        innerBlocks
-      };
-    }
-    const attributes = getOverridableAttributes(block);
-    const newAttributes = {
-      ...block.attributes
-    };
-    for (const attributeKey of attributes) {
-      var _defaultValues$metada;
-      (_defaultValues$metada = defaultValues[metadataName]) !== null && _defaultValues$metada !== void 0 ? _defaultValues$metada : defaultValues[metadataName] = {};
-      defaultValues[metadataName][attributeKey] = block.attributes[attributeKey];
-      const contentValues = content[metadataName];
-      if (contentValues?.[attributeKey] !== undefined) {
-        newAttributes[attributeKey] = contentValues[attributeKey];
-      }
-    }
-    return {
-      ...block,
-      attributes: newAttributes,
-      innerBlocks
-    };
-  });
-}
-function isAttributeEqual(attribute1, attribute2) {
-  if (attribute1 instanceof RichTextData && attribute2 instanceof RichTextData) {
-    return attribute1.toString() === attribute2.toString();
-  }
-  return attribute1 === attribute2;
-}
-function getContentValuesFromInnerBlocks(blocks, defaultValues, legacyIdMap) {
-  /** @type {Record<string, { values: Record<string, unknown>}>} */
-  const content = {};
-  for (const block of blocks) {
-    var _legacyIdMap$block$cl2;
-    if (block.name === patternBlockName) {
-      continue;
-    }
-    if (block.innerBlocks.length) {
-      Object.assign(content, getContentValuesFromInnerBlocks(block.innerBlocks, defaultValues, legacyIdMap));
-    }
-    const metadataName = (_legacyIdMap$block$cl2 = legacyIdMap?.[block.clientId]) !== null && _legacyIdMap$block$cl2 !== void 0 ? _legacyIdMap$block$cl2 : block.attributes.metadata?.name;
-    if (!metadataName || !isOverridableBlock(block)) {
-      continue;
-    }
-    const attributes = getOverridableAttributes(block);
-    for (const attributeKey of attributes) {
-      if (!isAttributeEqual(block.attributes[attributeKey], defaultValues?.[metadataName]?.[attributeKey])) {
-        var _content$metadataName;
-        (_content$metadataName = content[metadataName]) !== null && _content$metadataName !== void 0 ? _content$metadataName : content[metadataName] = {};
-        // TODO: We need a way to represent `undefined` in the serialized overrides.
-        // Also see: https://github.com/WordPress/gutenberg/pull/57249#discussion_r1452987871
-        content[metadataName][attributeKey] = block.attributes[attributeKey] === undefined ?
-        // TODO: We use an empty string to represent undefined for now until
-        // we support a richer format for overrides and the block binding API.
-        // Currently only the `linkTarget` attribute of `core/button` is affected.
-        '' : block.attributes[attributeKey];
-      }
-    }
-  }
-  return Object.keys(content).length > 0 ? content : undefined;
-}
 function setBlockEditMode(setEditMode, blocks, mode) {
   blocks.forEach(block => {
     const editMode = mode || (isOverridableBlock(block) ? 'contentOnly' : 'disabled');
@@ -161,10 +66,14 @@ function setBlockEditMode(setEditMode, blocks, mode) {
 }
 function RecursionWarning() {
   const blockProps = useBlockProps();
-  return createElement("div", {
-    ...blockProps
-  }, createElement(Warning, null, __('Block cannot be rendered inside itself.')));
+  return /*#__PURE__*/_jsx("div", {
+    ...blockProps,
+    children: /*#__PURE__*/_jsx(Warning, {
+      children: __('Block cannot be rendered inside itself.')
+    })
+  });
 }
+const NOOP = () => {};
 
 // Wrap the main Edit function for the pattern block with a recursion wrapper
 // that allows short-circuiting rendering as early as possible, before any
@@ -175,13 +84,14 @@ export default function ReusableBlockEditRecursionWrapper(props) {
   } = props.attributes;
   const hasAlreadyRendered = useHasRecursion(ref);
   if (hasAlreadyRendered) {
-    return createElement(RecursionWarning, null);
+    return /*#__PURE__*/_jsx(RecursionWarning, {});
   }
-  return createElement(RecursionProvider, {
-    uniqueId: ref
-  }, createElement(ReusableBlockEdit, {
-    ...props
-  }));
+  return /*#__PURE__*/_jsx(RecursionProvider, {
+    uniqueId: ref,
+    children: /*#__PURE__*/_jsx(ReusableBlockEdit, {
+      ...props
+    })
+  });
 }
 function ReusableBlockEdit({
   name,
@@ -193,33 +103,21 @@ function ReusableBlockEdit({
   clientId: patternClientId,
   setAttributes
 }) {
-  const registry = useRegistry();
   const {
     record,
-    editedRecord,
     hasResolved
   } = useEntityRecord('postType', 'wp_block', ref);
+  const [blocks] = useEntityBlockEditor('postType', 'wp_block', {
+    id: ref
+  });
   const isMissing = hasResolved && !record;
-
-  // The value of the `content` attribute, stored in a `ref` to avoid triggering the effect
-  // that runs `applyInitialContentValuesToInnerBlocks` unnecessarily.
-  const contentRef = useRef(content);
-
-  // The default content values from the original pattern for overridable attributes.
-  // Set by the `applyInitialContentValuesToInnerBlocks` function.
-  const defaultContent = useRef({});
   const {
-    replaceInnerBlocks,
-    __unstableMarkNextChangeAsNotPersistent,
-    setBlockEditingMode
+    setBlockEditingMode,
+    __unstableMarkLastChangeAsPersistent
   } = useDispatch(blockEditorStore);
-  const {
-    syncDerivedUpdates
-  } = unlock(useDispatch(blockEditorStore));
   const {
     innerBlocks,
     userCanEdit,
-    getBlockEditingMode,
     onNavigateToEntityRecord,
     editingMode,
     hasPatternOverridesSource
@@ -235,12 +133,11 @@ function ReusableBlockEdit({
     const {
       getBlockBindingsSource
     } = unlock(select(blocksStore));
-    const blocks = getBlocks(patternClientId);
     const canEdit = canUser('update', 'blocks', ref);
 
     // For editing link to the site editor if the theme and user permissions support it.
     return {
-      innerBlocks: blocks,
+      innerBlocks: getBlocks(patternClientId),
       userCanEdit: canEdit,
       getBlockEditingMode: _getBlockEditingMode,
       onNavigateToEntityRecord: getSettings().onNavigateToEntityRecord,
@@ -255,73 +152,29 @@ function ReusableBlockEdit({
     // Disable editing if the pattern itself is disabled.
     editingMode === 'disabled' || !hasPatternOverridesSource ? 'disabled' : undefined);
   }, [editingMode, innerBlocks, setBlockEditingMode, hasPatternOverridesSource]);
-  const canOverrideBlocks = useMemo(() => hasPatternOverridesSource && hasOverridableBlocks(innerBlocks), [hasPatternOverridesSource, innerBlocks]);
-  const initialBlocks = useMemo(() => {
-    var _editedRecord$blocks$;
-    return (// Clone the blocks to generate new client IDs.
-      (_editedRecord$blocks$ = editedRecord.blocks?.map(block => cloneBlock(block))) !== null && _editedRecord$blocks$ !== void 0 ? _editedRecord$blocks$ : editedRecord.content && typeof editedRecord.content !== 'function' ? parse(editedRecord.content) : []
-    );
-  }, [editedRecord.blocks, editedRecord.content]);
-  const legacyIdMap = useRef({});
-
-  // Apply the initial overrides from the pattern block to the inner blocks.
-  useEffect(() => {
-    // Build a map of clientIds to the old nano id system to provide back compat.
-    legacyIdMap.current = getLegacyIdMap(initialBlocks, contentRef.current);
-    defaultContent.current = {};
-    const originalEditingMode = getBlockEditingMode(patternClientId);
-    // Replace the contents of the blocks with the overrides.
-    registry.batch(() => {
-      setBlockEditingMode(patternClientId, 'default');
-      syncDerivedUpdates(() => {
-        const blocks = hasPatternOverridesSource ? applyInitialContentValuesToInnerBlocks(initialBlocks, contentRef.current, defaultContent.current, legacyIdMap.current) : initialBlocks;
-        replaceInnerBlocks(patternClientId, blocks);
-      });
-      setBlockEditingMode(patternClientId, originalEditingMode);
-    });
-  }, [hasPatternOverridesSource, __unstableMarkNextChangeAsNotPersistent, patternClientId, initialBlocks, replaceInnerBlocks, registry, getBlockEditingMode, setBlockEditingMode, syncDerivedUpdates]);
+  const canOverrideBlocks = useMemo(() => hasPatternOverridesSource && hasOverridableBlocks(blocks), [hasPatternOverridesSource, blocks]);
   const {
     alignment,
     layout
-  } = useInferredLayout(innerBlocks, parentLayout);
+  } = useInferredLayout(blocks, parentLayout);
   const layoutClasses = useLayoutClasses({
     layout
   }, name);
   const blockProps = useBlockProps({
-    className: classnames('block-library-block__reusable-block-container', layout && layoutClasses, {
+    className: clsx('block-library-block__reusable-block-container', layout && layoutClasses, {
       [`align${alignment}`]: alignment
     })
   });
+
+  // Use `blocks` variable until `innerBlocks` is populated, which has the proper clientIds.
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
-    templateLock: 'contentOnly',
+    templateLock: 'all',
     layout,
-    renderAppender: innerBlocks?.length ? undefined : InnerBlocks.ButtonBlockAppender
+    value: innerBlocks.length > 0 ? innerBlocks : blocks,
+    onInput: NOOP,
+    onChange: NOOP,
+    renderAppender: blocks?.length ? undefined : blocks.ButtonBlockAppender
   });
-
-  // Sync the `content` attribute from the updated blocks to the pattern block.
-  // `syncDerivedUpdates` is used here to avoid creating an additional undo level.
-  useEffect(() => {
-    if (!hasPatternOverridesSource) {
-      return;
-    }
-    const {
-      getBlocks
-    } = registry.select(blockEditorStore);
-    let prevBlocks = getBlocks(patternClientId);
-    return registry.subscribe(() => {
-      const blocks = getBlocks(patternClientId);
-      if (blocks !== prevBlocks) {
-        prevBlocks = blocks;
-        syncDerivedUpdates(() => {
-          const updatedContent = getContentValuesFromInnerBlocks(blocks, defaultContent.current, legacyIdMap.current);
-          setAttributes({
-            content: updatedContent
-          });
-          contentRef.current = updatedContent;
-        });
-      }
-    }, blockEditorStore);
-  }, [hasPatternOverridesSource, syncDerivedUpdates, patternClientId, registry, setAttributes]);
   const handleEditOriginal = () => {
     onNavigateToEntityRecord({
       postId: ref,
@@ -330,26 +183,47 @@ function ReusableBlockEdit({
   };
   const resetContent = () => {
     if (content) {
-      replaceInnerBlocks(patternClientId, initialBlocks);
+      // Make sure any previous changes are persisted before resetting.
+      __unstableMarkLastChangeAsPersistent();
+      setAttributes({
+        content: undefined
+      });
     }
   };
   let children = null;
   if (isMissing) {
-    children = createElement(Warning, null, __('Block has been deleted or is unavailable.'));
+    children = /*#__PURE__*/_jsx(Warning, {
+      children: __('Block has been deleted or is unavailable.')
+    });
   }
   if (!hasResolved) {
-    children = createElement(Placeholder, null, createElement(Spinner, null));
+    children = /*#__PURE__*/_jsx(Placeholder, {
+      children: /*#__PURE__*/_jsx(Spinner, {})
+    });
   }
-  return createElement(Fragment, null, userCanEdit && onNavigateToEntityRecord && createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-    onClick: handleEditOriginal
-  }, __('Edit original')))), canOverrideBlocks && createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-    onClick: resetContent,
-    disabled: !content,
-    __experimentalIsFocusable: true
-  }, __('Reset')))), children === null ? createElement("div", {
-    ...innerBlocksProps
-  }) : createElement("div", {
-    ...blockProps
-  }, children));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [userCanEdit && onNavigateToEntityRecord && /*#__PURE__*/_jsx(BlockControls, {
+      children: /*#__PURE__*/_jsx(ToolbarGroup, {
+        children: /*#__PURE__*/_jsx(ToolbarButton, {
+          onClick: handleEditOriginal,
+          children: __('Edit original')
+        })
+      })
+    }), canOverrideBlocks && /*#__PURE__*/_jsx(BlockControls, {
+      children: /*#__PURE__*/_jsx(ToolbarGroup, {
+        children: /*#__PURE__*/_jsx(ToolbarButton, {
+          onClick: resetContent,
+          disabled: !content,
+          __experimentalIsFocusable: true,
+          children: __('Reset')
+        })
+      })
+    }), children === null ? /*#__PURE__*/_jsx("div", {
+      ...innerBlocksProps
+    }) : /*#__PURE__*/_jsx("div", {
+      ...blockProps,
+      children: children
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map