@wordpress/block-library 8.34.0 → 9.0.0

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","_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\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","_interopRequireDefault","require","_blockEditor","_components","_i18n","_url","_hooks","_userControl","_jsxRuntime","AvatarInspectorControls","setAttributes","avatar","attributes","selectUser","jsx","InspectorControls","children","jsxs","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","clsx","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 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/avatar/user-control.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -40,7 +40,7 @@ function UserControl({
       value: author.id
     };
   });
-  return (0, _react.createElement)(_components.ComboboxControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_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":["_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,GAAAC,OAAA,CAAAC,OAAA,GAEc/B,WAAW","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_data","_coreData","_element","_jsxRuntime","AUTHORS_QUERY","who","per_page","_fields","context","UserControl","value","onChange","filteredAuthorsList","setFilteredAuthorsList","useState","authorsList","useSelect","select","getUsers","coreStore","options","map","author","label","name","id","jsx","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;AAA8C,IAAAK,WAAA,GAAAL,OAAA;AAP9C;AACA;AACA;;AAOA,MAAMM,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,oBACC,IAAAtB,WAAA,CAAAuB,GAAA,EAAC3B,WAAA,CAAA4B,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,GAAAC,OAAA,CAAAC,OAAA,GAEc9B,WAAW","ignoreList":[]}

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

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
+var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
 var _icons = require("@wordpress/icons");
 var _editor = _interopRequireDefault(require("./editor.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -28,7 +29,7 @@ function EditTitle({
   getStylesFromColorScheme,
   title
 }) {
-  const globalStyles = (0, _components.useGlobalStyles)();
+  const globalStyles = (0, _blockEditor.useGlobalStyles)();
   const baseColors = globalStyles?.baseColors?.color;
   const lockIconStyle = [getStylesFromColorScheme(_editor.default.lockIcon, _editor.default.lockIconDark), baseColors && {
     color: baseColors.text
@@ -40,28 +41,32 @@ function EditTitle({
     color: baseColors.text
   }];
   const separatorStyle = getStylesFromColorScheme(_editor.default.separator, _editor.default.separatorDark);
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _editor.default.titleContainer
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _editor.default.lockIconContainer
-  }, (0, _react.createElement)(_components.Icon, {
-    label: (0, _i18n.__)('Lock icon'),
-    icon: _icons.lock,
-    size: 16,
-    style: lockIconStyle
-  })), (0, _react.createElement)(_reactNative.Text, {
-    numberOfLines: 1,
-    style: titleStyle
-  }, title), (0, _react.createElement)(_reactNative.View, {
-    style: _editor.default.helpIconContainer
-  }, (0, _react.createElement)(_components.Icon, {
-    label: (0, _i18n.__)('Help icon'),
-    icon: _icons.help,
-    size: 20,
-    style: infoIconStyle
-  })), (0, _react.createElement)(_reactNative.View, {
-    style: separatorStyle
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _editor.default.titleContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _editor.default.lockIconContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        label: (0, _i18n.__)('Lock icon'),
+        icon: _icons.lock,
+        size: 16,
+        style: lockIconStyle
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      numberOfLines: 1,
+      style: titleStyle,
+      children: title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _editor.default.helpIconContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+        label: (0, _i18n.__)('Help icon'),
+        icon: _icons.help,
+        size: 20,
+        style: infoIconStyle
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: separatorStyle
+    })]
+  });
 }
 var _default = exports.default = (0, _compose.withPreferredColorScheme)(EditTitle);
 //# sourceMappingURL=edit-title.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_i18n","_compose","_icons","_editor","_interopRequireDefault","EditTitle","getStylesFromColorScheme","title","globalStyles","useGlobalStyles","baseColors","color","lockIconStyle","styles","lockIcon","lockIconDark","text","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","_react","createElement","View","style","titleContainer","lockIconContainer","Icon","label","__","icon","lock","size","Text","numberOfLines","helpIconContainer","help","_default","exports","default","withPreferredColorScheme"],"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":";;;;;;;;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,YAAY,GAAG,IAAAC,2BAAe,EAAC,CAAC;EACtC,MAAMC,UAAU,GAAGF,YAAY,EAAEE,UAAU,EAAEC,KAAK;EAElD,MAAMC,aAAa,GAAG,CACrBN,wBAAwB,CAAEO,eAAM,CAACC,QAAQ,EAAED,eAAM,CAACE,YAAa,CAAC,EAChEL,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMC,UAAU,GAAG,CAClBX,wBAAwB,CAAEO,eAAM,CAACN,KAAK,EAAEM,eAAM,CAACK,SAAU,CAAC,EAC1DR,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMG,aAAa,GAAG,CACrBb,wBAAwB,CAAEO,eAAM,CAACO,QAAQ,EAAEP,eAAM,CAACQ,YAAa,CAAC,EAChEX,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMM,cAAc,GAAGhB,wBAAwB,CAC9CO,eAAM,CAACU,SAAS,EAChBV,eAAM,CAACW,aACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGf,eAAM,CAACgB;EAAgB,GACpC,IAAAJ,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGf,eAAM,CAACiB;EAAmB,GACvC,IAAAL,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,IAAI;IACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,IAAI,EAAGC,WAAM;IACbC,IAAI,EAAG,EAAI;IACXR,KAAK,EAAGhB;EAAe,CACvB,CACI,CAAC,EACP,IAAAa,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAAwC,IAAI;IAACC,aAAa,EAAG,CAAG;IAACV,KAAK,EAAGX;EAAY,GAC3CV,KACG,CAAC,EACP,IAAAkB,MAAA,CAAAC,aAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGf,eAAM,CAAC0B;EAAmB,GACvC,IAAAd,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAAgC,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,EAAC7B,YAAA,CAAA8B,IAAI;IAACC,KAAK,EAAGN;EAAgB,CAAE,CAC3B,CAAC;AAET;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAEvC,SAAU,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_components","_blockEditor","_i18n","_compose","_icons","_editor","_interopRequireDefault","_jsxRuntime","EditTitle","getStylesFromColorScheme","title","globalStyles","useGlobalStyles","baseColors","color","lockIconStyle","styles","lockIcon","lockIconDark","text","titleStyle","titleDark","infoIconStyle","infoIcon","infoIconDark","separatorStyle","separator","separatorDark","jsxs","View","style","titleContainer","children","jsx","lockIconContainer","Icon","label","__","icon","lock","size","Text","numberOfLines","helpIconContainer","help","_default","exports","default","withPreferredColorScheme"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAAmC,IAAAQ,WAAA,GAAAR,OAAA;AAjBnC;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,SAASS,SAASA,CAAE;EAAEC,wBAAwB;EAAEC;AAAM,CAAC,EAAG;EACzD,MAAMC,YAAY,GAAG,IAAAC,4BAAe,EAAC,CAAC;EACtC,MAAMC,UAAU,GAAGF,YAAY,EAAEE,UAAU,EAAEC,KAAK;EAElD,MAAMC,aAAa,GAAG,CACrBN,wBAAwB,CAAEO,eAAM,CAACC,QAAQ,EAAED,eAAM,CAACE,YAAa,CAAC,EAChEL,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMC,UAAU,GAAG,CAClBX,wBAAwB,CAAEO,eAAM,CAACN,KAAK,EAAEM,eAAM,CAACK,SAAU,CAAC,EAC1DR,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMG,aAAa,GAAG,CACrBb,wBAAwB,CAAEO,eAAM,CAACO,QAAQ,EAAEP,eAAM,CAACQ,YAAa,CAAC,EAChEX,UAAU,IAAI;IAAEC,KAAK,EAAED,UAAU,CAACM;EAAK,CAAC,CACxC;EACD,MAAMM,cAAc,GAAGhB,wBAAwB,CAC9CO,eAAM,CAACU,SAAS,EAChBV,eAAM,CAACW,aACR,CAAC;EAED,oBACC,IAAApB,WAAA,CAAAqB,IAAA,EAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAGd,eAAM,CAACe,cAAgB;IAAAC,QAAA,gBACpC,IAAAzB,WAAA,CAAA0B,GAAA,EAACnC,YAAA,CAAA+B,IAAI;MAACC,KAAK,EAAGd,eAAM,CAACkB,iBAAmB;MAAAF,QAAA,eACvC,IAAAzB,WAAA,CAAA0B,GAAA,EAACjC,WAAA,CAAAmC,IAAI;QACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;QAC3BC,IAAI,EAAGC,WAAM;QACbC,IAAI,EAAG,EAAI;QACXV,KAAK,EAAGf;MAAe,CACvB;IAAC,CACG,CAAC,eACP,IAAAR,WAAA,CAAA0B,GAAA,EAACnC,YAAA,CAAA2C,IAAI;MAACC,aAAa,EAAG,CAAG;MAACZ,KAAK,EAAGV,UAAY;MAAAY,QAAA,EAC3CtB;IAAK,CACF,CAAC,eACP,IAAAH,WAAA,CAAA0B,GAAA,EAACnC,YAAA,CAAA+B,IAAI;MAACC,KAAK,EAAGd,eAAM,CAAC2B,iBAAmB;MAAAX,QAAA,eACvC,IAAAzB,WAAA,CAAA0B,GAAA,EAACjC,WAAA,CAAAmC,IAAI;QACJC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;QAC3BC,IAAI,EAAGM,WAAM;QACbJ,IAAI,EAAG,EAAI;QACXV,KAAK,EAAGR;MAAe,CACvB;IAAC,CACG,CAAC,eACP,IAAAf,WAAA,CAAA0B,GAAA,EAACnC,YAAA,CAAA+B,IAAI;MAACC,KAAK,EAAGL;IAAgB,CAAE,CAAC;EAAA,CAC5B,CAAC;AAET;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,iCAAwB,EAAExC,SAAU,CAAC","ignoreList":[]}

