@wordpress/block-editor 12.26.0 → 13.0.0

package/build-module/components/block-media-update-progress/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","Component","Spinner","__","subscribeMediaUpload","subscribeMediaSave","styles","MEDIA_UPLOAD_STATE_UPLOADING","MEDIA_UPLOAD_STATE_SUCCEEDED","MEDIA_UPLOAD_STATE_FAILED","MEDIA_UPLOAD_STATE_RESET","MEDIA_SAVE_STATE_SAVING","MEDIA_SAVE_STATE_SUCCEEDED","MEDIA_SAVE_STATE_FAILED","MEDIA_SAVE_STATE_RESET","MEDIA_SAVE_FINAL_STATE_RESULT","MEDIA_SAVE_MEDIAID_CHANGED","BlockMediaUpdateProgress","constructor","props","state","progress","isSaveInProgress","isSaveFailed","isUploadInProgress","isUploadFailed","mediaUpload","bind","mediaSave","componentDidMount","addMediaUploadListener","addMediaSaveListener","componentWillUnmount","removeMediaUploadListener","removeMediaSaveListener","mediaIdContainedInMediaFiles","mediaId","mediaFiles","undefined","some","element","id","toString","payload","updateMediaUploadProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","updateMediaSaveProgress","finishMediaSaveWithSuccess","finishMediaSaveWithFailure","mediaSaveStateReset","finalSaveResult","mediaIdChanged","setState","onUpdateMediaSaveProgress","onFinishMediaSaveWithSuccess","onFinishMediaSaveWithFailure","onMediaSaveStateReset","success","onFinalSaveResult","onMediaIdChanged","onUpdateMediaUploadProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","subscriptionParentMediaUpload","remove","subscriptionParentMediaSave","render","renderContent","showSpinner","retryMessageSave","retryMessageUpload","retryMessage","createElement","style","mediaUploadProgress","pointerEvents","progressBar","testID"],"sources":["@wordpress/block-editor/src/components/block-media-update-progress/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsubscribeMediaUpload,\n\tsubscribeMediaSave,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nexport const MEDIA_UPLOAD_STATE_UPLOADING = 1;\nexport const MEDIA_UPLOAD_STATE_SUCCEEDED = 2;\nexport const MEDIA_UPLOAD_STATE_FAILED = 3;\nexport const MEDIA_UPLOAD_STATE_RESET = 4;\n\nexport const MEDIA_SAVE_STATE_SAVING = 5;\nexport const MEDIA_SAVE_STATE_SUCCEEDED = 6;\nexport const MEDIA_SAVE_STATE_FAILED = 7;\nexport const MEDIA_SAVE_STATE_RESET = 8;\nexport const MEDIA_SAVE_FINAL_STATE_RESULT = 9;\nexport const MEDIA_SAVE_MEDIAID_CHANGED = 10;\n\nexport class BlockMediaUpdateProgress extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.state = {\n\t\t\tprogress: 0,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: false,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t};\n\n\t\tthis.mediaUpload = this.mediaUpload.bind( this );\n\t\tthis.mediaSave = this.mediaSave.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.addMediaUploadListener();\n\t\tthis.addMediaSaveListener();\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.removeMediaUploadListener();\n\t\tthis.removeMediaSaveListener();\n\t}\n\n\tmediaIdContainedInMediaFiles( mediaId, mediaFiles ) {\n\t\tif ( mediaId !== undefined && mediaFiles !== undefined ) {\n\t\t\treturn mediaFiles.some(\n\t\t\t\t( element ) => element.id === mediaId.toString()\n\t\t\t);\n\t\t}\n\t\treturn false;\n\t}\n\n\tmediaUpload( payload ) {\n\t\tconst { mediaFiles } = this.props;\n\n\t\tif (\n\t\t\tthis.mediaIdContainedInMediaFiles( payload.mediaId, mediaFiles ) ===\n\t\t\tfalse\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( payload.state ) {\n\t\t\tcase MEDIA_UPLOAD_STATE_UPLOADING:\n\t\t\t\tthis.updateMediaUploadProgress( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_SUCCEEDED:\n\t\t\t\tthis.finishMediaUploadWithSuccess( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_FAILED:\n\t\t\t\tthis.finishMediaUploadWithFailure( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_RESET:\n\t\t\t\tthis.mediaUploadStateReset( payload );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tmediaSave( payload ) {\n\t\tconst { mediaFiles } = this.props;\n\n\t\tif (\n\t\t\tthis.mediaIdContainedInMediaFiles( payload.mediaId, mediaFiles ) ===\n\t\t\tfalse\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( payload.state ) {\n\t\t\tcase MEDIA_SAVE_STATE_SAVING:\n\t\t\t\tthis.updateMediaSaveProgress( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_STATE_SUCCEEDED:\n\t\t\t\tthis.finishMediaSaveWithSuccess( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_STATE_FAILED:\n\t\t\t\tthis.finishMediaSaveWithFailure( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_STATE_RESET:\n\t\t\t\tthis.mediaSaveStateReset( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_FINAL_STATE_RESULT:\n\t\t\t\tthis.finalSaveResult( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_MEDIAID_CHANGED:\n\t\t\t\tthis.mediaIdChanged( payload );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t// ---- Block media save actions.\n\tupdateMediaSaveProgress( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: true,\n\t\t\tisSaveFailed: false,\n\t\t} );\n\t\tif ( this.props.onUpdateMediaSaveProgress ) {\n\t\t\tthis.props.onUpdateMediaSaveProgress( payload );\n\t\t}\n\t}\n\n\tfinishMediaSaveWithSuccess( payload ) {\n\t\tthis.setState( { isSaveInProgress: false } );\n\t\tif ( this.props.onFinishMediaSaveWithSuccess ) {\n\t\t\tthis.props.onFinishMediaSaveWithSuccess( payload );\n\t\t}\n\t}\n\n\tfinishMediaSaveWithFailure( payload ) {\n\t\tthis.setState( { isSaveInProgress: false, isSaveFailed: true } );\n\t\tif ( this.props.onFinishMediaSaveWithFailure ) {\n\t\t\tthis.props.onFinishMediaSaveWithFailure( payload );\n\t\t}\n\t}\n\n\tmediaSaveStateReset( payload ) {\n\t\tthis.setState( { isSaveInProgress: false, isSaveFailed: false } );\n\t\tif ( this.props.onMediaSaveStateReset ) {\n\t\t\tthis.props.onMediaSaveStateReset( payload );\n\t\t}\n\t}\n\n\tfinalSaveResult( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: ! payload.success,\n\t\t} );\n\t\tif ( this.props.onFinalSaveResult ) {\n\t\t\tthis.props.onFinalSaveResult( payload );\n\t\t}\n\t}\n\n\tmediaIdChanged( payload ) {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: false,\n\t\t} );\n\t\tif ( this.props.onMediaIdChanged ) {\n\t\t\tthis.props.onMediaIdChanged( payload );\n\t\t}\n\t}\n\n\t// ---- Block media upload actions.\n\tupdateMediaUploadProgress( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: true,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: false,\n\t\t} );\n\t\tif ( this.props.onUpdateMediaUploadProgress ) {\n\t\t\tthis.props.onUpdateMediaUploadProgress( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isSaveInProgress: false } );\n\t\tif ( this.props.onFinishMediaUploadWithSuccess ) {\n\t\t\tthis.props.onFinishMediaUploadWithSuccess( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithFailure( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: true } );\n\t\tif ( this.props.onFinishMediaUploadWithFailure ) {\n\t\t\tthis.props.onFinishMediaUploadWithFailure( payload );\n\t\t}\n\t}\n\n\tmediaUploadStateReset( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: false } );\n\t\tif ( this.props.onMediaUploadStateReset ) {\n\t\t\tthis.props.onMediaUploadStateReset( payload );\n\t\t}\n\t}\n\n\taddMediaUploadListener() {\n\t\t// If we already have a subscription not worth doing it again.\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\treturn;\n\t\t}\n\t\tthis.subscriptionParentMediaUpload = subscribeMediaUpload(\n\t\t\t( payload ) => {\n\t\t\t\tthis.mediaUpload( payload );\n\t\t\t}\n\t\t);\n\t}\n\n\tremoveMediaUploadListener() {\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\tthis.subscriptionParentMediaUpload.remove();\n\t\t}\n\t}\n\n\taddMediaSaveListener() {\n\t\t// If we already have a subscription not worth doing it again.\n\t\tif ( this.subscriptionParentMediaSave ) {\n\t\t\treturn;\n\t\t}\n\t\tthis.subscriptionParentMediaSave = subscribeMediaSave( ( payload ) => {\n\t\t\tthis.mediaSave( payload );\n\t\t} );\n\t}\n\n\tremoveMediaSaveListener() {\n\t\tif ( this.subscriptionParentMediaSave ) {\n\t\t\tthis.subscriptionParentMediaSave.remove();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { renderContent = () => null } = this.props;\n\t\tconst {\n\t\t\tisUploadInProgress,\n\t\t\tisUploadFailed,\n\t\t\tisSaveInProgress,\n\t\t\tisSaveFailed,\n\t\t} = this.state;\n\t\tconst showSpinner =\n\t\t\tthis.state.isUploadInProgress || this.state.isSaveInProgress;\n\t\tconst progress = this.state.progress * 100;\n\t\t// eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace\n\t\tconst retryMessageSave = __(\n\t\t\t'Failed to save files.\\nPlease tap for options.'\n\t\t);\n\t\t// eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace\n\t\tconst retryMessageUpload = __(\n\t\t\t'Failed to upload files.\\nPlease tap for options.'\n\t\t);\n\t\tlet retryMessage = retryMessageSave;\n\t\tif ( isUploadFailed ) {\n\t\t\tretryMessage = retryMessageUpload;\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaUploadProgress } pointerEvents=\"box-none\">\n\t\t\t\t{ showSpinner && (\n\t\t\t\t\t<View style={ styles.progressBar }>\n\t\t\t\t\t\t<Spinner progress={ progress } testID=\"spinner\" />\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t\t{ renderContent( {\n\t\t\t\t\tisUploadInProgress,\n\t\t\t\t\tisUploadFailed,\n\t\t\t\t\tisSaveInProgress,\n\t\t\t\t\tisSaveFailed,\n\t\t\t\t\tretryMessage,\n\t\t\t\t} ) }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default BlockMediaUpdateProgress;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","Component","Spinner","__","subscribeMediaUpload","subscribeMediaSave","styles","jsx","_jsx","jsxs","_jsxs","MEDIA_UPLOAD_STATE_UPLOADING","MEDIA_UPLOAD_STATE_SUCCEEDED","MEDIA_UPLOAD_STATE_FAILED","MEDIA_UPLOAD_STATE_RESET","MEDIA_SAVE_STATE_SAVING","MEDIA_SAVE_STATE_SUCCEEDED","MEDIA_SAVE_STATE_FAILED","MEDIA_SAVE_STATE_RESET","MEDIA_SAVE_FINAL_STATE_RESULT","MEDIA_SAVE_MEDIAID_CHANGED","BlockMediaUpdateProgress","constructor","props","state","progress","isSaveInProgress","isSaveFailed","isUploadInProgress","isUploadFailed","mediaUpload","bind","mediaSave","componentDidMount","addMediaUploadListener","addMediaSaveListener","componentWillUnmount","removeMediaUploadListener","removeMediaSaveListener","mediaIdContainedInMediaFiles","mediaId","mediaFiles","undefined","some","element","id","toString","payload","updateMediaUploadProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","updateMediaSaveProgress","finishMediaSaveWithSuccess","finishMediaSaveWithFailure","mediaSaveStateReset","finalSaveResult","mediaIdChanged","setState","onUpdateMediaSaveProgress","onFinishMediaSaveWithSuccess","onFinishMediaSaveWithFailure","onMediaSaveStateReset","success","onFinalSaveResult","onMediaIdChanged","onUpdateMediaUploadProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","subscriptionParentMediaUpload","remove","subscriptionParentMediaSave","render","renderContent","showSpinner","retryMessageSave","retryMessageUpload","retryMessage","style","mediaUploadProgress","pointerEvents","children","progressBar","testID"],"sources":["@wordpress/block-editor/src/components/block-media-update-progress/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsubscribeMediaUpload,\n\tsubscribeMediaSave,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nexport const MEDIA_UPLOAD_STATE_UPLOADING = 1;\nexport const MEDIA_UPLOAD_STATE_SUCCEEDED = 2;\nexport const MEDIA_UPLOAD_STATE_FAILED = 3;\nexport const MEDIA_UPLOAD_STATE_RESET = 4;\n\nexport const MEDIA_SAVE_STATE_SAVING = 5;\nexport const MEDIA_SAVE_STATE_SUCCEEDED = 6;\nexport const MEDIA_SAVE_STATE_FAILED = 7;\nexport const MEDIA_SAVE_STATE_RESET = 8;\nexport const MEDIA_SAVE_FINAL_STATE_RESULT = 9;\nexport const MEDIA_SAVE_MEDIAID_CHANGED = 10;\n\nexport class BlockMediaUpdateProgress extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.state = {\n\t\t\tprogress: 0,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: false,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t};\n\n\t\tthis.mediaUpload = this.mediaUpload.bind( this );\n\t\tthis.mediaSave = this.mediaSave.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.addMediaUploadListener();\n\t\tthis.addMediaSaveListener();\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.removeMediaUploadListener();\n\t\tthis.removeMediaSaveListener();\n\t}\n\n\tmediaIdContainedInMediaFiles( mediaId, mediaFiles ) {\n\t\tif ( mediaId !== undefined && mediaFiles !== undefined ) {\n\t\t\treturn mediaFiles.some(\n\t\t\t\t( element ) => element.id === mediaId.toString()\n\t\t\t);\n\t\t}\n\t\treturn false;\n\t}\n\n\tmediaUpload( payload ) {\n\t\tconst { mediaFiles } = this.props;\n\n\t\tif (\n\t\t\tthis.mediaIdContainedInMediaFiles( payload.mediaId, mediaFiles ) ===\n\t\t\tfalse\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( payload.state ) {\n\t\t\tcase MEDIA_UPLOAD_STATE_UPLOADING:\n\t\t\t\tthis.updateMediaUploadProgress( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_SUCCEEDED:\n\t\t\t\tthis.finishMediaUploadWithSuccess( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_FAILED:\n\t\t\t\tthis.finishMediaUploadWithFailure( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_RESET:\n\t\t\t\tthis.mediaUploadStateReset( payload );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tmediaSave( payload ) {\n\t\tconst { mediaFiles } = this.props;\n\n\t\tif (\n\t\t\tthis.mediaIdContainedInMediaFiles( payload.mediaId, mediaFiles ) ===\n\t\t\tfalse\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( payload.state ) {\n\t\t\tcase MEDIA_SAVE_STATE_SAVING:\n\t\t\t\tthis.updateMediaSaveProgress( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_STATE_SUCCEEDED:\n\t\t\t\tthis.finishMediaSaveWithSuccess( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_STATE_FAILED:\n\t\t\t\tthis.finishMediaSaveWithFailure( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_STATE_RESET:\n\t\t\t\tthis.mediaSaveStateReset( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_FINAL_STATE_RESULT:\n\t\t\t\tthis.finalSaveResult( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_SAVE_MEDIAID_CHANGED:\n\t\t\t\tthis.mediaIdChanged( payload );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\t// ---- Block media save actions.\n\tupdateMediaSaveProgress( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: true,\n\t\t\tisSaveFailed: false,\n\t\t} );\n\t\tif ( this.props.onUpdateMediaSaveProgress ) {\n\t\t\tthis.props.onUpdateMediaSaveProgress( payload );\n\t\t}\n\t}\n\n\tfinishMediaSaveWithSuccess( payload ) {\n\t\tthis.setState( { isSaveInProgress: false } );\n\t\tif ( this.props.onFinishMediaSaveWithSuccess ) {\n\t\t\tthis.props.onFinishMediaSaveWithSuccess( payload );\n\t\t}\n\t}\n\n\tfinishMediaSaveWithFailure( payload ) {\n\t\tthis.setState( { isSaveInProgress: false, isSaveFailed: true } );\n\t\tif ( this.props.onFinishMediaSaveWithFailure ) {\n\t\t\tthis.props.onFinishMediaSaveWithFailure( payload );\n\t\t}\n\t}\n\n\tmediaSaveStateReset( payload ) {\n\t\tthis.setState( { isSaveInProgress: false, isSaveFailed: false } );\n\t\tif ( this.props.onMediaSaveStateReset ) {\n\t\t\tthis.props.onMediaSaveStateReset( payload );\n\t\t}\n\t}\n\n\tfinalSaveResult( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: ! payload.success,\n\t\t} );\n\t\tif ( this.props.onFinalSaveResult ) {\n\t\t\tthis.props.onFinalSaveResult( payload );\n\t\t}\n\t}\n\n\tmediaIdChanged( payload ) {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: false,\n\t\t} );\n\t\tif ( this.props.onMediaIdChanged ) {\n\t\t\tthis.props.onMediaIdChanged( payload );\n\t\t}\n\t}\n\n\t// ---- Block media upload actions.\n\tupdateMediaUploadProgress( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: true,\n\t\t\tisUploadFailed: false,\n\t\t\tisSaveInProgress: false,\n\t\t\tisSaveFailed: false,\n\t\t} );\n\t\tif ( this.props.onUpdateMediaUploadProgress ) {\n\t\t\tthis.props.onUpdateMediaUploadProgress( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isSaveInProgress: false } );\n\t\tif ( this.props.onFinishMediaUploadWithSuccess ) {\n\t\t\tthis.props.onFinishMediaUploadWithSuccess( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithFailure( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: true } );\n\t\tif ( this.props.onFinishMediaUploadWithFailure ) {\n\t\t\tthis.props.onFinishMediaUploadWithFailure( payload );\n\t\t}\n\t}\n\n\tmediaUploadStateReset( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: false } );\n\t\tif ( this.props.onMediaUploadStateReset ) {\n\t\t\tthis.props.onMediaUploadStateReset( payload );\n\t\t}\n\t}\n\n\taddMediaUploadListener() {\n\t\t// If we already have a subscription not worth doing it again.\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\treturn;\n\t\t}\n\t\tthis.subscriptionParentMediaUpload = subscribeMediaUpload(\n\t\t\t( payload ) => {\n\t\t\t\tthis.mediaUpload( payload );\n\t\t\t}\n\t\t);\n\t}\n\n\tremoveMediaUploadListener() {\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\tthis.subscriptionParentMediaUpload.remove();\n\t\t}\n\t}\n\n\taddMediaSaveListener() {\n\t\t// If we already have a subscription not worth doing it again.\n\t\tif ( this.subscriptionParentMediaSave ) {\n\t\t\treturn;\n\t\t}\n\t\tthis.subscriptionParentMediaSave = subscribeMediaSave( ( payload ) => {\n\t\t\tthis.mediaSave( payload );\n\t\t} );\n\t}\n\n\tremoveMediaSaveListener() {\n\t\tif ( this.subscriptionParentMediaSave ) {\n\t\t\tthis.subscriptionParentMediaSave.remove();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { renderContent = () => null } = this.props;\n\t\tconst {\n\t\t\tisUploadInProgress,\n\t\t\tisUploadFailed,\n\t\t\tisSaveInProgress,\n\t\t\tisSaveFailed,\n\t\t} = this.state;\n\t\tconst showSpinner =\n\t\t\tthis.state.isUploadInProgress || this.state.isSaveInProgress;\n\t\tconst progress = this.state.progress * 100;\n\t\t// eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace\n\t\tconst retryMessageSave = __(\n\t\t\t'Failed to save files.\\nPlease tap for options.'\n\t\t);\n\t\t// eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace\n\t\tconst retryMessageUpload = __(\n\t\t\t'Failed to upload files.\\nPlease tap for options.'\n\t\t);\n\t\tlet retryMessage = retryMessageSave;\n\t\tif ( isUploadFailed ) {\n\t\t\tretryMessage = retryMessageUpload;\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaUploadProgress } pointerEvents=\"box-none\">\n\t\t\t\t{ showSpinner && (\n\t\t\t\t\t<View style={ styles.progressBar }>\n\t\t\t\t\t\t<Spinner progress={ progress } testID=\"spinner\" />\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t\t{ renderContent( {\n\t\t\t\t\tisUploadInProgress,\n\t\t\t\t\tisUploadFailed,\n\t\t\t\t\tisSaveInProgress,\n\t\t\t\t\tisSaveFailed,\n\t\t\t\t\tretryMessage,\n\t\t\t\t} ) }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default BlockMediaUpdateProgress;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-mover/button.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -20,6 +19,9 @@ import { __, isRTL } from '@wordpress/i18n';
 import { chevronLeft, chevronRight, chevronUp, chevronDown } from '@wordpress/icons';
 import { getBlockMoverDescription } from './mover-description';
 import { store as blockEditorStore } from '../../store';
+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 getArrowIcon = (direction, orientation) => {
   if (direction === 'up') {
     if (orientation === 'horizontal') {
@@ -109,29 +111,32 @@ const BlockMoverButton = forwardRef(({
     }
   };
   const descriptionId = `block-editor-block-mover-button__description-${instanceId}`;
-  return createElement(Fragment, null, createElement(Button, {
-    ref: ref,
-    className: clsx('block-editor-block-mover-button', `is-${direction}-button`),
-    icon: getArrowIcon(direction, orientation),
-    label: getMovementDirectionLabel(direction, orientation),
-    "aria-describedby": descriptionId,
-    ...props,
-    onClick: isDisabled ? null : onClick,
-    disabled: isDisabled,
-    __experimentalIsFocusable: true
-  }), createElement(VisuallyHidden, {
-    id: descriptionId
-  }, getBlockMoverDescription(blocksCount, blockType && blockType.title, firstIndex, isFirst, isLast, direction === 'up' ? -1 : 1, orientation)));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      ref: ref,
+      className: clsx('block-editor-block-mover-button', `is-${direction}-button`),
+      icon: getArrowIcon(direction, orientation),
+      label: getMovementDirectionLabel(direction, orientation),
+      "aria-describedby": descriptionId,
+      ...props,
+      onClick: isDisabled ? null : onClick,
+      disabled: isDisabled,
+      __experimentalIsFocusable: true
+    }), /*#__PURE__*/_jsx(VisuallyHidden, {
+      id: descriptionId,
+      children: getBlockMoverDescription(blocksCount, blockType && blockType.title, firstIndex, isFirst, isLast, direction === 'up' ? -1 : 1, orientation)
+    })]
+  });
 });
 export const BlockMoverUpButton = forwardRef((props, ref) => {
-  return createElement(BlockMoverButton, {
+  return /*#__PURE__*/_jsx(BlockMoverButton, {
     direction: "up",
     ref: ref,
     ...props
   });
 });
 export const BlockMoverDownButton = forwardRef((props, ref) => {
-  return createElement(BlockMoverButton, {
+  return /*#__PURE__*/_jsx(BlockMoverButton, {
     direction: "down",
     ref: ref,
     ...props

package/build-module/components/block-mover/button.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","getBlockType","Button","VisuallyHidden","useInstanceId","useSelect","useDispatch","forwardRef","__","isRTL","chevronLeft","chevronRight","chevronUp","chevronDown","getBlockMoverDescription","store","blockEditorStore","getArrowIcon","direction","orientation","getMovementDirectionLabel","moveDirection","BlockMoverButton","clientIds","moverOrientation","props","ref","instanceId","normalizedClientIds","Array","isArray","blocksCount","length","disabled","blockType","isDisabled","rootClientId","isFirst","isLast","firstIndex","select","getBlockIndex","getBlockRootClientId","getBlockOrder","getBlock","getBlockListSettings","firstClientId","blockRootClientId","firstBlockIndex","lastBlockIndex","blockOrder","block","isFirstBlock","isLastBlock","blockListOrientation","name","moveBlocksDown","moveBlocksUp","moverFunction","onClick","event","descriptionId","createElement","Fragment","className","icon","label","__experimentalIsFocusable","id","title","BlockMoverUpButton","BlockMoverDownButton"],"sources":["@wordpress/block-editor/src/components/block-mover/button.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tchevronUp,\n\tchevronDown,\n} from '@wordpress/icons';\nimport { getBlockMoverDescription } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nconst getArrowIcon = ( direction, orientation ) => {\n\tif ( direction === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronRight : chevronLeft;\n\t\t}\n\t\treturn chevronUp;\n\t} else if ( direction === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronLeft : chevronRight;\n\t\t}\n\t\treturn chevronDown;\n\t}\n\treturn null;\n};\n\nconst getMovementDirectionLabel = ( moveDirection, orientation ) => {\n\tif ( moveDirection === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move right' ) : __( 'Move left' );\n\t\t}\n\t\treturn __( 'Move up' );\n\t} else if ( moveDirection === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move left' ) : __( 'Move right' );\n\t\t}\n\t\treturn __( 'Move down' );\n\t}\n\treturn null;\n};\n\nconst BlockMoverButton = forwardRef(\n\t(\n\t\t{ clientIds, direction, orientation: moverOrientation, ...props },\n\t\tref\n\t) => {\n\t\tconst instanceId = useInstanceId( BlockMoverButton );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst blocksCount = normalizedClientIds.length;\n\t\tconst { disabled } = props;\n\n\t\tconst {\n\t\t\tblockType,\n\t\t\tisDisabled,\n\t\t\trootClientId,\n\t\t\tisFirst,\n\t\t\tisLast,\n\t\t\tfirstIndex,\n\t\t\torientation = 'vertical',\n\t\t} = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockOrder,\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockListSettings,\n\t\t\t\t} = select( blockEditorStore );\n\t\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( firstClientId );\n\t\t\t\tconst firstBlockIndex = getBlockIndex( firstClientId );\n\t\t\t\tconst lastBlockIndex = getBlockIndex(\n\t\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t\t);\n\t\t\t\tconst blockOrder = getBlockOrder( blockRootClientId );\n\t\t\t\tconst block = getBlock( firstClientId );\n\t\t\t\tconst isFirstBlock = firstBlockIndex === 0;\n\t\t\t\tconst isLastBlock = lastBlockIndex === blockOrder.length - 1;\n\t\t\t\tconst { orientation: blockListOrientation } =\n\t\t\t\t\tgetBlockListSettings( blockRootClientId ) || {};\n\n\t\t\t\treturn {\n\t\t\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\t\t\tisDisabled:\n\t\t\t\t\t\tdisabled ||\n\t\t\t\t\t\t( direction === 'up' ? isFirstBlock : isLastBlock ),\n\t\t\t\t\trootClientId: blockRootClientId,\n\t\t\t\t\tfirstIndex: firstBlockIndex,\n\t\t\t\t\tisFirst: isFirstBlock,\n\t\t\t\t\tisLast: isLastBlock,\n\t\t\t\t\torientation: moverOrientation || blockListOrientation,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientIds, direction ]\n\t\t);\n\n\t\tconst { moveBlocksDown, moveBlocksUp } =\n\t\t\tuseDispatch( blockEditorStore );\n\t\tconst moverFunction =\n\t\t\tdirection === 'up' ? moveBlocksUp : moveBlocksDown;\n\n\t\tconst onClick = ( event ) => {\n\t\t\tmoverFunction( clientIds, rootClientId );\n\t\t\tif ( props.onClick ) {\n\t\t\t\tprops.onClick( event );\n\t\t\t}\n\t\t};\n\n\t\tconst descriptionId = `block-editor-block-mover-button__description-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-mover-button',\n\t\t\t\t\t\t`is-${ direction }-button`\n\t\t\t\t\t) }\n\t\t\t\t\ticon={ getArrowIcon( direction, orientation ) }\n\t\t\t\t\tlabel={ getMovementDirectionLabel(\n\t\t\t\t\t\tdirection,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tonClick={ isDisabled ? null : onClick }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t/>\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ getBlockMoverDescription(\n\t\t\t\t\t\tblocksCount,\n\t\t\t\t\t\tblockType && blockType.title,\n\t\t\t\t\t\tfirstIndex,\n\t\t\t\t\t\tisFirst,\n\t\t\t\t\t\tisLast,\n\t\t\t\t\t\tdirection === 'up' ? -1 : 1,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport const BlockMoverUpButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"up\" ref={ ref } { ...props } />;\n} );\n\nexport const BlockMoverDownButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"down\" ref={ ref } { ...props } />;\n} );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","getBlockType","Button","VisuallyHidden","useInstanceId","useSelect","useDispatch","forwardRef","__","isRTL","chevronLeft","chevronRight","chevronUp","chevronDown","getBlockMoverDescription","store","blockEditorStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getArrowIcon","direction","orientation","getMovementDirectionLabel","moveDirection","BlockMoverButton","clientIds","moverOrientation","props","ref","instanceId","normalizedClientIds","Array","isArray","blocksCount","length","disabled","blockType","isDisabled","rootClientId","isFirst","isLast","firstIndex","select","getBlockIndex","getBlockRootClientId","getBlockOrder","getBlock","getBlockListSettings","firstClientId","blockRootClientId","firstBlockIndex","lastBlockIndex","blockOrder","block","isFirstBlock","isLastBlock","blockListOrientation","name","moveBlocksDown","moveBlocksUp","moverFunction","onClick","event","descriptionId","children","className","icon","label","__experimentalIsFocusable","id","title","BlockMoverUpButton","BlockMoverDownButton"],"sources":["@wordpress/block-editor/src/components/block-mover/button.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tchevronUp,\n\tchevronDown,\n} from '@wordpress/icons';\nimport { getBlockMoverDescription } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nconst getArrowIcon = ( direction, orientation ) => {\n\tif ( direction === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronRight : chevronLeft;\n\t\t}\n\t\treturn chevronUp;\n\t} else if ( direction === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronLeft : chevronRight;\n\t\t}\n\t\treturn chevronDown;\n\t}\n\treturn null;\n};\n\nconst getMovementDirectionLabel = ( moveDirection, orientation ) => {\n\tif ( moveDirection === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move right' ) : __( 'Move left' );\n\t\t}\n\t\treturn __( 'Move up' );\n\t} else if ( moveDirection === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move left' ) : __( 'Move right' );\n\t\t}\n\t\treturn __( 'Move down' );\n\t}\n\treturn null;\n};\n\nconst BlockMoverButton = forwardRef(\n\t(\n\t\t{ clientIds, direction, orientation: moverOrientation, ...props },\n\t\tref\n\t) => {\n\t\tconst instanceId = useInstanceId( BlockMoverButton );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst blocksCount = normalizedClientIds.length;\n\t\tconst { disabled } = props;\n\n\t\tconst {\n\t\t\tblockType,\n\t\t\tisDisabled,\n\t\t\trootClientId,\n\t\t\tisFirst,\n\t\t\tisLast,\n\t\t\tfirstIndex,\n\t\t\torientation = 'vertical',\n\t\t} = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockOrder,\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockListSettings,\n\t\t\t\t} = select( blockEditorStore );\n\t\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( firstClientId );\n\t\t\t\tconst firstBlockIndex = getBlockIndex( firstClientId );\n\t\t\t\tconst lastBlockIndex = getBlockIndex(\n\t\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t\t);\n\t\t\t\tconst blockOrder = getBlockOrder( blockRootClientId );\n\t\t\t\tconst block = getBlock( firstClientId );\n\t\t\t\tconst isFirstBlock = firstBlockIndex === 0;\n\t\t\t\tconst isLastBlock = lastBlockIndex === blockOrder.length - 1;\n\t\t\t\tconst { orientation: blockListOrientation } =\n\t\t\t\t\tgetBlockListSettings( blockRootClientId ) || {};\n\n\t\t\t\treturn {\n\t\t\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\t\t\tisDisabled:\n\t\t\t\t\t\tdisabled ||\n\t\t\t\t\t\t( direction === 'up' ? isFirstBlock : isLastBlock ),\n\t\t\t\t\trootClientId: blockRootClientId,\n\t\t\t\t\tfirstIndex: firstBlockIndex,\n\t\t\t\t\tisFirst: isFirstBlock,\n\t\t\t\t\tisLast: isLastBlock,\n\t\t\t\t\torientation: moverOrientation || blockListOrientation,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientIds, direction ]\n\t\t);\n\n\t\tconst { moveBlocksDown, moveBlocksUp } =\n\t\t\tuseDispatch( blockEditorStore );\n\t\tconst moverFunction =\n\t\t\tdirection === 'up' ? moveBlocksUp : moveBlocksDown;\n\n\t\tconst onClick = ( event ) => {\n\t\t\tmoverFunction( clientIds, rootClientId );\n\t\t\tif ( props.onClick ) {\n\t\t\t\tprops.onClick( event );\n\t\t\t}\n\t\t};\n\n\t\tconst descriptionId = `block-editor-block-mover-button__description-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-mover-button',\n\t\t\t\t\t\t`is-${ direction }-button`\n\t\t\t\t\t) }\n\t\t\t\t\ticon={ getArrowIcon( direction, orientation ) }\n\t\t\t\t\tlabel={ getMovementDirectionLabel(\n\t\t\t\t\t\tdirection,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tonClick={ isDisabled ? null : onClick }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t/>\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ getBlockMoverDescription(\n\t\t\t\t\t\tblocksCount,\n\t\t\t\t\t\tblockType && blockType.title,\n\t\t\t\t\t\tfirstIndex,\n\t\t\t\t\t\tisFirst,\n\t\t\t\t\t\tisLast,\n\t\t\t\t\t\tdirection === 'up' ? -1 : 1,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport const BlockMoverUpButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"up\" ref={ ref } { ...props } />;\n} );\n\nexport const BlockMoverDownButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"down\" ref={ ref } { ...props } />;\n} );\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-mover/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -19,6 +18,8 @@ import { __ } from '@wordpress/i18n';
 import BlockDraggable from '../block-draggable';
 import { BlockMoverUpButton, BlockMoverDownButton } from './button';
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function BlockMover({
   clientIds,
   hideDragHandle,
@@ -57,34 +58,41 @@ function BlockMover({
     return null;
   }
   const dragHandleLabel = __('Drag');
-  return createElement(ToolbarGroup, {
+  return /*#__PURE__*/_jsxs(ToolbarGroup, {
     className: clsx('block-editor-block-mover', {
       'is-horizontal': orientation === 'horizontal'
-    })
-  }, !hideDragHandle && createElement(BlockDraggable, {
-    clientIds: clientIds,
-    fadeWhenDisabled: true
-  }, draggableProps => createElement(Button, {
-    icon: dragHandle,
-    className: "block-editor-block-mover__drag-handle",
-    "aria-hidden": "true",
-    label: dragHandleLabel
-    // Should not be able to tab to drag handle as this
-    // button can only be used with a pointer device.
-    ,
-    tabIndex: "-1",
-    ...draggableProps
-  })), createElement("div", {
-    className: "block-editor-block-mover__move-button-container"
-  }, createElement(ToolbarItem, null, itemProps => createElement(BlockMoverUpButton, {
-    disabled: isBlockMoverUpButtonDisabled,
-    clientIds: clientIds,
-    ...itemProps
-  })), createElement(ToolbarItem, null, itemProps => createElement(BlockMoverDownButton, {
-    disabled: isBlockMoverDownButtonDisabled,
-    clientIds: clientIds,
-    ...itemProps
-  }))));
+    }),
+    children: [!hideDragHandle && /*#__PURE__*/_jsx(BlockDraggable, {
+      clientIds: clientIds,
+      fadeWhenDisabled: true,
+      children: draggableProps => /*#__PURE__*/_jsx(Button, {
+        icon: dragHandle,
+        className: "block-editor-block-mover__drag-handle",
+        "aria-hidden": "true",
+        label: dragHandleLabel
+        // Should not be able to tab to drag handle as this
+        // button can only be used with a pointer device.
+        ,
+        tabIndex: "-1",
+        ...draggableProps
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "block-editor-block-mover__move-button-container",
+      children: [/*#__PURE__*/_jsx(ToolbarItem, {
+        children: itemProps => /*#__PURE__*/_jsx(BlockMoverUpButton, {
+          disabled: isBlockMoverUpButtonDisabled,
+          clientIds: clientIds,
+          ...itemProps
+        })
+      }), /*#__PURE__*/_jsx(ToolbarItem, {
+        children: itemProps => /*#__PURE__*/_jsx(BlockMoverDownButton, {
+          disabled: isBlockMoverDownButtonDisabled,
+          clientIds: clientIds,
+          ...itemProps
+        })
+      })]
+    })]
+  });
 }
 
 /**

package/build-module/components/block-mover/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","dragHandle","ToolbarGroup","ToolbarItem","Button","useSelect","__","BlockDraggable","BlockMoverUpButton","BlockMoverDownButton","store","blockEditorStore","BlockMover","clientIds","hideDragHandle","isBlockMoverUpButtonDisabled","isBlockMoverDownButtonDisabled","canMove","rootClientId","isFirst","isLast","orientation","select","getBlockIndex","getBlockListSettings","canMoveBlocks","getBlockOrder","getBlockRootClientId","normalizedClientIds","Array","isArray","firstClientId","_rootClientId","firstIndex","lastIndex","length","blockOrder","dragHandleLabel","createElement","className","fadeWhenDisabled","draggableProps","icon","label","tabIndex","itemProps","disabled"],"sources":["@wordpress/block-editor/src/components/block-mover/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\n\nimport { dragHandle } from '@wordpress/icons';\nimport { ToolbarGroup, ToolbarItem, Button } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggable from '../block-draggable';\nimport { BlockMoverUpButton, BlockMoverDownButton } from './button';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockMover( {\n\tclientIds,\n\thideDragHandle,\n\tisBlockMoverUpButtonDisabled,\n\tisBlockMoverDownButtonDisabled,\n} ) {\n\tconst { canMove, rootClientId, isFirst, isLast, orientation } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t\t? clientIds\n\t\t\t\t: [ clientIds ];\n\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\tconst _rootClientId = getBlockRootClientId( firstClientId );\n\t\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\t\tconst lastIndex = getBlockIndex(\n\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t);\n\t\t\tconst blockOrder = getBlockOrder( _rootClientId );\n\n\t\t\treturn {\n\t\t\t\tcanMove: canMoveBlocks( clientIds, _rootClientId ),\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tisFirst: firstIndex === 0,\n\t\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\t\torientation: getBlockListSettings( _rootClientId )?.orientation,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tif ( ! canMove || ( isFirst && isLast && ! rootClientId ) ) {\n\t\treturn null;\n\t}\n\n\tconst dragHandleLabel = __( 'Drag' );\n\n\treturn (\n\t\t<ToolbarGroup\n\t\t\tclassName={ clsx( 'block-editor-block-mover', {\n\t\t\t\t'is-horizontal': orientation === 'horizontal',\n\t\t\t} ) }\n\t\t>\n\t\t\t{ ! hideDragHandle && (\n\t\t\t\t<BlockDraggable clientIds={ clientIds } fadeWhenDisabled>\n\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-mover__drag-handle\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tlabel={ dragHandleLabel }\n\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t) }\n\t\t\t<div className=\"block-editor-block-mover__move-button-container\">\n\t\t\t\t<ToolbarItem>\n\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t<BlockMoverUpButton\n\t\t\t\t\t\t\tdisabled={ isBlockMoverUpButtonDisabled }\n\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarItem>\n\t\t\t\t<ToolbarItem>\n\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t<BlockMoverDownButton\n\t\t\t\t\t\t\tdisabled={ isBlockMoverDownButtonDisabled }\n\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarItem>\n\t\t\t</div>\n\t\t</ToolbarGroup>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-mover/README.md\n */\nexport default BlockMover;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","dragHandle","ToolbarGroup","ToolbarItem","Button","useSelect","__","BlockDraggable","BlockMoverUpButton","BlockMoverDownButton","store","blockEditorStore","jsx","_jsx","jsxs","_jsxs","BlockMover","clientIds","hideDragHandle","isBlockMoverUpButtonDisabled","isBlockMoverDownButtonDisabled","canMove","rootClientId","isFirst","isLast","orientation","select","getBlockIndex","getBlockListSettings","canMoveBlocks","getBlockOrder","getBlockRootClientId","normalizedClientIds","Array","isArray","firstClientId","_rootClientId","firstIndex","lastIndex","length","blockOrder","dragHandleLabel","className","children","fadeWhenDisabled","draggableProps","icon","label","tabIndex","itemProps","disabled"],"sources":["@wordpress/block-editor/src/components/block-mover/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\n\nimport { dragHandle } from '@wordpress/icons';\nimport { ToolbarGroup, ToolbarItem, Button } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockDraggable from '../block-draggable';\nimport { BlockMoverUpButton, BlockMoverDownButton } from './button';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockMover( {\n\tclientIds,\n\thideDragHandle,\n\tisBlockMoverUpButtonDisabled,\n\tisBlockMoverDownButtonDisabled,\n} ) {\n\tconst { canMove, rootClientId, isFirst, isLast, orientation } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockIndex,\n\t\t\t\tgetBlockListSettings,\n\t\t\t\tcanMoveBlocks,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t\t? clientIds\n\t\t\t\t: [ clientIds ];\n\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\tconst _rootClientId = getBlockRootClientId( firstClientId );\n\t\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\t\tconst lastIndex = getBlockIndex(\n\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t);\n\t\t\tconst blockOrder = getBlockOrder( _rootClientId );\n\n\t\t\treturn {\n\t\t\t\tcanMove: canMoveBlocks( clientIds, _rootClientId ),\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tisFirst: firstIndex === 0,\n\t\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\t\torientation: getBlockListSettings( _rootClientId )?.orientation,\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tif ( ! canMove || ( isFirst && isLast && ! rootClientId ) ) {\n\t\treturn null;\n\t}\n\n\tconst dragHandleLabel = __( 'Drag' );\n\n\treturn (\n\t\t<ToolbarGroup\n\t\t\tclassName={ clsx( 'block-editor-block-mover', {\n\t\t\t\t'is-horizontal': orientation === 'horizontal',\n\t\t\t} ) }\n\t\t>\n\t\t\t{ ! hideDragHandle && (\n\t\t\t\t<BlockDraggable clientIds={ clientIds } fadeWhenDisabled>\n\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\tclassName=\"block-editor-block-mover__drag-handle\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\tlabel={ dragHandleLabel }\n\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t) }\n\t\t\t<div className=\"block-editor-block-mover__move-button-container\">\n\t\t\t\t<ToolbarItem>\n\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t<BlockMoverUpButton\n\t\t\t\t\t\t\tdisabled={ isBlockMoverUpButtonDisabled }\n\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarItem>\n\t\t\t\t<ToolbarItem>\n\t\t\t\t\t{ ( itemProps ) => (\n\t\t\t\t\t\t<BlockMoverDownButton\n\t\t\t\t\t\t\tdisabled={ isBlockMoverDownButtonDisabled }\n\t\t\t\t\t\t\tclientIds={ clientIds }\n\t\t\t\t\t\t\t{ ...itemProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</ToolbarItem>\n\t\t\t</div>\n\t\t</ToolbarGroup>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-mover/README.md\n */\nexport default BlockMover;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;;AAEA,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,YAAY,EAAEC,WAAW,EAAEC,MAAM,QAAQ,uBAAuB;AACzE,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,kBAAkB,EAAEC,oBAAoB,QAAQ,UAAU;AACnE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,SAASC,UAAUA,CAAE;EACpBC,SAAS;EACTC,cAAc;EACdC,4BAA4B;EAC5BC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,OAAO;IAAEC,YAAY;IAAEC,OAAO;IAAEC,MAAM;IAAEC;EAAY,CAAC,GAAGpB,SAAS,CACtEqB,MAAM,IAAM;IACb,MAAM;MACLC,aAAa;MACbC,oBAAoB;MACpBC,aAAa;MACbC,aAAa;MACbC;IACD,CAAC,GAAGL,MAAM,CAAEf,gBAAiB,CAAC;IAC9B,MAAMqB,mBAAmB,GAAGC,KAAK,CAACC,OAAO,CAAEjB,SAAU,CAAC,GACnDA,SAAS,GACT,CAAEA,SAAS,CAAE;IAChB,MAAMkB,aAAa,GAAGH,mBAAmB,CAAE,CAAC,CAAE;IAC9C,MAAMI,aAAa,GAAGL,oBAAoB,CAAEI,aAAc,CAAC;IAC3D,MAAME,UAAU,GAAGV,aAAa,CAAEQ,aAAc,CAAC;IACjD,MAAMG,SAAS,GAAGX,aAAa,CAC9BK,mBAAmB,CAAEA,mBAAmB,CAACO,MAAM,GAAG,CAAC,CACpD,CAAC;IACD,MAAMC,UAAU,GAAGV,aAAa,CAAEM,aAAc,CAAC;IAEjD,OAAO;MACNf,OAAO,EAAEQ,aAAa,CAAEZ,SAAS,EAAEmB,aAAc,CAAC;MAClDd,YAAY,EAAEc,aAAa;MAC3Bb,OAAO,EAAEc,UAAU,KAAK,CAAC;MACzBb,MAAM,EAAEc,SAAS,KAAKE,UAAU,CAACD,MAAM,GAAG,CAAC;MAC3Cd,WAAW,EAAEG,oBAAoB,CAAEQ,aAAc,CAAC,EAAEX;IACrD,CAAC;EACF,CAAC,EACD,CAAER,SAAS,CACZ,CAAC;EAED,IAAK,CAAEI,OAAO,IAAME,OAAO,IAAIC,MAAM,IAAI,CAAEF,YAAc,EAAG;IAC3D,OAAO,IAAI;EACZ;EAEA,MAAMmB,eAAe,GAAGnC,EAAE,CAAE,MAAO,CAAC;EAEpC,oBACCS,KAAA,CAACb,YAAY;IACZwC,SAAS,EAAG1C,IAAI,CAAE,0BAA0B,EAAE;MAC7C,eAAe,EAAEyB,WAAW,KAAK;IAClC,CAAE,CAAG;IAAAkB,QAAA,GAEH,CAAEzB,cAAc,iBACjBL,IAAA,CAACN,cAAc;MAACU,SAAS,EAAGA,SAAW;MAAC2B,gBAAgB;MAAAD,QAAA,EACnDE,cAAc,iBACjBhC,IAAA,CAACT,MAAM;QACN0C,IAAI,EAAG7C,UAAY;QACnByC,SAAS,EAAC,uCAAuC;QACjD,eAAY,MAAM;QAClBK,KAAK,EAAGN;QACR;QACA;QAAA;QACAO,QAAQ,EAAC,IAAI;QAAA,GACRH;MAAc,CACnB;IACD,CACc,CAChB,eACD9B,KAAA;MAAK2B,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/D9B,IAAA,CAACV,WAAW;QAAAwC,QAAA,EACPM,SAAS,iBACZpC,IAAA,CAACL,kBAAkB;UAClB0C,QAAQ,EAAG/B,4BAA8B;UACzCF,SAAS,EAAGA,SAAW;UAAA,GAClBgC;QAAS,CACd;MACD,CACW,CAAC,eACdpC,IAAA,CAACV,WAAW;QAAAwC,QAAA,EACPM,SAAS,iBACZpC,IAAA,CAACJ,oBAAoB;UACpByC,QAAQ,EAAG9B,8BAAgC;UAC3CH,SAAS,EAAGA,SAAW;UAAA,GAClBgC;QAAS,CACd;MACD,CACW,CAAC;IAAA,CACV,CAAC;EAAA,CACO,CAAC;AAEjB;;AAEA;AACA;AACA;AACA,eAAejC,UAAU","ignoreList":[]}

package/build-module/components/block-mover/index.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -18,6 +17,8 @@ import { useCallback, useEffect, useRef, useState } from '@wordpress/element';
  */
 import { getMoversSetup } from './mover-description';
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const BLOCK_MOVER_DIRECTION_TOP = 'blockPageMoverOptions-moveToTop';
 export const BLOCK_MOVER_DIRECTION_BOTTOM = 'blockPageMoverOptions-moveToBottom';
 export const BlockMover = ({
@@ -95,32 +96,34 @@ export const BlockMover = ({
   if (!canMove || isFirst && isLast && !rootClientId) {
     return null;
   }
-  return createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-    title: !isFirst ? backwardButtonTitle : firstBlockTitle,
-    isDisabled: isFirst,
-    onClick: onMoveUp,
-    onLongPress: onLongPressMoveUp,
-    icon: backwardButtonIcon,
-    extraProps: {
-      hint: backwardButtonHint
-    }
-  }), createElement(ToolbarButton, {
-    title: !isLast ? forwardButtonTitle : lastBlockTitle,
-    isDisabled: isLast,
-    onClick: onMoveDown,
-    onLongPress: onLongPressMoveDown,
-    icon: forwardButtonIcon,
-    extraProps: {
-      hint: forwardButtonHint
-    }
-  }), createElement(Picker, {
-    ref: pickerRef,
-    options: blockPageMoverOptions,
-    onChange: onPickerSelect,
-    title: __('Change block position'),
-    leftAlign: true,
-    hideCancelButton: Platform.OS !== 'ios'
-  }));
+  return /*#__PURE__*/_jsxs(ToolbarGroup, {
+    children: [/*#__PURE__*/_jsx(ToolbarButton, {
+      title: !isFirst ? backwardButtonTitle : firstBlockTitle,
+      isDisabled: isFirst,
+      onClick: onMoveUp,
+      onLongPress: onLongPressMoveUp,
+      icon: backwardButtonIcon,
+      extraProps: {
+        hint: backwardButtonHint
+      }
+    }), /*#__PURE__*/_jsx(ToolbarButton, {
+      title: !isLast ? forwardButtonTitle : lastBlockTitle,
+      isDisabled: isLast,
+      onClick: onMoveDown,
+      onLongPress: onLongPressMoveDown,
+      icon: forwardButtonIcon,
+      extraProps: {
+        hint: forwardButtonHint
+      }
+    }), /*#__PURE__*/_jsx(Picker, {
+      ref: pickerRef,
+      options: blockPageMoverOptions,
+      onChange: onPickerSelect,
+      title: __('Change block position'),
+      leftAlign: true,
+      hideCancelButton: Platform.OS !== 'ios'
+    })]
+  });
 };
 export default compose(withSelect((select, {
   clientIds

package/build-module/components/block-mover/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","__","Picker","ToolbarButton","ToolbarGroup","withInstanceId","compose","withSelect","withDispatch","useCallback","useEffect","useRef","useState","getMoversSetup","store","blockEditorStore","BLOCK_MOVER_DIRECTION_TOP","BLOCK_MOVER_DIRECTION_BOTTOM","BlockMover","isFirst","isLast","canMove","onMoveDown","onMoveUp","onLongMove","firstIndex","numberOfBlocks","rootClientId","isStackedHorizontally","pickerRef","shouldPresentPicker","setShouldPresentPicker","blockPageMoverState","setBlockPageMoverState","undefined","showBlockPageMover","direction","current","presentPicker","description","backwardButtonHint","forwardButtonHint","firstBlockTitle","lastBlockTitle","icon","backward","backwardButtonIcon","forward","forwardButtonIcon","title","backwardButtonTitle","forwardButtonTitle","blockPageMoverOptions","label","value","onSelect","filter","el","onPickerSelect","option","find","onLongPressMoveUp","onLongPressMoveDown","createElement","isDisabled","onClick","onLongPress","extraProps","hint","ref","options","onChange","leftAlign","hideCancelButton","OS","select","clientIds","getBlockIndex","canMoveBlocks","getBlockRootClientId","getBlockOrder","normalizedClientIds","Array","isArray","firstClientId","blockOrder","lastIndex","length","dispatch","moveBlocksDown","moveBlocksUp","moveBlocksToPosition","args","targetIndex"],"sources":["@wordpress/block-editor/src/components/block-mover/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Picker, ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { withInstanceId, compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getMoversSetup } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nexport const BLOCK_MOVER_DIRECTION_TOP = 'blockPageMoverOptions-moveToTop';\nexport const BLOCK_MOVER_DIRECTION_BOTTOM =\n\t'blockPageMoverOptions-moveToBottom';\n\nexport const BlockMover = ( {\n\tisFirst,\n\tisLast,\n\tcanMove,\n\tonMoveDown,\n\tonMoveUp,\n\tonLongMove,\n\tfirstIndex,\n\tnumberOfBlocks,\n\trootClientId,\n\tisStackedHorizontally,\n} ) => {\n\tconst pickerRef = useRef();\n\tconst [ shouldPresentPicker, setShouldPresentPicker ] = useState( false );\n\tconst [ blockPageMoverState, setBlockPageMoverState ] =\n\t\tuseState( undefined );\n\tconst showBlockPageMover = ( direction ) => () => {\n\t\tif ( ! pickerRef.current ) {\n\t\t\tsetBlockPageMoverState( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tsetBlockPageMoverState( direction );\n\t\tsetShouldPresentPicker( true );\n\t};\n\n\t// Ensure that the picker is only presented after state updates.\n\tuseEffect( () => {\n\t\tif ( shouldPresentPicker ) {\n\t\t\tpickerRef.current?.presentPicker();\n\t\t\tsetShouldPresentPicker( false );\n\t\t}\n\t}, [ shouldPresentPicker ] );\n\n\tconst {\n\t\tdescription: {\n\t\t\tbackwardButtonHint,\n\t\t\tforwardButtonHint,\n\t\t\tfirstBlockTitle,\n\t\t\tlastBlockTitle,\n\t\t},\n\t\ticon: { backward: backwardButtonIcon, forward: forwardButtonIcon },\n\t\ttitle: { backward: backwardButtonTitle, forward: forwardButtonTitle },\n\t} = getMoversSetup( isStackedHorizontally, { firstIndex } );\n\n\tconst blockPageMoverOptions = [\n\t\t{\n\t\t\ticon: backwardButtonIcon,\n\t\t\tlabel: __( 'Move to top' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_TOP,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( 0 );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ticon: forwardButtonIcon,\n\t\t\tlabel: __( 'Move to bottom' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_BOTTOM,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( numberOfBlocks );\n\t\t\t},\n\t\t},\n\t].filter( ( el ) => el.value === blockPageMoverState );\n\n\tconst onPickerSelect = ( value ) => {\n\t\tconst option = blockPageMoverOptions.find(\n\t\t\t( el ) => el.value === value\n\t\t);\n\t\tif ( option && option.onSelect ) {\n\t\t\toption.onSelect();\n\t\t}\n\t};\n\n\tconst onLongPressMoveUp = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_TOP ),\n\t\t[]\n\t);\n\tconst onLongPressMoveDown = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_BOTTOM ),\n\t\t[]\n\t);\n\n\tif ( ! canMove || ( isFirst && isLast && ! rootClientId ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isFirst ? backwardButtonTitle : firstBlockTitle }\n\t\t\t\tisDisabled={ isFirst }\n\t\t\t\tonClick={ onMoveUp }\n\t\t\t\tonLongPress={ onLongPressMoveUp }\n\t\t\t\ticon={ backwardButtonIcon }\n\t\t\t\textraProps={ { hint: backwardButtonHint } }\n\t\t\t/>\n\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isLast ? forwardButtonTitle : lastBlockTitle }\n\t\t\t\tisDisabled={ isLast }\n\t\t\t\tonClick={ onMoveDown }\n\t\t\t\tonLongPress={ onLongPressMoveDown }\n\t\t\t\ticon={ forwardButtonIcon }\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: forwardButtonHint,\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t<Picker\n\t\t\t\tref={ pickerRef }\n\t\t\t\toptions={ blockPageMoverOptions }\n\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\ttitle={ __( 'Change block position' ) }\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ Platform.OS !== 'ios' }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n};\n\nexport default compose(\n\twithSelect( ( select, { clientIds } ) => {\n\t\tconst {\n\t\t\tgetBlockIndex,\n\t\t\tcanMoveBlocks,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockOrder,\n\t\t} = select( blockEditorStore );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\tconst rootClientId = getBlockRootClientId( firstClientId );\n\t\tconst blockOrder = getBlockOrder( rootClientId );\n\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\tconst lastIndex = getBlockIndex(\n\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t);\n\n\t\treturn {\n\t\t\tfirstIndex,\n\t\t\tnumberOfBlocks: blockOrder.length - 1,\n\t\t\tisFirst: firstIndex === 0,\n\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\tcanMove: canMoveBlocks( clientIds, rootClientId ),\n\t\t\trootClientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientIds, rootClientId } ) => {\n\t\tconst { moveBlocksDown, moveBlocksUp, moveBlocksToPosition } =\n\t\t\tdispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonMoveDown: ( ...args ) =>\n\t\t\t\tmoveBlocksDown( clientIds, rootClientId, ...args ),\n\t\t\tonMoveUp: ( ...args ) =>\n\t\t\t\tmoveBlocksUp( clientIds, rootClientId, ...args ),\n\t\t\tonLongMove:\n\t\t\t\t( targetIndex ) =>\n\t\t\t\t( ...args ) =>\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tclientIds,\n\t\t\t\t\t\trootClientId,\n\t\t\t\t\t\ttargetIndex,\n\t\t\t\t\t\t...args\n\t\t\t\t\t),\n\t\t};\n\t} ),\n\twithInstanceId\n)( BlockMover );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","__","Picker","ToolbarButton","ToolbarGroup","withInstanceId","compose","withSelect","withDispatch","useCallback","useEffect","useRef","useState","getMoversSetup","store","blockEditorStore","jsx","_jsx","jsxs","_jsxs","BLOCK_MOVER_DIRECTION_TOP","BLOCK_MOVER_DIRECTION_BOTTOM","BlockMover","isFirst","isLast","canMove","onMoveDown","onMoveUp","onLongMove","firstIndex","numberOfBlocks","rootClientId","isStackedHorizontally","pickerRef","shouldPresentPicker","setShouldPresentPicker","blockPageMoverState","setBlockPageMoverState","undefined","showBlockPageMover","direction","current","presentPicker","description","backwardButtonHint","forwardButtonHint","firstBlockTitle","lastBlockTitle","icon","backward","backwardButtonIcon","forward","forwardButtonIcon","title","backwardButtonTitle","forwardButtonTitle","blockPageMoverOptions","label","value","onSelect","filter","el","onPickerSelect","option","find","onLongPressMoveUp","onLongPressMoveDown","children","isDisabled","onClick","onLongPress","extraProps","hint","ref","options","onChange","leftAlign","hideCancelButton","OS","select","clientIds","getBlockIndex","canMoveBlocks","getBlockRootClientId","getBlockOrder","normalizedClientIds","Array","isArray","firstClientId","blockOrder","lastIndex","length","dispatch","moveBlocksDown","moveBlocksUp","moveBlocksToPosition","args","targetIndex"],"sources":["@wordpress/block-editor/src/components/block-mover/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Picker, ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { withInstanceId, compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getMoversSetup } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nexport const BLOCK_MOVER_DIRECTION_TOP = 'blockPageMoverOptions-moveToTop';\nexport const BLOCK_MOVER_DIRECTION_BOTTOM =\n\t'blockPageMoverOptions-moveToBottom';\n\nexport const BlockMover = ( {\n\tisFirst,\n\tisLast,\n\tcanMove,\n\tonMoveDown,\n\tonMoveUp,\n\tonLongMove,\n\tfirstIndex,\n\tnumberOfBlocks,\n\trootClientId,\n\tisStackedHorizontally,\n} ) => {\n\tconst pickerRef = useRef();\n\tconst [ shouldPresentPicker, setShouldPresentPicker ] = useState( false );\n\tconst [ blockPageMoverState, setBlockPageMoverState ] =\n\t\tuseState( undefined );\n\tconst showBlockPageMover = ( direction ) => () => {\n\t\tif ( ! pickerRef.current ) {\n\t\t\tsetBlockPageMoverState( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tsetBlockPageMoverState( direction );\n\t\tsetShouldPresentPicker( true );\n\t};\n\n\t// Ensure that the picker is only presented after state updates.\n\tuseEffect( () => {\n\t\tif ( shouldPresentPicker ) {\n\t\t\tpickerRef.current?.presentPicker();\n\t\t\tsetShouldPresentPicker( false );\n\t\t}\n\t}, [ shouldPresentPicker ] );\n\n\tconst {\n\t\tdescription: {\n\t\t\tbackwardButtonHint,\n\t\t\tforwardButtonHint,\n\t\t\tfirstBlockTitle,\n\t\t\tlastBlockTitle,\n\t\t},\n\t\ticon: { backward: backwardButtonIcon, forward: forwardButtonIcon },\n\t\ttitle: { backward: backwardButtonTitle, forward: forwardButtonTitle },\n\t} = getMoversSetup( isStackedHorizontally, { firstIndex } );\n\n\tconst blockPageMoverOptions = [\n\t\t{\n\t\t\ticon: backwardButtonIcon,\n\t\t\tlabel: __( 'Move to top' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_TOP,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( 0 );\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ticon: forwardButtonIcon,\n\t\t\tlabel: __( 'Move to bottom' ),\n\t\t\tvalue: BLOCK_MOVER_DIRECTION_BOTTOM,\n\t\t\tonSelect: () => {\n\t\t\t\tonLongMove()( numberOfBlocks );\n\t\t\t},\n\t\t},\n\t].filter( ( el ) => el.value === blockPageMoverState );\n\n\tconst onPickerSelect = ( value ) => {\n\t\tconst option = blockPageMoverOptions.find(\n\t\t\t( el ) => el.value === value\n\t\t);\n\t\tif ( option && option.onSelect ) {\n\t\t\toption.onSelect();\n\t\t}\n\t};\n\n\tconst onLongPressMoveUp = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_TOP ),\n\t\t[]\n\t);\n\tconst onLongPressMoveDown = useCallback(\n\t\tshowBlockPageMover( BLOCK_MOVER_DIRECTION_BOTTOM ),\n\t\t[]\n\t);\n\n\tif ( ! canMove || ( isFirst && isLast && ! rootClientId ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isFirst ? backwardButtonTitle : firstBlockTitle }\n\t\t\t\tisDisabled={ isFirst }\n\t\t\t\tonClick={ onMoveUp }\n\t\t\t\tonLongPress={ onLongPressMoveUp }\n\t\t\t\ticon={ backwardButtonIcon }\n\t\t\t\textraProps={ { hint: backwardButtonHint } }\n\t\t\t/>\n\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ ! isLast ? forwardButtonTitle : lastBlockTitle }\n\t\t\t\tisDisabled={ isLast }\n\t\t\t\tonClick={ onMoveDown }\n\t\t\t\tonLongPress={ onLongPressMoveDown }\n\t\t\t\ticon={ forwardButtonIcon }\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: forwardButtonHint,\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t<Picker\n\t\t\t\tref={ pickerRef }\n\t\t\t\toptions={ blockPageMoverOptions }\n\t\t\t\tonChange={ onPickerSelect }\n\t\t\t\ttitle={ __( 'Change block position' ) }\n\t\t\t\tleftAlign\n\t\t\t\thideCancelButton={ Platform.OS !== 'ios' }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n};\n\nexport default compose(\n\twithSelect( ( select, { clientIds } ) => {\n\t\tconst {\n\t\t\tgetBlockIndex,\n\t\t\tcanMoveBlocks,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockOrder,\n\t\t} = select( blockEditorStore );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\tconst rootClientId = getBlockRootClientId( firstClientId );\n\t\tconst blockOrder = getBlockOrder( rootClientId );\n\t\tconst firstIndex = getBlockIndex( firstClientId );\n\t\tconst lastIndex = getBlockIndex(\n\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t);\n\n\t\treturn {\n\t\t\tfirstIndex,\n\t\t\tnumberOfBlocks: blockOrder.length - 1,\n\t\t\tisFirst: firstIndex === 0,\n\t\t\tisLast: lastIndex === blockOrder.length - 1,\n\t\t\tcanMove: canMoveBlocks( clientIds, rootClientId ),\n\t\t\trootClientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientIds, rootClientId } ) => {\n\t\tconst { moveBlocksDown, moveBlocksUp, moveBlocksToPosition } =\n\t\t\tdispatch( blockEditorStore );\n\t\treturn {\n\t\t\tonMoveDown: ( ...args ) =>\n\t\t\t\tmoveBlocksDown( clientIds, rootClientId, ...args ),\n\t\t\tonMoveUp: ( ...args ) =>\n\t\t\t\tmoveBlocksUp( clientIds, rootClientId, ...args ),\n\t\t\tonLongMove:\n\t\t\t\t( targetIndex ) =>\n\t\t\t\t( ...args ) =>\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tclientIds,\n\t\t\t\t\t\trootClientId,\n\t\t\t\t\t\ttargetIndex,\n\t\t\t\t\t\t...args\n\t\t\t\t\t),\n\t\t};\n\t} ),\n\twithInstanceId\n)( BlockMover );\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-navigation/dropdown.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -18,6 +17,8 @@ import { listView } from '@wordpress/icons';
  */
 import ListView from '../list-view';
 import { store as blockEditorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 function BlockNavigationDropdownToggle({
   isEnabled,
   onToggle,
@@ -25,7 +26,7 @@ function BlockNavigationDropdownToggle({
   innerRef,
   ...props
 }) {
-  return createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     ...props,
     ref: innerRef,
     icon: listView,
@@ -48,7 +49,7 @@ function BlockNavigationDropdown({
   });
   const hasBlocks = useSelect(select => !!select(blockEditorStore).getBlockCount(), []);
   const isEnabled = hasBlocks && !isDisabled;
-  return createElement(Dropdown, {
+  return /*#__PURE__*/_jsx(Dropdown, {
     contentClassName: "block-editor-block-navigation__popover",
     popoverProps: {
       placement: 'bottom-start'
@@ -56,18 +57,20 @@ function BlockNavigationDropdown({
     renderToggle: ({
       isOpen,
       onToggle
-    }) => createElement(BlockNavigationDropdownToggle, {
+    }) => /*#__PURE__*/_jsx(BlockNavigationDropdownToggle, {
       ...props,
       innerRef: ref,
       isOpen: isOpen,
       onToggle: onToggle,
       isEnabled: isEnabled
     }),
-    renderContent: () => createElement("div", {
-      className: "block-editor-block-navigation__container"
-    }, createElement("p", {
-      className: "block-editor-block-navigation__label"
-    }, __('List view')), createElement(ListView, null))
+    renderContent: () => /*#__PURE__*/_jsxs("div", {
+      className: "block-editor-block-navigation__container",
+      children: [/*#__PURE__*/_jsx("p", {
+        className: "block-editor-block-navigation__label",
+        children: __('List view')
+      }), /*#__PURE__*/_jsx(ListView, {})]
+    })
   });
 }
 export default forwardRef(BlockNavigationDropdown);

package/build-module/components/block-navigation/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["deprecated","Button","Dropdown","__","useSelect","forwardRef","listView","ListView","store","blockEditorStore","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","createElement","ref","icon","onClick","undefined","label","className","BlockNavigationDropdown","isDisabled","since","alternative","hasBlocks","select","getBlockCount","contentClassName","popoverProps","placement","renderToggle","renderContent"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,uBAAuB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,QAAQ,QAAQ,kBAAkB;;AAE3C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,cAAc;AACnC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,SAASC,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,OACCC,aAAA,CAACf,MAAM;IAAA,GACDc,KAAK;IACVE,GAAG,EAAGH,QAAU;IAChBI,IAAI,EAAGZ,QAAU;IACjB,iBAAgBO,MAAQ;IACxB,iBAAc,MAAM;IACpBM,OAAO,EAAGR,SAAS,GAAGC,QAAQ,GAAGQ;IACjC;IACAC,KAAK,EAAGlB,EAAE,CAAE,WAAY,CAAG;IAC3BmB,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,CAAEX;EAAW,CAC7B,CAAC;AAEJ;AAEA,SAASY,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,GAAGT;AAAM,CAAC,EAAEE,GAAG,EAAG;EACjEjB,UAAU,CAAE,wCAAwC,EAAE;IACrDyB,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAGvB,SAAS,CACxBwB,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEnB,gBAAiB,CAAC,CAACoB,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAMlB,SAAS,GAAGgB,SAAS,IAAI,CAAEH,UAAU;EAE3C,OACCR,aAAA,CAACd,QAAQ;IACR4B,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEpB,MAAM;MAAED;IAAS,CAAC,KACpCI,aAAA,CAACN,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,EAAGG,GAAK;MAChBJ,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;IACHuB,aAAa,EAAGA,CAAA,KACflB,aAAA;MAAKM,SAAS,EAAC;IAA0C,GACxDN,aAAA;MAAGM,SAAS,EAAC;IAAsC,GAChDnB,EAAE,CAAE,WAAY,CAChB,CAAC,EAEJa,aAAA,CAACT,QAAQ,MAAE,CACP;EACH,CACH,CAAC;AAEJ;AAEA,eAAeF,UAAU,CAAEkB,uBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["deprecated","Button","Dropdown","__","useSelect","forwardRef","listView","ListView","store","blockEditorStore","jsx","_jsx","jsxs","_jsxs","BlockNavigationDropdownToggle","isEnabled","onToggle","isOpen","innerRef","props","ref","icon","onClick","undefined","label","className","BlockNavigationDropdown","isDisabled","since","alternative","hasBlocks","select","getBlockCount","contentClassName","popoverProps","placement","renderToggle","renderContent","children"],"sources":["@wordpress/block-editor/src/components/block-navigation/dropdown.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport ListView from '../list-view';\nimport { store as blockEditorStore } from '../../store';\n\nfunction BlockNavigationDropdownToggle( {\n\tisEnabled,\n\tonToggle,\n\tisOpen,\n\tinnerRef,\n\t...props\n} ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ innerRef }\n\t\t\ticon={ listView }\n\t\t\taria-expanded={ isOpen }\n\t\t\taria-haspopup=\"true\"\n\t\t\tonClick={ isEnabled ? onToggle : undefined }\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\tlabel={ __( 'List view' ) }\n\t\t\tclassName=\"block-editor-block-navigation\"\n\t\t\taria-disabled={ ! isEnabled }\n\t\t/>\n\t);\n}\n\nfunction BlockNavigationDropdown( { isDisabled, ...props }, ref ) {\n\tdeprecated( 'wp.blockEditor.BlockNavigationDropdown', {\n\t\tsince: '6.1',\n\t\talternative: 'wp.components.Dropdown and wp.blockEditor.ListView',\n\t} );\n\n\tconst hasBlocks = useSelect(\n\t\t( select ) => !! select( blockEditorStore ).getBlockCount(),\n\t\t[]\n\t);\n\tconst isEnabled = hasBlocks && ! isDisabled;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-editor-block-navigation__popover\"\n\t\t\tpopoverProps={ { placement: 'bottom-start' } }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<BlockNavigationDropdownToggle\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tinnerRef={ ref }\n\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\tonToggle={ onToggle }\n\t\t\t\t\tisEnabled={ isEnabled }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div className=\"block-editor-block-navigation__container\">\n\t\t\t\t\t<p className=\"block-editor-block-navigation__label\">\n\t\t\t\t\t\t{ __( 'List view' ) }\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<ListView />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( BlockNavigationDropdown );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,uBAAuB;;AAE9C;AACA;AACA;AACA,SAASC,MAAM,EAAEC,QAAQ,QAAQ,uBAAuB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,QAAQ,QAAQ,kBAAkB;;AAE3C;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,cAAc;AACnC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAExD,SAASC,6BAA6BA,CAAE;EACvCC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,oBACCR,IAAA,CAACV,MAAM;IAAA,GACDkB,KAAK;IACVC,GAAG,EAAGF,QAAU;IAChBG,IAAI,EAAGf,QAAU;IACjB,iBAAgBW,MAAQ;IACxB,iBAAc,MAAM;IACpBK,OAAO,EAAGP,SAAS,GAAGC,QAAQ,GAAGO;IACjC;IACAC,KAAK,EAAGrB,EAAE,CAAE,WAAY,CAAG;IAC3BsB,SAAS,EAAC,+BAA+B;IACzC,iBAAgB,CAAEV;EAAW,CAC7B,CAAC;AAEJ;AAEA,SAASW,uBAAuBA,CAAE;EAAEC,UAAU;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,EAAG;EACjEpB,UAAU,CAAE,wCAAwC,EAAE;IACrD4B,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,MAAMC,SAAS,GAAG1B,SAAS,CACxB2B,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEtB,gBAAiB,CAAC,CAACuB,aAAa,CAAC,CAAC,EAC3D,EACD,CAAC;EACD,MAAMjB,SAAS,GAAGe,SAAS,IAAI,CAAEH,UAAU;EAE3C,oBACChB,IAAA,CAACT,QAAQ;IACR+B,gBAAgB,EAAC,wCAAwC;IACzDC,YAAY,EAAG;MAAEC,SAAS,EAAE;IAAe,CAAG;IAC9CC,YAAY,EAAGA,CAAE;MAAEnB,MAAM;MAAED;IAAS,CAAC,kBACpCL,IAAA,CAACG,6BAA6B;MAAA,GACxBK,KAAK;MACVD,QAAQ,EAAGE,GAAK;MAChBH,MAAM,EAAGA,MAAQ;MACjBD,QAAQ,EAAGA,QAAU;MACrBD,SAAS,EAAGA;IAAW,CACvB,CACC;IACHsB,aAAa,EAAGA,CAAA,kBACfxB,KAAA;MAAKY,SAAS,EAAC,0CAA0C;MAAAa,QAAA,gBACxD3B,IAAA;QAAGc,SAAS,EAAC,sCAAsC;QAAAa,QAAA,EAChDnC,EAAE,CAAE,WAAY;MAAC,CACjB,CAAC,eAEJQ,IAAA,CAACJ,QAAQ,IAAE,CAAC;IAAA,CACR;EACH,CACH,CAAC;AAEJ;AAEA,eAAeF,UAAU,CAAEqB,uBAAwB,CAAC","ignoreList":[]}

package/build-module/components/block-parent-selector/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -22,6 +21,7 @@ import { store as blockEditorStore } from '../../store';
  *
  * @return {Component} Parent block selector.
  */
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function BlockParentSelector() {
   const {
     selectBlock
@@ -61,20 +61,20 @@ export default function BlockParentSelector() {
   if (!isVisible) {
     return null;
   }
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "block-editor-block-parent-selector",
-    key: firstParentClientId,
     ref: nodeRef,
-    ...showHoveredOrFocusedGestures
-  }, createElement(ToolbarButton, {
-    className: "block-editor-block-parent-selector__button",
-    onClick: () => selectBlock(firstParentClientId),
-    label: sprintf( /* translators: %s: Name of the block's parent. */
-    __('Select parent block: %s'), blockInformation?.title),
-    showTooltip: true,
-    icon: createElement(BlockIcon, {
-      icon: blockInformation?.icon
+    ...showHoveredOrFocusedGestures,
+    children: /*#__PURE__*/_jsx(ToolbarButton, {
+      className: "block-editor-block-parent-selector__button",
+      onClick: () => selectBlock(firstParentClientId),
+      label: sprintf( /* translators: %s: Name of the block's parent. */
+      __('Select parent block: %s'), blockInformation?.title),
+      showTooltip: true,
+      icon: /*#__PURE__*/_jsx(BlockIcon, {
+        icon: blockInformation?.icon
+      })
     })
-  }));
+  }, firstParentClientId);
 }
 //# sourceMappingURL=index.js.map