package/build/block/edit.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ReusableBlockEditRecursionWrapper;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _element = require("@wordpress/element");
 var _coreData = require("@wordpress/core-data");
@@ -15,9 +14,9 @@ var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _patterns = require("@wordpress/patterns");
 var _blocks = require("@wordpress/blocks");
-var _richText = require("@wordpress/rich-text");
 var _index = require("./index");
 var _lockUnlock = require("../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -34,26 +33,10 @@ const {
   useLayoutClasses
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const {
-  isOverridableBlock
+  isOverridableBlock,
+  hasOverridableBlocks
 } = (0, _lockUnlock.unlock)(_patterns.privateApis);
 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 = (0, _element.useRef)();
   return (0, _element.useMemo)(() => {
@@ -78,86 +61,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 _richText.RichTextData && attribute2 instanceof _richText.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 === _index.name) {
-      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');
@@ -169,10 +72,14 @@ function setBlockEditMode(setEditMode, blocks, mode) {
 }
 function RecursionWarning() {
   const blockProps = (0, _blockEditor.useBlockProps)();
-  return (0, _react.createElement)("div", {
-    ...blockProps
-  }, (0, _react.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Block cannot be rendered inside itself.')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...blockProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Warning, {
+      children: (0, _i18n.__)('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
@@ -183,13 +90,14 @@ function ReusableBlockEditRecursionWrapper(props) {
   } = props.attributes;
   const hasAlreadyRendered = (0, _blockEditor.useHasRecursion)(ref);
   if (hasAlreadyRendered) {
-    return (0, _react.createElement)(RecursionWarning, null);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(RecursionWarning, {});
   }
-  return (0, _react.createElement)(_blockEditor.RecursionProvider, {
-    uniqueId: ref
-  }, (0, _react.createElement)(ReusableBlockEdit, {
-    ...props
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RecursionProvider, {
+    uniqueId: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ReusableBlockEdit, {
+      ...props
+    })
+  });
 }
 function ReusableBlockEdit({
   name,
@@ -201,33 +109,21 @@ function ReusableBlockEdit({
   clientId: patternClientId,
   setAttributes
 }) {
-  const registry = (0, _data.useRegistry)();
   const {
     record,
-    editedRecord,
     hasResolved
   } = (0, _coreData.useEntityRecord)('postType', 'wp_block', ref);
+  const [blocks] = (0, _coreData.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 = (0, _element.useRef)(content);
-
-  // The default content values from the original pattern for overridable attributes.
-  // Set by the `applyInitialContentValuesToInnerBlocks` function.
-  const defaultContent = (0, _element.useRef)({});
   const {
-    replaceInnerBlocks,
-    __unstableMarkNextChangeAsNotPersistent,
-    setBlockEditingMode
+    setBlockEditingMode,
+    __unstableMarkLastChangeAsPersistent
   } = (0, _data.useDispatch)(_blockEditor.store);
-  const {
-    syncDerivedUpdates
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_blockEditor.store));
   const {
     innerBlocks,
     userCanEdit,
-    getBlockEditingMode,
     onNavigateToEntityRecord,
     editingMode,
     hasPatternOverridesSource
@@ -243,12 +139,11 @@ function ReusableBlockEdit({
     const {
       getBlockBindingsSource
     } = (0, _lockUnlock.unlock)(select(_blocks.store));
-    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,
@@ -263,73 +158,29 @@ function ReusableBlockEdit({
     // Disable editing if the pattern itself is disabled.
     editingMode === 'disabled' || !hasPatternOverridesSource ? 'disabled' : undefined);
   }, [editingMode, innerBlocks, setBlockEditingMode, hasPatternOverridesSource]);
-  const canOverrideBlocks = (0, _element.useMemo)(() => hasPatternOverridesSource && hasOverridableBlocks(innerBlocks), [hasPatternOverridesSource, innerBlocks]);
-  const initialBlocks = (0, _element.useMemo)(() => {
-    var _editedRecord$blocks$;
-    return (// Clone the blocks to generate new client IDs.
-      (_editedRecord$blocks$ = editedRecord.blocks?.map(block => (0, _blocks.cloneBlock)(block))) !== null && _editedRecord$blocks$ !== void 0 ? _editedRecord$blocks$ : editedRecord.content && typeof editedRecord.content !== 'function' ? (0, _blocks.parse)(editedRecord.content) : []
-    );
-  }, [editedRecord.blocks, editedRecord.content]);
-  const legacyIdMap = (0, _element.useRef)({});
-
-  // Apply the initial overrides from the pattern block to the inner blocks.
-  (0, _element.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 = (0, _element.useMemo)(() => hasPatternOverridesSource && hasOverridableBlocks(blocks), [hasPatternOverridesSource, blocks]);
   const {
     alignment,
     layout
-  } = useInferredLayout(innerBlocks, parentLayout);
+  } = useInferredLayout(blocks, parentLayout);
   const layoutClasses = useLayoutClasses({
     layout
   }, name);
   const blockProps = (0, _blockEditor.useBlockProps)({
-    className: (0, _classnames.default)('block-library-block__reusable-block-container', layout && layoutClasses, {
+    className: (0, _clsx.default)('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 = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
-    templateLock: 'contentOnly',
+    templateLock: 'all',
     layout,
-    renderAppender: innerBlocks?.length ? undefined : _blockEditor.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.
-  (0, _element.useEffect)(() => {
-    if (!hasPatternOverridesSource) {
-      return;
-    }
-    const {
-      getBlocks
-    } = registry.select(_blockEditor.store);
-    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;
-        });
-      }
-    }, _blockEditor.store);
-  }, [hasPatternOverridesSource, syncDerivedUpdates, patternClientId, registry, setAttributes]);
   const handleEditOriginal = () => {
     onNavigateToEntityRecord({
       postId: ref,
@@ -338,26 +189,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 = (0, _react.createElement)(_blockEditor.Warning, null, (0, _i18n.__)('Block has been deleted or is unavailable.'));
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Warning, {
+      children: (0, _i18n.__)('Block has been deleted or is unavailable.')
+    });
   }
   if (!hasResolved) {
-    children = (0, _react.createElement)(_components.Placeholder, null, (0, _react.createElement)(_components.Spinner, null));
+    children = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
+    });
   }
-  return (0, _react.createElement)(_react.Fragment, null, userCanEdit && onNavigateToEntityRecord && (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
-    onClick: handleEditOriginal
-  }, (0, _i18n.__)('Edit original')))), canOverrideBlocks && (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
-    onClick: resetContent,
-    disabled: !content,
-    __experimentalIsFocusable: true
-  }, (0, _i18n.__)('Reset')))), children === null ? (0, _react.createElement)("div", {
-    ...innerBlocksProps
-  }) : (0, _react.createElement)("div", {
-    ...blockProps
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [userCanEdit && onNavigateToEntityRecord && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+          onClick: handleEditOriginal,
+          children: (0, _i18n.__)('Edit original')
+        })
+      })
+    }), canOverrideBlocks && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+          onClick: resetContent,
+          disabled: !content,
+          __experimentalIsFocusable: true,
+          children: (0, _i18n.__)('Reset')
+        })
+      })
+    }), children === null ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...innerBlocksProps
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...blockProps,
+      children: children
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map