@wordpress/block-library 7.19.0 → 8.1.0

package/build-module/embed/embed-controls.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-controls.native.js"],"names":["EmbedLinkSettings","__","PanelBody","ToggleControl","InspectorControls","useDispatch","store","editPostStore","getResponsiveHelp","checked","EmbedControls","blockSupportsResponsive","themeSupportsResponsive","allowResponsive","toggleResponsive","url","linkLabel","onEditURL","closeGeneralSidebar","closeSettingsBottomSheet","value"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,iBAAP,MAA8B,uBAA9B;AACA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,uBAAzC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,sBAAvC;;AAEA,SAASC,iBAAT,CAA4BC,OAA5B,EAAsC;AACrC,SAAOA,OAAO,GACXR,EAAE,CACF,wEADE,CADS,GAIXA,EAAE,CACF,2EADE,CAJL;AAOA;;AAED,MAAMS,aAAa,GAAG,QAQf;AAAA,MARiB;AACvBC,IAAAA,uBADuB;AAEvBC,IAAAA,uBAFuB;AAGvBC,IAAAA,eAHuB;AAIvBC,IAAAA,gBAJuB;AAKvBC,IAAAA,GALuB;AAMvBC,IAAAA,SANuB;AAOvBC,IAAAA;AAPuB,GAQjB;AACN,QAAM;AAAEC,IAAAA,mBAAmB,EAAEC;AAAvB,MACLd,WAAW,CAAEE,aAAF,CADZ;AAGA,SACC,8BACC,cAAC,iBAAD,QACGK,uBAAuB,IAAID,uBAA3B,IACD,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGV,EAAE,CAAE,gBAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,4BAAF,CADX;AAEC,IAAA,OAAO,EAAGY,eAFX;AAGC,IAAA,IAAI,EAAGL,iBAHR;AAIC,IAAA,QAAQ,EAAGM;AAJZ,IADD,CAFF,EAWC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGb,EAAE,CAAE,eAAF;AAArB,KACC,cAAC,iBAAD;AACC,IAAA,KAAK,EAAGc,GADT;AAEC,IAAA,KAAK,EAAGC,SAFT;AAGC,IAAA,QAAQ,EAAKI,KAAF,IAAa;AACvBD,MAAAA,wBAAwB;AACxBF,MAAAA,SAAS,CAAEG,KAAF,CAAT;AACA;AANF,IADD,CAXD,CADD,CADD;AA0BA,CAtCD;;AAwCA,eAAeV,aAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport EmbedLinkSettings from './embed-link-settings';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { InspectorControls } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editPostStore } from '@wordpress/edit-post';\n\nfunction getResponsiveHelp( checked ) {\n\treturn checked\n\t\t? __(\n\t\t\t\t'This embed will preserve its aspect ratio when the browser is resized.'\n\t\t  )\n\t\t: __(\n\t\t\t\t'This embed may not preserve its aspect ratio when the browser is resized.'\n\t\t  );\n}\n\nconst EmbedControls = ( {\n\tblockSupportsResponsive,\n\tthemeSupportsResponsive,\n\tallowResponsive,\n\ttoggleResponsive,\n\turl,\n\tlinkLabel,\n\tonEditURL,\n} ) => {\n\tconst { closeGeneralSidebar: closeSettingsBottomSheet } =\n\t\tuseDispatch( editPostStore );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ themeSupportsResponsive && blockSupportsResponsive && (\n\t\t\t\t\t<PanelBody title={ __( 'Media settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Resize for smaller devices' ) }\n\t\t\t\t\t\t\tchecked={ allowResponsive }\n\t\t\t\t\t\t\thelp={ getResponsiveHelp }\n\t\t\t\t\t\t\tonChange={ toggleResponsive }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t<PanelBody title={ __( 'Link settings' ) }>\n\t\t\t\t\t<EmbedLinkSettings\n\t\t\t\t\t\tvalue={ url }\n\t\t\t\t\t\tlabel={ linkLabel }\n\t\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\t\tcloseSettingsBottomSheet();\n\t\t\t\t\t\t\tonEditURL( value );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n};\n\nexport default EmbedControls;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/embed-controls.native.js"],"names":["EmbedLinkSettings","__","PanelBody","ToggleControl","InspectorControls","useDispatch","store","editPostStore","getResponsiveHelp","checked","EmbedControls","blockSupportsResponsive","themeSupportsResponsive","allowResponsive","toggleResponsive","url","linkLabel","onEditURL","closeGeneralSidebar","closeSettingsBottomSheet","value"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,iBAAP,MAA8B,uBAA9B;AACA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,aAApB,QAAyC,uBAAzC;AACA,SAASC,iBAAT,QAAkC,yBAAlC;AACA,SAASC,WAAT,QAA4B,iBAA5B,C,CACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,sBAAvC;;AAEA,SAASC,iBAAT,CAA4BC,OAA5B,EAAsC;AACrC,SAAOA,OAAO,GACXR,EAAE,CACF,wEADE,CADS,GAIXA,EAAE,CACF,2EADE,CAJL;AAOA;;AAED,MAAMS,aAAa,GAAG,QAQf;AAAA,MARiB;AACvBC,IAAAA,uBADuB;AAEvBC,IAAAA,uBAFuB;AAGvBC,IAAAA,eAHuB;AAIvBC,IAAAA,gBAJuB;AAKvBC,IAAAA,GALuB;AAMvBC,IAAAA,SANuB;AAOvBC,IAAAA;AAPuB,GAQjB;AACN,QAAM;AAAEC,IAAAA,mBAAmB,EAAEC;AAAvB,MACLd,WAAW,CAAEE,aAAF,CADZ;AAGA,SACC,8BACC,cAAC,iBAAD,QACGK,uBAAuB,IAAID,uBAA3B,IACD,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGV,EAAE,CAAE,gBAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,4BAAF,CADX;AAEC,IAAA,OAAO,EAAGY,eAFX;AAGC,IAAA,IAAI,EAAGL,iBAHR;AAIC,IAAA,QAAQ,EAAGM;AAJZ,IADD,CAFF,EAWC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGb,EAAE,CAAE,eAAF;AAArB,KACC,cAAC,iBAAD;AACC,IAAA,KAAK,EAAGc,GADT;AAEC,IAAA,KAAK,EAAGC,SAFT;AAGC,IAAA,QAAQ,EAAKI,KAAF,IAAa;AACvBD,MAAAA,wBAAwB;AACxBF,MAAAA,SAAS,CAAEG,KAAF,CAAT;AACA;AANF,IADD,CAXD,CADD,CADD;AA0BA,CAtCD;;AAwCA,eAAeV,aAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport EmbedLinkSettings from './embed-link-settings';\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { InspectorControls } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n// eslint-disable-next-line no-restricted-imports\nimport { store as editPostStore } from '@wordpress/edit-post';\n\nfunction getResponsiveHelp( checked ) {\n\treturn checked\n\t\t? __(\n\t\t\t\t'This embed will preserve its aspect ratio when the browser is resized.'\n\t\t  )\n\t\t: __(\n\t\t\t\t'This embed may not preserve its aspect ratio when the browser is resized.'\n\t\t  );\n}\n\nconst EmbedControls = ( {\n\tblockSupportsResponsive,\n\tthemeSupportsResponsive,\n\tallowResponsive,\n\ttoggleResponsive,\n\turl,\n\tlinkLabel,\n\tonEditURL,\n} ) => {\n\tconst { closeGeneralSidebar: closeSettingsBottomSheet } =\n\t\tuseDispatch( editPostStore );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ themeSupportsResponsive && blockSupportsResponsive && (\n\t\t\t\t\t<PanelBody title={ __( 'Media settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Resize for smaller devices' ) }\n\t\t\t\t\t\t\tchecked={ allowResponsive }\n\t\t\t\t\t\t\thelp={ getResponsiveHelp }\n\t\t\t\t\t\t\tonChange={ toggleResponsive }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t<PanelBody title={ __( 'Link settings' ) }>\n\t\t\t\t\t<EmbedLinkSettings\n\t\t\t\t\t\tvalue={ url }\n\t\t\t\t\t\tlabel={ linkLabel }\n\t\t\t\t\t\tonSubmit={ ( value ) => {\n\t\t\t\t\t\t\tcloseSettingsBottomSheet();\n\t\t\t\t\t\t\tonEditURL( value );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n};\n\nexport default EmbedControls;\n"]}

package/build-module/embed/embed-preview.native.js

@@ -4,7 +4,6 @@ import { createElement, Fragment } from "@wordpress/element";
  * External dependencies
  */
 import { TouchableWithoutFeedback } from 'react-native';
-import { isEmpty } from 'lodash';
 import classnames from 'classnames/dedupe';
 /**
  * WordPress dependencies
@@ -51,7 +50,7 @@ const EmbedPreview = _ref => {
   const sandboxAlignStyle = styles[`embed-preview__sandbox--align-${align}`];
 
   function accessibilityLabelCreator(caption) {
-    return isEmpty(caption) ?
+    return !caption ?
     /* translators: accessibility text. Empty Embed caption. */
     __('Embed caption. Empty') : sprintf(
     /* translators: accessibility text. %s: Embed caption. */

package/build-module/embed/embed-preview.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"names":["TouchableWithoutFeedback","isEmpty","classnames","View","BlockCaption","store","blockEditorStore","__","sprintf","memo","useState","SandBox","useSelect","getPhotoHtml","EmbedNoPreview","WpEmbedPreview","styles","EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","locale","getSettings","wrapperStyle","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","PreviewContent","embedWrapper"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback } from 'react-native';\nimport { isEmpty } from 'lodash';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport {\n\tBlockCaption,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { memo, useState } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\nimport EmbedNoPreview from './embed-no-preview';\nimport WpEmbedPreview from './wp-embed-preview';\nimport styles from './styles.scss';\n\nconst EmbedPreview = ( {\n\talign,\n\tclassName,\n\tclientId,\n\ticon,\n\tinsertBlocksAfter,\n\tisSelected,\n\tlabel,\n\tonFocus,\n\tpreview,\n\tpreviewable,\n\tisProviderPreviewable,\n\ttype,\n\turl,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tconst { locale } = useSelect( blockEditorStore ).getSettings();\n\n\tconst wrapperStyle = styles[ 'embed-preview__wrapper' ];\n\tconst wrapperAlignStyle =\n\t\tstyles[ `embed-preview__wrapper--align-${ align }` ];\n\tconst sandboxAlignStyle =\n\t\tstyles[ `embed-preview__sandbox--align-${ align }` ];\n\n\tfunction accessibilityLabelCreator( caption ) {\n\t\treturn isEmpty( caption )\n\t\t\t? /* translators: accessibility text. Empty Embed caption. */\n\t\t\t  __( 'Embed caption. Empty' )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. %s: Embed caption. */\n\t\t\t\t\t__( 'Embed caption. %s' ),\n\t\t\t\t\tcaption\n\t\t\t  );\n\t}\n\n\tfunction onEmbedPreviewPress() {\n\t\tsetIsCaptionSelected( false );\n\t}\n\n\tfunction onFocusCaption() {\n\t\tif ( onFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t}\n\n\tconst { provider_url: providerUrl } = preview;\n\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\tconst parsedHost = new URL( url ).host.split( '.' );\n\tconst parsedHostBaseUrl = parsedHost\n\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t.join( '.' );\n\tconst iframeTitle = sprintf(\n\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t__( 'Embedded content from %s' ),\n\t\tparsedHostBaseUrl\n\t);\n\tconst sandboxClassnames = classnames(\n\t\ttype,\n\t\tclassName,\n\t\t'wp-block-embed__wrapper'\n\t);\n\n\tconst PreviewContent = 'wp-embed' === type ? WpEmbedPreview : SandBox;\n\tconst embedWrapper = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ () => {\n\t\t\t\t\tif ( onFocus ) {\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t}\n\t\t\t\t\tif ( isCaptionSelected ) {\n\t\t\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"box-only\"\n\t\t\t\t\tstyle={ [ wrapperStyle, wrapperAlignStyle ] }\n\t\t\t\t>\n\t\t\t\t\t<PreviewContent\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tlang={ locale }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tproviderUrl={ providerUrl }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tcontainerStyle={ sandboxAlignStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tonPress={ onEmbedPreviewPress }\n\t\t\tdisabled={ ! isSelected }\n\t\t>\n\t\t\t<View>\n\t\t\t\t{ isProviderPreviewable && previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<EmbedNoPreview\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonPress={ () => setIsCaptionSelected( false ) }\n\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\tisDefaultEmbedInfo={ isDefaultEmbedInfo }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockCaption\n\t\t\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\t\t\taccessible\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\t\tonFocus={ onFocusCaption }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n};\n\nexport default memo( EmbedPreview );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"names":["TouchableWithoutFeedback","classnames","View","BlockCaption","store","blockEditorStore","__","sprintf","memo","useState","SandBox","useSelect","getPhotoHtml","EmbedNoPreview","WpEmbedPreview","styles","EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","locale","getSettings","wrapperStyle","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","PreviewContent","embedWrapper"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback } from 'react-native';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport {\n\tBlockCaption,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { memo, useState } from '@wordpress/element';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\nimport EmbedNoPreview from './embed-no-preview';\nimport WpEmbedPreview from './wp-embed-preview';\nimport styles from './styles.scss';\n\nconst EmbedPreview = ( {\n\talign,\n\tclassName,\n\tclientId,\n\ticon,\n\tinsertBlocksAfter,\n\tisSelected,\n\tlabel,\n\tonFocus,\n\tpreview,\n\tpreviewable,\n\tisProviderPreviewable,\n\ttype,\n\turl,\n\tisDefaultEmbedInfo,\n} ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tconst { locale } = useSelect( blockEditorStore ).getSettings();\n\n\tconst wrapperStyle = styles[ 'embed-preview__wrapper' ];\n\tconst wrapperAlignStyle =\n\t\tstyles[ `embed-preview__wrapper--align-${ align }` ];\n\tconst sandboxAlignStyle =\n\t\tstyles[ `embed-preview__sandbox--align-${ align }` ];\n\n\tfunction accessibilityLabelCreator( caption ) {\n\t\treturn ! caption\n\t\t\t? /* translators: accessibility text. Empty Embed caption. */\n\t\t\t  __( 'Embed caption. Empty' )\n\t\t\t: sprintf(\n\t\t\t\t\t/* translators: accessibility text. %s: Embed caption. */\n\t\t\t\t\t__( 'Embed caption. %s' ),\n\t\t\t\t\tcaption\n\t\t\t  );\n\t}\n\n\tfunction onEmbedPreviewPress() {\n\t\tsetIsCaptionSelected( false );\n\t}\n\n\tfunction onFocusCaption() {\n\t\tif ( onFocus ) {\n\t\t\tonFocus();\n\t\t}\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t}\n\n\tconst { provider_url: providerUrl } = preview;\n\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\tconst parsedHost = new URL( url ).host.split( '.' );\n\tconst parsedHostBaseUrl = parsedHost\n\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t.join( '.' );\n\tconst iframeTitle = sprintf(\n\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t__( 'Embedded content from %s' ),\n\t\tparsedHostBaseUrl\n\t);\n\tconst sandboxClassnames = classnames(\n\t\ttype,\n\t\tclassName,\n\t\t'wp-block-embed__wrapper'\n\t);\n\n\tconst PreviewContent = 'wp-embed' === type ? WpEmbedPreview : SandBox;\n\tconst embedWrapper = (\n\t\t<>\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ () => {\n\t\t\t\t\tif ( onFocus ) {\n\t\t\t\t\t\tonFocus();\n\t\t\t\t\t}\n\t\t\t\t\tif ( isCaptionSelected ) {\n\t\t\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"box-only\"\n\t\t\t\t\tstyle={ [ wrapperStyle, wrapperAlignStyle ] }\n\t\t\t\t>\n\t\t\t\t\t<PreviewContent\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tlang={ locale }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tproviderUrl={ providerUrl }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\tcontainerStyle={ sandboxAlignStyle }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</>\n\t);\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tonPress={ onEmbedPreviewPress }\n\t\t\tdisabled={ ! isSelected }\n\t\t>\n\t\t\t<View>\n\t\t\t\t{ isProviderPreviewable && previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<EmbedNoPreview\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tonPress={ () => setIsCaptionSelected( false ) }\n\t\t\t\t\t\tpreviewable={ previewable }\n\t\t\t\t\t\tisDefaultEmbedInfo={ isDefaultEmbedInfo }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<BlockCaption\n\t\t\t\t\taccessibilityLabelCreator={ accessibilityLabelCreator }\n\t\t\t\t\taccessible\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\t\tonFocus={ onFocusCaption }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n};\n\nexport default memo( EmbedPreview );\n"]}

package/build-module/file/inspector.js

@@ -52,6 +52,7 @@ export default function FileBlockInspector(_ref) {
     checked: !!displayPreview,
     onChange: changeDisplayPreview
   }), displayPreview && createElement(RangeControl, {
+    __nextHasNoMarginBottom: true,
     label: __('Height in pixels'),
     min: MIN_PREVIEW_HEIGHT,
     max: Math.max(MAX_PREVIEW_HEIGHT, previewHeight),

package/build-module/file/inspector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/file/inspector.js"],"names":["__","PanelBody","RangeControl","SelectControl","ToggleControl","InspectorControls","MIN_PREVIEW_HEIGHT","MAX_PREVIEW_HEIGHT","FileBlockInspector","hrefs","openInNewWindow","showDownloadButton","changeLinkDestinationOption","changeOpenInNewWindow","changeShowDownloadButton","displayPreview","changeDisplayPreview","previewHeight","changePreviewHeight","href","textLinkHref","attachmentPage","linkDestinationOptions","value","label","endsWith","Math","max"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SACCC,SADD,EAECC,YAFD,EAGCC,aAHD,EAICC,aAJD,QAKO,uBALP;AAMA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA;AACA;AACA;;AACA,SAASC,kBAAT,EAA6BC,kBAA7B,QAAuD,QAAvD;AAEA,eAAe,SAASC,kBAAT,OAWX;AAAA,MAXwC;AAC3CC,IAAAA,KAD2C;AAE3CC,IAAAA,eAF2C;AAG3CC,IAAAA,kBAH2C;AAI3CC,IAAAA,2BAJ2C;AAK3CC,IAAAA,qBAL2C;AAM3CC,IAAAA,wBAN2C;AAO3CC,IAAAA,cAP2C;AAQ3CC,IAAAA,oBAR2C;AAS3CC,IAAAA,aAT2C;AAU3CC,IAAAA;AAV2C,GAWxC;AACH,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,YAAR;AAAsBC,IAAAA;AAAtB,MAAyCZ,KAA/C;AAEA,MAAIa,sBAAsB,GAAG,CAAE;AAAEC,IAAAA,KAAK,EAAEJ,IAAT;AAAeK,IAAAA,KAAK,EAAExB,EAAE,CAAE,KAAF;AAAxB,GAAF,CAA7B;;AACA,MAAKqB,cAAL,EAAsB;AACrBC,IAAAA,sBAAsB,GAAG,CACxB;AAAEC,MAAAA,KAAK,EAAEJ,IAAT;AAAeK,MAAAA,KAAK,EAAExB,EAAE,CAAE,YAAF;AAAxB,KADwB,EAExB;AAAEuB,MAAAA,KAAK,EAAEF,cAAT;AAAyBG,MAAAA,KAAK,EAAExB,EAAE,CAAE,iBAAF;AAAlC,KAFwB,CAAzB;AAIA;;AAED,SACC,8BACC,cAAC,iBAAD,QACGmB,IAAI,CAACM,QAAL,CAAe,MAAf,KACD,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGzB,EAAE,CAAE,cAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,mBAAF,CADX;AAEC,IAAA,IAAI,EACHe,cAAc,GACXf,EAAE,CACF,mEADE,CADS,GAIX,IAPL;AASC,IAAA,OAAO,EAAG,CAAC,CAAEe,cATd;AAUC,IAAA,QAAQ,EAAGC;AAVZ,IADD,EAaGD,cAAc,IACf,cAAC,YAAD;AACC,IAAA,KAAK,EAAGf,EAAE,CAAE,kBAAF,CADX;AAEC,IAAA,GAAG,EAAGM,kBAFP;AAGC,IAAA,GAAG,EAAGoB,IAAI,CAACC,GAAL,CACLpB,kBADK,EAELU,aAFK,CAHP;AAOC,IAAA,KAAK,EAAGA,aAPT;AAQC,IAAA,QAAQ,EAAGC;AARZ,IAdF,CAFF,EA6BC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGlB,EAAE,CAAE,UAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,SAAF,CADX;AAEC,IAAA,KAAK,EAAGoB,YAFT;AAGC,IAAA,OAAO,EAAGE,sBAHX;AAIC,IAAA,QAAQ,EAAGV;AAJZ,IADD,EAOC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGZ,EAAE,CAAE,iBAAF,CADX;AAEC,IAAA,OAAO,EAAGU,eAFX;AAGC,IAAA,QAAQ,EAAGG;AAHZ,IAPD,EAYC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGb,EAAE,CAAE,sBAAF,CADX;AAEC,IAAA,OAAO,EAAGW,kBAFX;AAGC,IAAA,QAAQ,EAAGG;AAHZ,IAZD,CA7BD,CADD,CADD;AAoDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tSelectControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport { InspectorControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { MIN_PREVIEW_HEIGHT, MAX_PREVIEW_HEIGHT } from './edit';\n\nexport default function FileBlockInspector( {\n\threfs,\n\topenInNewWindow,\n\tshowDownloadButton,\n\tchangeLinkDestinationOption,\n\tchangeOpenInNewWindow,\n\tchangeShowDownloadButton,\n\tdisplayPreview,\n\tchangeDisplayPreview,\n\tpreviewHeight,\n\tchangePreviewHeight,\n} ) {\n\tconst { href, textLinkHref, attachmentPage } = hrefs;\n\n\tlet linkDestinationOptions = [ { value: href, label: __( 'URL' ) } ];\n\tif ( attachmentPage ) {\n\t\tlinkDestinationOptions = [\n\t\t\t{ value: href, label: __( 'Media file' ) },\n\t\t\t{ value: attachmentPage, label: __( 'Attachment page' ) },\n\t\t];\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ href.endsWith( '.pdf' ) && (\n\t\t\t\t\t<PanelBody title={ __( 'PDF settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Show inline embed' ) }\n\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\tdisplayPreview\n\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\"Note: Most phone and tablet browsers won't display embedded PDFs.\"\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchecked={ !! displayPreview }\n\t\t\t\t\t\t\tonChange={ changeDisplayPreview }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ displayPreview && (\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Height in pixels' ) }\n\t\t\t\t\t\t\t\tmin={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\t\t\tmax={ Math.max(\n\t\t\t\t\t\t\t\t\tMAX_PREVIEW_HEIGHT,\n\t\t\t\t\t\t\t\t\tpreviewHeight\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvalue={ previewHeight }\n\t\t\t\t\t\t\t\tonChange={ changePreviewHeight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t\t\t\tvalue={ textLinkHref }\n\t\t\t\t\t\toptions={ linkDestinationOptions }\n\t\t\t\t\t\tonChange={ changeLinkDestinationOption }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewWindow }\n\t\t\t\t\t\tonChange={ changeOpenInNewWindow }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show download button' ) }\n\t\t\t\t\t\tchecked={ showDownloadButton }\n\t\t\t\t\t\tonChange={ changeShowDownloadButton }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/file/inspector.js"],"names":["__","PanelBody","RangeControl","SelectControl","ToggleControl","InspectorControls","MIN_PREVIEW_HEIGHT","MAX_PREVIEW_HEIGHT","FileBlockInspector","hrefs","openInNewWindow","showDownloadButton","changeLinkDestinationOption","changeOpenInNewWindow","changeShowDownloadButton","displayPreview","changeDisplayPreview","previewHeight","changePreviewHeight","href","textLinkHref","attachmentPage","linkDestinationOptions","value","label","endsWith","Math","max"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SACCC,SADD,EAECC,YAFD,EAGCC,aAHD,EAICC,aAJD,QAKO,uBALP;AAMA,SAASC,iBAAT,QAAkC,yBAAlC;AAEA;AACA;AACA;;AACA,SAASC,kBAAT,EAA6BC,kBAA7B,QAAuD,QAAvD;AAEA,eAAe,SAASC,kBAAT,OAWX;AAAA,MAXwC;AAC3CC,IAAAA,KAD2C;AAE3CC,IAAAA,eAF2C;AAG3CC,IAAAA,kBAH2C;AAI3CC,IAAAA,2BAJ2C;AAK3CC,IAAAA,qBAL2C;AAM3CC,IAAAA,wBAN2C;AAO3CC,IAAAA,cAP2C;AAQ3CC,IAAAA,oBAR2C;AAS3CC,IAAAA,aAT2C;AAU3CC,IAAAA;AAV2C,GAWxC;AACH,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,YAAR;AAAsBC,IAAAA;AAAtB,MAAyCZ,KAA/C;AAEA,MAAIa,sBAAsB,GAAG,CAAE;AAAEC,IAAAA,KAAK,EAAEJ,IAAT;AAAeK,IAAAA,KAAK,EAAExB,EAAE,CAAE,KAAF;AAAxB,GAAF,CAA7B;;AACA,MAAKqB,cAAL,EAAsB;AACrBC,IAAAA,sBAAsB,GAAG,CACxB;AAAEC,MAAAA,KAAK,EAAEJ,IAAT;AAAeK,MAAAA,KAAK,EAAExB,EAAE,CAAE,YAAF;AAAxB,KADwB,EAExB;AAAEuB,MAAAA,KAAK,EAAEF,cAAT;AAAyBG,MAAAA,KAAK,EAAExB,EAAE,CAAE,iBAAF;AAAlC,KAFwB,CAAzB;AAIA;;AAED,SACC,8BACC,cAAC,iBAAD,QACGmB,IAAI,CAACM,QAAL,CAAe,MAAf,KACD,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGzB,EAAE,CAAE,cAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,mBAAF,CADX;AAEC,IAAA,IAAI,EACHe,cAAc,GACXf,EAAE,CACF,mEADE,CADS,GAIX,IAPL;AASC,IAAA,OAAO,EAAG,CAAC,CAAEe,cATd;AAUC,IAAA,QAAQ,EAAGC;AAVZ,IADD,EAaGD,cAAc,IACf,cAAC,YAAD;AACC,IAAA,uBAAuB,MADxB;AAEC,IAAA,KAAK,EAAGf,EAAE,CAAE,kBAAF,CAFX;AAGC,IAAA,GAAG,EAAGM,kBAHP;AAIC,IAAA,GAAG,EAAGoB,IAAI,CAACC,GAAL,CACLpB,kBADK,EAELU,aAFK,CAJP;AAQC,IAAA,KAAK,EAAGA,aART;AASC,IAAA,QAAQ,EAAGC;AATZ,IAdF,CAFF,EA8BC,cAAC,SAAD;AAAW,IAAA,KAAK,EAAGlB,EAAE,CAAE,UAAF;AAArB,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGA,EAAE,CAAE,SAAF,CADX;AAEC,IAAA,KAAK,EAAGoB,YAFT;AAGC,IAAA,OAAO,EAAGE,sBAHX;AAIC,IAAA,QAAQ,EAAGV;AAJZ,IADD,EAOC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGZ,EAAE,CAAE,iBAAF,CADX;AAEC,IAAA,OAAO,EAAGU,eAFX;AAGC,IAAA,QAAQ,EAAGG;AAHZ,IAPD,EAYC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGb,EAAE,CAAE,sBAAF,CADX;AAEC,IAAA,OAAO,EAAGW,kBAFX;AAGC,IAAA,QAAQ,EAAGG;AAHZ,IAZD,CA9BD,CADD,CADD;AAqDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tSelectControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport { InspectorControls } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { MIN_PREVIEW_HEIGHT, MAX_PREVIEW_HEIGHT } from './edit';\n\nexport default function FileBlockInspector( {\n\threfs,\n\topenInNewWindow,\n\tshowDownloadButton,\n\tchangeLinkDestinationOption,\n\tchangeOpenInNewWindow,\n\tchangeShowDownloadButton,\n\tdisplayPreview,\n\tchangeDisplayPreview,\n\tpreviewHeight,\n\tchangePreviewHeight,\n} ) {\n\tconst { href, textLinkHref, attachmentPage } = hrefs;\n\n\tlet linkDestinationOptions = [ { value: href, label: __( 'URL' ) } ];\n\tif ( attachmentPage ) {\n\t\tlinkDestinationOptions = [\n\t\t\t{ value: href, label: __( 'Media file' ) },\n\t\t\t{ value: attachmentPage, label: __( 'Attachment page' ) },\n\t\t];\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ href.endsWith( '.pdf' ) && (\n\t\t\t\t\t<PanelBody title={ __( 'PDF settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Show inline embed' ) }\n\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\tdisplayPreview\n\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\"Note: Most phone and tablet browsers won't display embedded PDFs.\"\n\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tchecked={ !! displayPreview }\n\t\t\t\t\t\t\tonChange={ changeDisplayPreview }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ displayPreview && (\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Height in pixels' ) }\n\t\t\t\t\t\t\t\tmin={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\t\t\tmax={ Math.max(\n\t\t\t\t\t\t\t\t\tMAX_PREVIEW_HEIGHT,\n\t\t\t\t\t\t\t\t\tpreviewHeight\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tvalue={ previewHeight }\n\t\t\t\t\t\t\t\tonChange={ changePreviewHeight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t\t\t\tvalue={ textLinkHref }\n\t\t\t\t\t\toptions={ linkDestinationOptions }\n\t\t\t\t\t\tonChange={ changeLinkDestinationOption }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tchecked={ openInNewWindow }\n\t\t\t\t\t\tonChange={ changeOpenInNewWindow }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Show download button' ) }\n\t\t\t\t\t\tchecked={ showDownloadButton }\n\t\t\t\t\t\tonChange={ changeShowDownloadButton }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"]}

package/build-module/freeform/edit.js

@@ -4,10 +4,10 @@ import { createElement, Fragment } from "@wordpress/element";
  * WordPress dependencies
  */
 import { BlockControls, useBlockProps, store as blockEditorStore } from '@wordpress/block-editor';
-import { debounce } from '@wordpress/compose';
+import { debounce, useRefEffect } from '@wordpress/compose';
 import { useSelect } from '@wordpress/data';
 import { ToolbarGroup } from '@wordpress/components';
-import { useEffect, useRef } from '@wordpress/element';
+import { useEffect, useRef, useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { BACKSPACE, DELETE, F10, isKeyboardEvent } from '@wordpress/keycodes';
 /**
@@ -15,6 +15,7 @@ import { BACKSPACE, DELETE, F10, isKeyboardEvent } from '@wordpress/keycodes';
  */
 
 import ConvertToBlocksButton from './convert-to-blocks-button';
+import ModalEdit from './modal';
 const {
   wp
 } = window;
@@ -38,7 +39,23 @@ function isTmceEmpty(editor) {
   return /^\n?$/.test(body.innerText || body.textContent);
 }
 
-export default function ClassicEdit(_ref) {
+export default function FreeformEdit(props) {
+  const {
+    clientId
+  } = props;
+  const canRemove = useSelect(select => select(blockEditorStore).canRemoveBlock(clientId), [clientId]);
+  const [isIframed, setIsIframed] = useState(false);
+  const ref = useRefEffect(element => {
+    setIsIframed(element.ownerDocument !== document);
+  }, []);
+  return createElement(Fragment, null, canRemove && createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ConvertToBlocksButton, {
+    clientId: clientId
+  }))), createElement("div", useBlockProps({
+    ref
+  }), isIframed ? createElement(ModalEdit, props) : createElement(ClassicEdit, props)));
+}
+
+function ClassicEdit(_ref) {
   let {
     clientId,
     attributes: {
@@ -50,7 +67,6 @@ export default function ClassicEdit(_ref) {
   const {
     getMultiSelectedBlockClientIds
   } = useSelect(blockEditorStore);
-  const canRemove = useSelect(select => select(blockEditorStore).canRemoveBlock(clientId), [clientId]);
   const didMount = useRef(false);
   useEffect(() => {
     if (!didMount.current) {
@@ -217,9 +233,7 @@ export default function ClassicEdit(_ref) {
   /* eslint-disable jsx-a11y/no-static-element-interactions */
 
 
-  return createElement(Fragment, null, canRemove && createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ConvertToBlocksButton, {
-    clientId: clientId
-  }))), createElement("div", useBlockProps(), createElement("div", {
+  return createElement(Fragment, null, createElement("div", {
     key: "toolbar",
     id: `toolbar-${clientId}`,
     className: "block-library-classic__toolbar",
@@ -230,7 +244,7 @@ export default function ClassicEdit(_ref) {
     key: "editor",
     id: `editor-${clientId}`,
     className: "wp-block-freeform block-library-rich-text__tinymce"
-  })));
+  }));
   /* eslint-enable jsx-a11y/no-static-element-interactions */
 }
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/freeform/edit.js"],"names":["BlockControls","useBlockProps","store","blockEditorStore","debounce","useSelect","ToolbarGroup","useEffect","useRef","__","BACKSPACE","DELETE","F10","isKeyboardEvent","ConvertToBlocksButton","wp","window","isTmceEmpty","editor","body","getBody","childNodes","length","test","innerText","textContent","ClassicEdit","clientId","attributes","content","setAttributes","onReplace","getMultiSelectedBlockClientIds","canRemove","select","canRemoveBlock","didMount","current","tinymce","get","currentContent","getContent","setContent","baseURL","suffix","wpEditorL10n","EditorManager","overrideDefaults","base_url","onSetup","bookmark","on","selection","getBookmark","scrollContainer","document","querySelector","scrollPosition","scrollTop","once","moveToBookmark","debouncedOnChange","value","_lastChange","cancel","event","primary","stopPropagation","keyCode","preventDefault","stopImmediatePropagation","altKey","rootNode","ownerDocument","activeElement","blur","focus","initialize","settings","oldEditor","inline","content_css","fixed_toolbar_container","setup","onReadyStateChange","readyState","addEventListener","removeEventListener","remove","onToolbarKeyDown","nativeEvent"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { debounce } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { ToolbarGroup } from '@wordpress/components';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { BACKSPACE, DELETE, F10, isKeyboardEvent } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nconst { wp } = window;\n\nfunction isTmceEmpty( editor ) {\n\t// When tinyMce is empty the content seems to be:\n\t// <p><br data-mce-bogus=\"1\"></p>\n\t// avoid expensive checks for large documents\n\tconst body = editor.getBody();\n\tif ( body.childNodes.length > 1 ) {\n\t\treturn false;\n\t} else if ( body.childNodes.length === 0 ) {\n\t\treturn true;\n\t}\n\tif ( body.childNodes[ 0 ].childNodes.length > 1 ) {\n\t\treturn false;\n\t}\n\treturn /^\\n?$/.test( body.innerText || body.textContent );\n}\n\nexport default function ClassicEdit( {\n\tclientId,\n\tattributes: { content },\n\tsetAttributes,\n\tonReplace,\n} ) {\n\tconst { getMultiSelectedBlockClientIds } = useSelect( blockEditorStore );\n\tconst canRemove = useSelect(\n\t\t( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst didMount = useRef( false );\n\n\tuseEffect( () => {\n\t\tif ( ! didMount.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = window.tinymce.get( `editor-${ clientId }` );\n\t\tconst currentContent = editor?.getContent();\n\n\t\tif ( currentContent !== content ) {\n\t\t\teditor.setContent( content || '' );\n\t\t}\n\t}, [ content ] );\n\n\tuseEffect( () => {\n\t\tconst { baseURL, suffix } = window.wpEditorL10n.tinymce;\n\n\t\tdidMount.current = true;\n\n\t\twindow.tinymce.EditorManager.overrideDefaults( {\n\t\t\tbase_url: baseURL,\n\t\t\tsuffix,\n\t\t} );\n\n\t\tfunction onSetup( editor ) {\n\t\t\tlet bookmark;\n\n\t\t\tif ( content ) {\n\t\t\t\teditor.on( 'loadContent', () => editor.setContent( content ) );\n\t\t\t}\n\n\t\t\teditor.on( 'blur', () => {\n\t\t\t\tbookmark = editor.selection.getBookmark( 2, true );\n\t\t\t\t// There is an issue with Chrome and the editor.focus call in core at https://core.trac.wordpress.org/browser/trunk/src/js/_enqueues/lib/link.js#L451.\n\t\t\t\t// This causes a scroll to the top of editor content on return from some content updating dialogs so tracking\n\t\t\t\t// scroll position until this is fixed in core.\n\t\t\t\tconst scrollContainer = document.querySelector(\n\t\t\t\t\t'.interface-interface-skeleton__content'\n\t\t\t\t);\n\t\t\t\tconst scrollPosition = scrollContainer.scrollTop;\n\n\t\t\t\t// Only update attributes if we aren't multi-selecting blocks.\n\t\t\t\t// Updating during multi-selection can overwrite attributes of other blocks.\n\t\t\t\tif ( ! getMultiSelectedBlockClientIds()?.length ) {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: editor.getContent(),\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\teditor.once( 'focus', () => {\n\t\t\t\t\tif ( bookmark ) {\n\t\t\t\t\t\teditor.selection.moveToBookmark( bookmark );\n\t\t\t\t\t\tif ( scrollContainer.scrollTop !== scrollPosition ) {\n\t\t\t\t\t\t\tscrollContainer.scrollTop = scrollPosition;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\n\t\t\t\treturn false;\n\t\t\t} );\n\n\t\t\teditor.on( 'mousedown touchstart', () => {\n\t\t\t\tbookmark = null;\n\t\t\t} );\n\n\t\t\tconst debouncedOnChange = debounce( () => {\n\t\t\t\tconst value = editor.getContent();\n\n\t\t\t\tif ( value !== editor._lastChange ) {\n\t\t\t\t\teditor._lastChange = value;\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}, 250 );\n\t\t\teditor.on( 'Paste Change input Undo Redo', debouncedOnChange );\n\n\t\t\t// We need to cancel the debounce call because when we remove\n\t\t\t// the editor (onUnmount) this callback is executed in\n\t\t\t// another tick. This results in setting the content to empty.\n\t\t\teditor.on( 'remove', debouncedOnChange.cancel );\n\n\t\t\teditor.on( 'keydown', ( event ) => {\n\t\t\t\tif ( isKeyboardEvent.primary( event, 'z' ) ) {\n\t\t\t\t\t// Prevent the gutenberg undo kicking in so TinyMCE undo stack works as expected.\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t( event.keyCode === BACKSPACE ||\n\t\t\t\t\t\tevent.keyCode === DELETE ) &&\n\t\t\t\t\tisTmceEmpty( editor )\n\t\t\t\t) {\n\t\t\t\t\t// Delete the block.\n\t\t\t\t\tonReplace( [] );\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tevent.stopImmediatePropagation();\n\t\t\t\t}\n\n\t\t\t\tconst { altKey } = event;\n\t\t\t\t/*\n\t\t\t\t * Prevent Mousetrap from kicking in: TinyMCE already uses its own\n\t\t\t\t * `alt+f10` shortcut to focus its toolbar.\n\t\t\t\t */\n\t\t\t\tif ( altKey && event.keyCode === F10 ) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.on( 'init', () => {\n\t\t\t\tconst rootNode = editor.getBody();\n\n\t\t\t\t// Create the toolbar by refocussing the editor.\n\t\t\t\tif ( rootNode.ownerDocument.activeElement === rootNode ) {\n\t\t\t\t\trootNode.blur();\n\t\t\t\t\teditor.focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tfunction initialize() {\n\t\t\tconst { settings } = window.wpEditorL10n.tinymce;\n\t\t\twp.oldEditor.initialize( `editor-${ clientId }`, {\n\t\t\t\ttinymce: {\n\t\t\t\t\t...settings,\n\t\t\t\t\tinline: true,\n\t\t\t\t\tcontent_css: false,\n\t\t\t\t\tfixed_toolbar_container: `#toolbar-${ clientId }`,\n\t\t\t\t\tsetup: onSetup,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tfunction onReadyStateChange() {\n\t\t\tif ( document.readyState === 'complete' ) {\n\t\t\t\tinitialize();\n\t\t\t}\n\t\t}\n\n\t\tif ( document.readyState === 'complete' ) {\n\t\t\tinitialize();\n\t\t} else {\n\t\t\tdocument.addEventListener( 'readystatechange', onReadyStateChange );\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\n\t\t\t\t'readystatechange',\n\t\t\t\tonReadyStateChange\n\t\t\t);\n\t\t\twp.oldEditor.remove( `editor-${ clientId }` );\n\t\t};\n\t}, [] );\n\n\tfunction focus() {\n\t\tconst editor = window.tinymce.get( `editor-${ clientId }` );\n\t\tif ( editor ) {\n\t\t\teditor.focus();\n\t\t}\n\t}\n\n\tfunction onToolbarKeyDown( event ) {\n\t\t// Prevent WritingFlow from kicking in and allow arrows navigation on the toolbar.\n\t\tevent.stopPropagation();\n\t\t// Prevent Mousetrap from moving focus to the top toolbar when pressing `alt+f10` on this block toolbar.\n\t\tevent.nativeEvent.stopImmediatePropagation();\n\t}\n\n\t// Disable reasons:\n\t//\n\t// jsx-a11y/no-static-element-interactions\n\t//  - the toolbar itself is non-interactive, but must capture events\n\t//    from the KeyboardShortcuts component to stop their propagation.\n\n\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\treturn (\n\t\t<>\n\t\t\t{ canRemove && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ConvertToBlocksButton clientId={ clientId } />\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<div { ...useBlockProps() }>\n\t\t\t\t<div\n\t\t\t\t\tkey=\"toolbar\"\n\t\t\t\t\tid={ `toolbar-${ clientId }` }\n\t\t\t\t\tclassName=\"block-library-classic__toolbar\"\n\t\t\t\t\tonClick={ focus }\n\t\t\t\t\tdata-placeholder={ __( 'Classic' ) }\n\t\t\t\t\tonKeyDown={ onToolbarKeyDown }\n\t\t\t\t/>\n\t\t\t\t<div\n\t\t\t\t\tkey=\"editor\"\n\t\t\t\t\tid={ `editor-${ clientId }` }\n\t\t\t\t\tclassName=\"wp-block-freeform block-library-rich-text__tinymce\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/freeform/edit.js"],"names":["BlockControls","useBlockProps","store","blockEditorStore","debounce","useRefEffect","useSelect","ToolbarGroup","useEffect","useRef","useState","__","BACKSPACE","DELETE","F10","isKeyboardEvent","ConvertToBlocksButton","ModalEdit","wp","window","isTmceEmpty","editor","body","getBody","childNodes","length","test","innerText","textContent","FreeformEdit","props","clientId","canRemove","select","canRemoveBlock","isIframed","setIsIframed","ref","element","ownerDocument","document","ClassicEdit","attributes","content","setAttributes","onReplace","getMultiSelectedBlockClientIds","didMount","current","tinymce","get","currentContent","getContent","setContent","baseURL","suffix","wpEditorL10n","EditorManager","overrideDefaults","base_url","onSetup","bookmark","on","selection","getBookmark","scrollContainer","querySelector","scrollPosition","scrollTop","once","moveToBookmark","debouncedOnChange","value","_lastChange","cancel","event","primary","stopPropagation","keyCode","preventDefault","stopImmediatePropagation","altKey","rootNode","activeElement","blur","focus","initialize","settings","oldEditor","inline","content_css","fixed_toolbar_container","setup","onReadyStateChange","readyState","addEventListener","removeEventListener","remove","onToolbarKeyDown","nativeEvent"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,aADD,EAECC,aAFD,EAGCC,KAAK,IAAIC,gBAHV,QAIO,yBAJP;AAKA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,oBAAvC;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,YAAT,QAA6B,uBAA7B;AACA,SAASC,SAAT,EAAoBC,MAApB,EAA4BC,QAA5B,QAA4C,oBAA5C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,MAApB,EAA4BC,GAA5B,EAAiCC,eAAjC,QAAwD,qBAAxD;AAEA;AACA;AACA;;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AACA,OAAOC,SAAP,MAAsB,SAAtB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAASC,MAAf;;AAEA,SAASC,WAAT,CAAsBC,MAAtB,EAA+B;AAC9B;AACA;AACA;AACA,QAAMC,IAAI,GAAGD,MAAM,CAACE,OAAP,EAAb;;AACA,MAAKD,IAAI,CAACE,UAAL,CAAgBC,MAAhB,GAAyB,CAA9B,EAAkC;AACjC,WAAO,KAAP;AACA,GAFD,MAEO,IAAKH,IAAI,CAACE,UAAL,CAAgBC,MAAhB,KAA2B,CAAhC,EAAoC;AAC1C,WAAO,IAAP;AACA;;AACD,MAAKH,IAAI,CAACE,UAAL,CAAiB,CAAjB,EAAqBA,UAArB,CAAgCC,MAAhC,GAAyC,CAA9C,EAAkD;AACjD,WAAO,KAAP;AACA;;AACD,SAAO,QAAQC,IAAR,CAAcJ,IAAI,CAACK,SAAL,IAAkBL,IAAI,CAACM,WAArC,CAAP;AACA;;AAED,eAAe,SAASC,YAAT,CAAuBC,KAAvB,EAA+B;AAC7C,QAAM;AAAEC,IAAAA;AAAF,MAAeD,KAArB;AACA,QAAME,SAAS,GAAG1B,SAAS,CACxB2B,MAAF,IAAcA,MAAM,CAAE9B,gBAAF,CAAN,CAA2B+B,cAA3B,CAA2CH,QAA3C,CADY,EAE1B,CAAEA,QAAF,CAF0B,CAA3B;AAIA,QAAM,CAAEI,SAAF,EAAaC,YAAb,IAA8B1B,QAAQ,CAAE,KAAF,CAA5C;AACA,QAAM2B,GAAG,GAAGhC,YAAY,CAAIiC,OAAF,IAAe;AACxCF,IAAAA,YAAY,CAAEE,OAAO,CAACC,aAAR,KAA0BC,QAA5B,CAAZ;AACA,GAFuB,EAErB,EAFqB,CAAxB;AAIA,SACC,8BACGR,SAAS,IACV,cAAC,aAAD,QACC,cAAC,YAAD,QACC,cAAC,qBAAD;AAAuB,IAAA,QAAQ,EAAGD;AAAlC,IADD,CADD,CAFF,EAQC,qBAAU9B,aAAa,CAAE;AAAEoC,IAAAA;AAAF,GAAF,CAAvB,EACGF,SAAS,GACV,cAAC,SAAD,EAAgBL,KAAhB,CADU,GAGV,cAAC,WAAD,EAAkBA,KAAlB,CAJF,CARD,CADD;AAkBA;;AAED,SAASW,WAAT,OAKI;AAAA,MALkB;AACrBV,IAAAA,QADqB;AAErBW,IAAAA,UAAU,EAAE;AAAEC,MAAAA;AAAF,KAFS;AAGrBC,IAAAA,aAHqB;AAIrBC,IAAAA;AAJqB,GAKlB;AACH,QAAM;AAAEC,IAAAA;AAAF,MAAqCxC,SAAS,CAAEH,gBAAF,CAApD;AACA,QAAM4C,QAAQ,GAAGtC,MAAM,CAAE,KAAF,CAAvB;AAEAD,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAK,CAAEuC,QAAQ,CAACC,OAAhB,EAA0B;AACzB;AACA;;AAED,UAAM3B,MAAM,GAAGF,MAAM,CAAC8B,OAAP,CAAeC,GAAf,CAAqB,UAAUnB,QAAU,EAAzC,CAAf;AACA,UAAMoB,cAAc,GAAG9B,MAAH,aAAGA,MAAH,uBAAGA,MAAM,CAAE+B,UAAR,EAAvB;;AAEA,QAAKD,cAAc,KAAKR,OAAxB,EAAkC;AACjCtB,MAAAA,MAAM,CAACgC,UAAP,CAAmBV,OAAO,IAAI,EAA9B;AACA;AACD,GAXQ,EAWN,CAAEA,OAAF,CAXM,CAAT;AAaAnC,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAM;AAAE8C,MAAAA,OAAF;AAAWC,MAAAA;AAAX,QAAsBpC,MAAM,CAACqC,YAAP,CAAoBP,OAAhD;AAEAF,IAAAA,QAAQ,CAACC,OAAT,GAAmB,IAAnB;AAEA7B,IAAAA,MAAM,CAAC8B,OAAP,CAAeQ,aAAf,CAA6BC,gBAA7B,CAA+C;AAC9CC,MAAAA,QAAQ,EAAEL,OADoC;AAE9CC,MAAAA;AAF8C,KAA/C;;AAKA,aAASK,OAAT,CAAkBvC,MAAlB,EAA2B;AAC1B,UAAIwC,QAAJ;;AAEA,UAAKlB,OAAL,EAAe;AACdtB,QAAAA,MAAM,CAACyC,EAAP,CAAW,aAAX,EAA0B,MAAMzC,MAAM,CAACgC,UAAP,CAAmBV,OAAnB,CAAhC;AACA;;AAEDtB,MAAAA,MAAM,CAACyC,EAAP,CAAW,MAAX,EAAmB,MAAM;AAAA;;AACxBD,QAAAA,QAAQ,GAAGxC,MAAM,CAAC0C,SAAP,CAAiBC,WAAjB,CAA8B,CAA9B,EAAiC,IAAjC,CAAX,CADwB,CAExB;AACA;AACA;;AACA,cAAMC,eAAe,GAAGzB,QAAQ,CAAC0B,aAAT,CACvB,wCADuB,CAAxB;AAGA,cAAMC,cAAc,GAAGF,eAAe,CAACG,SAAvC,CARwB,CAUxB;AACA;;AACA,YAAK,2BAAEtB,8BAA8B,EAAhC,kDAAE,sBAAkCrB,MAApC,CAAL,EAAkD;AACjDmB,UAAAA,aAAa,CAAE;AACdD,YAAAA,OAAO,EAAEtB,MAAM,CAAC+B,UAAP;AADK,WAAF,CAAb;AAGA;;AAED/B,QAAAA,MAAM,CAACgD,IAAP,CAAa,OAAb,EAAsB,MAAM;AAC3B,cAAKR,QAAL,EAAgB;AACfxC,YAAAA,MAAM,CAAC0C,SAAP,CAAiBO,cAAjB,CAAiCT,QAAjC;;AACA,gBAAKI,eAAe,CAACG,SAAhB,KAA8BD,cAAnC,EAAoD;AACnDF,cAAAA,eAAe,CAACG,SAAhB,GAA4BD,cAA5B;AACA;AACD;AACD,SAPD;AASA,eAAO,KAAP;AACA,OA5BD;AA8BA9C,MAAAA,MAAM,CAACyC,EAAP,CAAW,sBAAX,EAAmC,MAAM;AACxCD,QAAAA,QAAQ,GAAG,IAAX;AACA,OAFD;AAIA,YAAMU,iBAAiB,GAAGnE,QAAQ,CAAE,MAAM;AACzC,cAAMoE,KAAK,GAAGnD,MAAM,CAAC+B,UAAP,EAAd;;AAEA,YAAKoB,KAAK,KAAKnD,MAAM,CAACoD,WAAtB,EAAoC;AACnCpD,UAAAA,MAAM,CAACoD,WAAP,GAAqBD,KAArB;AACA5B,UAAAA,aAAa,CAAE;AACdD,YAAAA,OAAO,EAAE6B;AADK,WAAF,CAAb;AAGA;AACD,OATiC,EAS/B,GAT+B,CAAlC;AAUAnD,MAAAA,MAAM,CAACyC,EAAP,CAAW,8BAAX,EAA2CS,iBAA3C,EAnD0B,CAqD1B;AACA;AACA;;AACAlD,MAAAA,MAAM,CAACyC,EAAP,CAAW,QAAX,EAAqBS,iBAAiB,CAACG,MAAvC;AAEArD,MAAAA,MAAM,CAACyC,EAAP,CAAW,SAAX,EAAwBa,KAAF,IAAa;AAClC,YAAK5D,eAAe,CAAC6D,OAAhB,CAAyBD,KAAzB,EAAgC,GAAhC,CAAL,EAA6C;AAC5C;AACAA,UAAAA,KAAK,CAACE,eAAN;AACA;;AAED,YACC,CAAEF,KAAK,CAACG,OAAN,KAAkBlE,SAAlB,IACD+D,KAAK,CAACG,OAAN,KAAkBjE,MADnB,KAEAO,WAAW,CAAEC,MAAF,CAHZ,EAIE;AACD;AACAwB,UAAAA,SAAS,CAAE,EAAF,CAAT;AACA8B,UAAAA,KAAK,CAACI,cAAN;AACAJ,UAAAA,KAAK,CAACK,wBAAN;AACA;;AAED,cAAM;AAAEC,UAAAA;AAAF,YAAaN,KAAnB;AACA;AACJ;AACA;AACA;;AACI,YAAKM,MAAM,IAAIN,KAAK,CAACG,OAAN,KAAkBhE,GAAjC,EAAuC;AACtC6D,UAAAA,KAAK,CAACE,eAAN;AACA;AACD,OAzBD;AA2BAxD,MAAAA,MAAM,CAACyC,EAAP,CAAW,MAAX,EAAmB,MAAM;AACxB,cAAMoB,QAAQ,GAAG7D,MAAM,CAACE,OAAP,EAAjB,CADwB,CAGxB;;AACA,YAAK2D,QAAQ,CAAC3C,aAAT,CAAuB4C,aAAvB,KAAyCD,QAA9C,EAAyD;AACxDA,UAAAA,QAAQ,CAACE,IAAT;AACA/D,UAAAA,MAAM,CAACgE,KAAP;AACA;AACD,OARD;AASA;;AAED,aAASC,UAAT,GAAsB;AACrB,YAAM;AAAEC,QAAAA;AAAF,UAAepE,MAAM,CAACqC,YAAP,CAAoBP,OAAzC;AACA/B,MAAAA,EAAE,CAACsE,SAAH,CAAaF,UAAb,CAA0B,UAAUvD,QAAU,EAA9C,EAAiD;AAChDkB,QAAAA,OAAO,EAAE,EACR,GAAGsC,QADK;AAERE,UAAAA,MAAM,EAAE,IAFA;AAGRC,UAAAA,WAAW,EAAE,KAHL;AAIRC,UAAAA,uBAAuB,EAAG,YAAY5D,QAAU,EAJxC;AAKR6D,UAAAA,KAAK,EAAEhC;AALC;AADuC,OAAjD;AASA;;AAED,aAASiC,kBAAT,GAA8B;AAC7B,UAAKrD,QAAQ,CAACsD,UAAT,KAAwB,UAA7B,EAA0C;AACzCR,QAAAA,UAAU;AACV;AACD;;AAED,QAAK9C,QAAQ,CAACsD,UAAT,KAAwB,UAA7B,EAA0C;AACzCR,MAAAA,UAAU;AACV,KAFD,MAEO;AACN9C,MAAAA,QAAQ,CAACuD,gBAAT,CAA2B,kBAA3B,EAA+CF,kBAA/C;AACA;;AAED,WAAO,MAAM;AACZrD,MAAAA,QAAQ,CAACwD,mBAAT,CACC,kBADD,EAECH,kBAFD;AAIA3E,MAAAA,EAAE,CAACsE,SAAH,CAAaS,MAAb,CAAsB,UAAUlE,QAAU,EAA1C;AACA,KAND;AAOA,GA1IQ,EA0IN,EA1IM,CAAT;;AA4IA,WAASsD,KAAT,GAAiB;AAChB,UAAMhE,MAAM,GAAGF,MAAM,CAAC8B,OAAP,CAAeC,GAAf,CAAqB,UAAUnB,QAAU,EAAzC,CAAf;;AACA,QAAKV,MAAL,EAAc;AACbA,MAAAA,MAAM,CAACgE,KAAP;AACA;AACD;;AAED,WAASa,gBAAT,CAA2BvB,KAA3B,EAAmC;AAClC;AACAA,IAAAA,KAAK,CAACE,eAAN,GAFkC,CAGlC;;AACAF,IAAAA,KAAK,CAACwB,WAAN,CAAkBnB,wBAAlB;AACA,GAzKE,CA2KH;AACA;AACA;AACA;AACA;;AAEA;;;AACA,SACC,8BACC;AACC,IAAA,GAAG,EAAC,SADL;AAEC,IAAA,EAAE,EAAI,WAAWjD,QAAU,EAF5B;AAGC,IAAA,SAAS,EAAC,gCAHX;AAIC,IAAA,OAAO,EAAGsD,KAJX;AAKC,wBAAmB1E,EAAE,CAAE,SAAF,CALtB;AAMC,IAAA,SAAS,EAAGuF;AANb,IADD,EASC;AACC,IAAA,GAAG,EAAC,QADL;AAEC,IAAA,EAAE,EAAI,UAAUnE,QAAU,EAF3B;AAGC,IAAA,SAAS,EAAC;AAHX,IATD,CADD;AAiBA;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { debounce, useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { ToolbarGroup } from '@wordpress/components';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { BACKSPACE, DELETE, F10, isKeyboardEvent } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ConvertToBlocksButton from './convert-to-blocks-button';\nimport ModalEdit from './modal';\n\nconst { wp } = window;\n\nfunction isTmceEmpty( editor ) {\n\t// When tinyMce is empty the content seems to be:\n\t// <p><br data-mce-bogus=\"1\"></p>\n\t// avoid expensive checks for large documents\n\tconst body = editor.getBody();\n\tif ( body.childNodes.length > 1 ) {\n\t\treturn false;\n\t} else if ( body.childNodes.length === 0 ) {\n\t\treturn true;\n\t}\n\tif ( body.childNodes[ 0 ].childNodes.length > 1 ) {\n\t\treturn false;\n\t}\n\treturn /^\\n?$/.test( body.innerText || body.textContent );\n}\n\nexport default function FreeformEdit( props ) {\n\tconst { clientId } = props;\n\tconst canRemove = useSelect(\n\t\t( select ) => select( blockEditorStore ).canRemoveBlock( clientId ),\n\t\t[ clientId ]\n\t);\n\tconst [ isIframed, setIsIframed ] = useState( false );\n\tconst ref = useRefEffect( ( element ) => {\n\t\tsetIsIframed( element.ownerDocument !== document );\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t{ canRemove && (\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ConvertToBlocksButton clientId={ clientId } />\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<div { ...useBlockProps( { ref } ) }>\n\t\t\t\t{ isIframed ? (\n\t\t\t\t\t<ModalEdit { ...props } />\n\t\t\t\t) : (\n\t\t\t\t\t<ClassicEdit { ...props } />\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ClassicEdit( {\n\tclientId,\n\tattributes: { content },\n\tsetAttributes,\n\tonReplace,\n} ) {\n\tconst { getMultiSelectedBlockClientIds } = useSelect( blockEditorStore );\n\tconst didMount = useRef( false );\n\n\tuseEffect( () => {\n\t\tif ( ! didMount.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst editor = window.tinymce.get( `editor-${ clientId }` );\n\t\tconst currentContent = editor?.getContent();\n\n\t\tif ( currentContent !== content ) {\n\t\t\teditor.setContent( content || '' );\n\t\t}\n\t}, [ content ] );\n\n\tuseEffect( () => {\n\t\tconst { baseURL, suffix } = window.wpEditorL10n.tinymce;\n\n\t\tdidMount.current = true;\n\n\t\twindow.tinymce.EditorManager.overrideDefaults( {\n\t\t\tbase_url: baseURL,\n\t\t\tsuffix,\n\t\t} );\n\n\t\tfunction onSetup( editor ) {\n\t\t\tlet bookmark;\n\n\t\t\tif ( content ) {\n\t\t\t\teditor.on( 'loadContent', () => editor.setContent( content ) );\n\t\t\t}\n\n\t\t\teditor.on( 'blur', () => {\n\t\t\t\tbookmark = editor.selection.getBookmark( 2, true );\n\t\t\t\t// There is an issue with Chrome and the editor.focus call in core at https://core.trac.wordpress.org/browser/trunk/src/js/_enqueues/lib/link.js#L451.\n\t\t\t\t// This causes a scroll to the top of editor content on return from some content updating dialogs so tracking\n\t\t\t\t// scroll position until this is fixed in core.\n\t\t\t\tconst scrollContainer = document.querySelector(\n\t\t\t\t\t'.interface-interface-skeleton__content'\n\t\t\t\t);\n\t\t\t\tconst scrollPosition = scrollContainer.scrollTop;\n\n\t\t\t\t// Only update attributes if we aren't multi-selecting blocks.\n\t\t\t\t// Updating during multi-selection can overwrite attributes of other blocks.\n\t\t\t\tif ( ! getMultiSelectedBlockClientIds()?.length ) {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: editor.getContent(),\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\teditor.once( 'focus', () => {\n\t\t\t\t\tif ( bookmark ) {\n\t\t\t\t\t\teditor.selection.moveToBookmark( bookmark );\n\t\t\t\t\t\tif ( scrollContainer.scrollTop !== scrollPosition ) {\n\t\t\t\t\t\t\tscrollContainer.scrollTop = scrollPosition;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\n\t\t\t\treturn false;\n\t\t\t} );\n\n\t\t\teditor.on( 'mousedown touchstart', () => {\n\t\t\t\tbookmark = null;\n\t\t\t} );\n\n\t\t\tconst debouncedOnChange = debounce( () => {\n\t\t\t\tconst value = editor.getContent();\n\n\t\t\t\tif ( value !== editor._lastChange ) {\n\t\t\t\t\teditor._lastChange = value;\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}, 250 );\n\t\t\teditor.on( 'Paste Change input Undo Redo', debouncedOnChange );\n\n\t\t\t// We need to cancel the debounce call because when we remove\n\t\t\t// the editor (onUnmount) this callback is executed in\n\t\t\t// another tick. This results in setting the content to empty.\n\t\t\teditor.on( 'remove', debouncedOnChange.cancel );\n\n\t\t\teditor.on( 'keydown', ( event ) => {\n\t\t\t\tif ( isKeyboardEvent.primary( event, 'z' ) ) {\n\t\t\t\t\t// Prevent the gutenberg undo kicking in so TinyMCE undo stack works as expected.\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\t( event.keyCode === BACKSPACE ||\n\t\t\t\t\t\tevent.keyCode === DELETE ) &&\n\t\t\t\t\tisTmceEmpty( editor )\n\t\t\t\t) {\n\t\t\t\t\t// Delete the block.\n\t\t\t\t\tonReplace( [] );\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tevent.stopImmediatePropagation();\n\t\t\t\t}\n\n\t\t\t\tconst { altKey } = event;\n\t\t\t\t/*\n\t\t\t\t * Prevent Mousetrap from kicking in: TinyMCE already uses its own\n\t\t\t\t * `alt+f10` shortcut to focus its toolbar.\n\t\t\t\t */\n\t\t\t\tif ( altKey && event.keyCode === F10 ) {\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\teditor.on( 'init', () => {\n\t\t\t\tconst rootNode = editor.getBody();\n\n\t\t\t\t// Create the toolbar by refocussing the editor.\n\t\t\t\tif ( rootNode.ownerDocument.activeElement === rootNode ) {\n\t\t\t\t\trootNode.blur();\n\t\t\t\t\teditor.focus();\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\n\t\tfunction initialize() {\n\t\t\tconst { settings } = window.wpEditorL10n.tinymce;\n\t\t\twp.oldEditor.initialize( `editor-${ clientId }`, {\n\t\t\t\ttinymce: {\n\t\t\t\t\t...settings,\n\t\t\t\t\tinline: true,\n\t\t\t\t\tcontent_css: false,\n\t\t\t\t\tfixed_toolbar_container: `#toolbar-${ clientId }`,\n\t\t\t\t\tsetup: onSetup,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\n\t\tfunction onReadyStateChange() {\n\t\t\tif ( document.readyState === 'complete' ) {\n\t\t\t\tinitialize();\n\t\t\t}\n\t\t}\n\n\t\tif ( document.readyState === 'complete' ) {\n\t\t\tinitialize();\n\t\t} else {\n\t\t\tdocument.addEventListener( 'readystatechange', onReadyStateChange );\n\t\t}\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\n\t\t\t\t'readystatechange',\n\t\t\t\tonReadyStateChange\n\t\t\t);\n\t\t\twp.oldEditor.remove( `editor-${ clientId }` );\n\t\t};\n\t}, [] );\n\n\tfunction focus() {\n\t\tconst editor = window.tinymce.get( `editor-${ clientId }` );\n\t\tif ( editor ) {\n\t\t\teditor.focus();\n\t\t}\n\t}\n\n\tfunction onToolbarKeyDown( event ) {\n\t\t// Prevent WritingFlow from kicking in and allow arrows navigation on the toolbar.\n\t\tevent.stopPropagation();\n\t\t// Prevent Mousetrap from moving focus to the top toolbar when pressing `alt+f10` on this block toolbar.\n\t\tevent.nativeEvent.stopImmediatePropagation();\n\t}\n\n\t// Disable reasons:\n\t//\n\t// jsx-a11y/no-static-element-interactions\n\t//  - the toolbar itself is non-interactive, but must capture events\n\t//    from the KeyboardShortcuts component to stop their propagation.\n\n\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tkey=\"toolbar\"\n\t\t\t\tid={ `toolbar-${ clientId }` }\n\t\t\t\tclassName=\"block-library-classic__toolbar\"\n\t\t\t\tonClick={ focus }\n\t\t\t\tdata-placeholder={ __( 'Classic' ) }\n\t\t\t\tonKeyDown={ onToolbarKeyDown }\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tkey=\"editor\"\n\t\t\t\tid={ `editor-${ clientId }` }\n\t\t\t\tclassName=\"wp-block-freeform block-library-rich-text__tinymce\"\n\t\t\t/>\n\t\t</>\n\t);\n\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n}\n"]}

package/build-module/freeform/modal.js

@@ -0,0 +1,90 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { BlockControls, store } from '@wordpress/block-editor';
+import { ToolbarGroup, ToolbarButton, Modal, Button } from '@wordpress/components';
+import { useEffect, useState, RawHTML } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { useSelect } from '@wordpress/data';
+
+function ClassicEdit(props) {
+  const styles = useSelect(select => select(store).getSettings().styles);
+  useEffect(() => {
+    const {
+      baseURL,
+      suffix,
+      settings
+    } = window.wpEditorL10n.tinymce;
+    window.tinymce.EditorManager.overrideDefaults({
+      base_url: baseURL,
+      suffix
+    });
+    window.wp.oldEditor.initialize(props.id, {
+      tinymce: { ...settings,
+        height: 500,
+
+        setup(editor) {
+          editor.on('init', () => {
+            const doc = editor.getDoc();
+            styles.forEach(_ref => {
+              let {
+                css
+              } = _ref;
+              const styleEl = doc.createElement('style');
+              styleEl.innerHTML = css;
+              doc.head.appendChild(styleEl);
+            });
+          });
+        }
+
+      }
+    });
+    return () => {
+      window.wp.oldEditor.remove(props.id);
+    };
+  }, []);
+  return createElement("textarea", props);
+}
+
+export default function ModalEdit(props) {
+  const {
+    clientId,
+    attributes: {
+      content
+    },
+    setAttributes,
+    onReplace
+  } = props;
+  const [isOpen, setOpen] = useState(false);
+  const id = `editor-${clientId}`;
+
+  const label = __('Classic Edit');
+
+  return createElement(Fragment, null, createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarButton, {
+    onClick: () => setOpen(true)
+  }, label))), content && createElement(RawHTML, null, content), (isOpen || !content) && createElement(Modal, {
+    title: label,
+    __experimentalHideHeader: true
+  }, createElement("h2", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between'
+    }
+  }, createElement("div", null, label), createElement("div", null, createElement(Button, {
+    onClick: () => content ? setOpen(false) : onReplace([])
+  }, __('Cancel')), createElement(Button, {
+    isPrimary: true,
+    onClick: () => {
+      setAttributes({
+        content: window.wp.oldEditor.getContent(id)
+      });
+      setOpen(false);
+    }
+  }, __('Save')))), createElement(ClassicEdit, {
+    id: id,
+    defaultValue: content
+  })));
+}
+//# sourceMappingURL=modal.js.map

package/build-module/freeform/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/freeform/modal.js"],"names":["BlockControls","store","ToolbarGroup","ToolbarButton","Modal","Button","useEffect","useState","RawHTML","__","useSelect","ClassicEdit","props","styles","select","getSettings","baseURL","suffix","settings","window","wpEditorL10n","tinymce","EditorManager","overrideDefaults","base_url","wp","oldEditor","initialize","id","height","setup","editor","on","doc","getDoc","forEach","css","styleEl","createElement","innerHTML","head","appendChild","remove","ModalEdit","clientId","attributes","content","setAttributes","onReplace","isOpen","setOpen","label","display","justifyContent","getContent"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,KAAxB,QAAqC,yBAArC;AACA,SACCC,YADD,EAECC,aAFD,EAGCC,KAHD,EAICC,MAJD,QAKO,uBALP;AAMA,SAASC,SAAT,EAAoBC,QAApB,EAA8BC,OAA9B,QAA6C,oBAA7C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,QAA0B,iBAA1B;;AAEA,SAASC,WAAT,CAAsBC,KAAtB,EAA8B;AAC7B,QAAMC,MAAM,GAAGH,SAAS,CACrBI,MAAF,IAAcA,MAAM,CAAEb,KAAF,CAAN,CAAgBc,WAAhB,GAA8BF,MADrB,CAAxB;AAGAP,EAAAA,SAAS,CAAE,MAAM;AAChB,UAAM;AAAEU,MAAAA,OAAF;AAAWC,MAAAA,MAAX;AAAmBC,MAAAA;AAAnB,QAAgCC,MAAM,CAACC,YAAP,CAAoBC,OAA1D;AAEAF,IAAAA,MAAM,CAACE,OAAP,CAAeC,aAAf,CAA6BC,gBAA7B,CAA+C;AAC9CC,MAAAA,QAAQ,EAAER,OADoC;AAE9CC,MAAAA;AAF8C,KAA/C;AAKAE,IAAAA,MAAM,CAACM,EAAP,CAAUC,SAAV,CAAoBC,UAApB,CAAgCf,KAAK,CAACgB,EAAtC,EAA0C;AACzCP,MAAAA,OAAO,EAAE,EACR,GAAGH,QADK;AAERW,QAAAA,MAAM,EAAE,GAFA;;AAGRC,QAAAA,KAAK,CAAEC,MAAF,EAAW;AACfA,UAAAA,MAAM,CAACC,EAAP,CAAW,MAAX,EAAmB,MAAM;AACxB,kBAAMC,GAAG,GAAGF,MAAM,CAACG,MAAP,EAAZ;AACArB,YAAAA,MAAM,CAACsB,OAAP,CAAgB,QAAe;AAAA,kBAAb;AAAEC,gBAAAA;AAAF,eAAa;AAC9B,oBAAMC,OAAO,GAAGJ,GAAG,CAACK,aAAJ,CAAmB,OAAnB,CAAhB;AACAD,cAAAA,OAAO,CAACE,SAAR,GAAoBH,GAApB;AACAH,cAAAA,GAAG,CAACO,IAAJ,CAASC,WAAT,CAAsBJ,OAAtB;AACA,aAJD;AAKA,WAPD;AAQA;;AAZO;AADgC,KAA1C;AAiBA,WAAO,MAAM;AACZlB,MAAAA,MAAM,CAACM,EAAP,CAAUC,SAAV,CAAoBgB,MAApB,CAA4B9B,KAAK,CAACgB,EAAlC;AACA,KAFD;AAGA,GA5BQ,EA4BN,EA5BM,CAAT;AA8BA,SAAO,0BAAehB,KAAf,CAAP;AACA;;AAED,eAAe,SAAS+B,SAAT,CAAoB/B,KAApB,EAA4B;AAC1C,QAAM;AACLgC,IAAAA,QADK;AAELC,IAAAA,UAAU,EAAE;AAAEC,MAAAA;AAAF,KAFP;AAGLC,IAAAA,aAHK;AAILC,IAAAA;AAJK,MAKFpC,KALJ;AAMA,QAAM,CAAEqC,MAAF,EAAUC,OAAV,IAAsB3C,QAAQ,CAAE,KAAF,CAApC;AACA,QAAMqB,EAAE,GAAI,UAAUgB,QAAU,EAAhC;;AACA,QAAMO,KAAK,GAAG1C,EAAE,CAAE,cAAF,CAAhB;;AAEA,SACC,8BACC,cAAC,aAAD,QACC,cAAC,YAAD,QACC,cAAC,aAAD;AAAe,IAAA,OAAO,EAAG,MAAMyC,OAAO,CAAE,IAAF;AAAtC,KACGC,KADH,CADD,CADD,CADD,EAQGL,OAAO,IAAI,cAAC,OAAD,QAAWA,OAAX,CARd,EASG,CAAEG,MAAM,IAAI,CAAEH,OAAd,KACD,cAAC,KAAD;AAAO,IAAA,KAAK,EAAGK,KAAf;AAAuB,IAAA,wBAAwB,EAAG;AAAlD,KACC;AACC,IAAA,KAAK,EAAG;AACPC,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,cAAc,EAAE;AAFT;AADT,KAMC,2BAAOF,KAAP,CAND,EAOC,2BACC,cAAC,MAAD;AACC,IAAA,OAAO,EAAG,MACTL,OAAO,GAAGI,OAAO,CAAE,KAAF,CAAV,GAAsBF,SAAS,CAAE,EAAF;AAFxC,KAKGvC,EAAE,CAAE,QAAF,CALL,CADD,EAQC,cAAC,MAAD;AACC,IAAA,SAAS,MADV;AAEC,IAAA,OAAO,EAAG,MAAM;AACfsC,MAAAA,aAAa,CAAE;AACdD,QAAAA,OAAO,EACN3B,MAAM,CAACM,EAAP,CAAUC,SAAV,CAAoB4B,UAApB,CACC1B,EADD;AAFa,OAAF,CAAb;AAMAsB,MAAAA,OAAO,CAAE,KAAF,CAAP;AACA;AAVF,KAYGzC,EAAE,CAAE,MAAF,CAZL,CARD,CAPD,CADD,EAgCC,cAAC,WAAD;AAAa,IAAA,EAAE,EAAGmB,EAAlB;AAAuB,IAAA,YAAY,EAAGkB;AAAtC,IAhCD,CAVF,CADD;AAgDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockControls, store } from '@wordpress/block-editor';\nimport {\n\tToolbarGroup,\n\tToolbarButton,\n\tModal,\n\tButton,\n} from '@wordpress/components';\nimport { useEffect, useState, RawHTML } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\nfunction ClassicEdit( props ) {\n\tconst styles = useSelect(\n\t\t( select ) => select( store ).getSettings().styles\n\t);\n\tuseEffect( () => {\n\t\tconst { baseURL, suffix, settings } = window.wpEditorL10n.tinymce;\n\n\t\twindow.tinymce.EditorManager.overrideDefaults( {\n\t\t\tbase_url: baseURL,\n\t\t\tsuffix,\n\t\t} );\n\n\t\twindow.wp.oldEditor.initialize( props.id, {\n\t\t\ttinymce: {\n\t\t\t\t...settings,\n\t\t\t\theight: 500,\n\t\t\t\tsetup( editor ) {\n\t\t\t\t\teditor.on( 'init', () => {\n\t\t\t\t\t\tconst doc = editor.getDoc();\n\t\t\t\t\t\tstyles.forEach( ( { css } ) => {\n\t\t\t\t\t\t\tconst styleEl = doc.createElement( 'style' );\n\t\t\t\t\t\t\tstyleEl.innerHTML = css;\n\t\t\t\t\t\t\tdoc.head.appendChild( styleEl );\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} );\n\n\t\treturn () => {\n\t\t\twindow.wp.oldEditor.remove( props.id );\n\t\t};\n\t}, [] );\n\n\treturn <textarea { ...props } />;\n}\n\nexport default function ModalEdit( props ) {\n\tconst {\n\t\tclientId,\n\t\tattributes: { content },\n\t\tsetAttributes,\n\t\tonReplace,\n\t} = props;\n\tconst [ isOpen, setOpen ] = useState( false );\n\tconst id = `editor-${ clientId }`;\n\tconst label = __( 'Classic Edit' );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton onClick={ () => setOpen( true ) }>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t{ content && <RawHTML>{ content }</RawHTML> }\n\t\t\t{ ( isOpen || ! content ) && (\n\t\t\t\t<Modal title={ label } __experimentalHideHeader={ true }>\n\t\t\t\t\t<h2\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div>{ label }</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\tcontent ? setOpen( false ) : onReplace( [] )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tisPrimary\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tcontent:\n\t\t\t\t\t\t\t\t\t\t\twindow.wp.oldEditor.getContent(\n\t\t\t\t\t\t\t\t\t\t\t\tid\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\tsetOpen( false );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</h2>\n\t\t\t\t\t<ClassicEdit id={ id } defaultValue={ content } />\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build-module/gallery/edit.js

@@ -5,14 +5,13 @@ import { createElement, Fragment } from "@wordpress/element";
  * External dependencies
  */
 import classnames from 'classnames';
-import { find } from 'lodash';
 /**
  * WordPress dependencies
  */
 
 import { compose } from '@wordpress/compose';
 import { BaseControl, PanelBody, SelectControl, ToggleControl, RangeControl, Spinner } from '@wordpress/components';
-import { store as blockEditorStore, MediaPlaceholder, InspectorControls, useBlockProps, BlockControls, MediaReplaceFlow } from '@wordpress/block-editor';
+import { store as blockEditorStore, MediaPlaceholder, InspectorControls, useBlockProps, useInnerBlocksProps, BlockControls, MediaReplaceFlow } from '@wordpress/block-editor';
 import { Platform, useEffect, useMemo } from '@wordpress/element';
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { useSelect, useDispatch } from '@wordpress/data';
@@ -47,6 +46,11 @@ const linkOptions = [{
   label: _x('None', 'Media item link option')
 }];
 const ALLOWED_MEDIA_TYPES = ['image'];
+const allowedBlocks = ['core/image'];
+const LAYOUT = {
+  type: 'default',
+  alignments: []
+};
 const PLACEHOLDER_TEXT = Platform.isNative ? __('ADD MEDIA') : __('Drag images, upload new ones or select files from your library.');
 const MOBILE_CONTROL_PROPS_RANGE_CONTROL = Platform.isNative ? {
   type: 'stepper'
@@ -145,8 +149,11 @@ function GalleryEdit(props) {
   function buildImageAttributes(imageAttributes) {
     var _image$caption;
 
-    const image = imageAttributes.id ? find(imageData, {
-      id: imageAttributes.id
+    const image = imageAttributes.id ? imageData.find(_ref => {
+      let {
+        id
+      } = _ref;
+      return id === imageAttributes.id;
     }) : null;
     let newClassName;
 
@@ -182,11 +189,15 @@ function GalleryEdit(props) {
   function isValidFileType(file) {
     var _file$url;
 
-    return ALLOWED_MEDIA_TYPES.some(mediaType => {
-      var _file$type;
-
-      return ((_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.indexOf(mediaType)) === 0;
-    }) || ((_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.indexOf('blob:')) === 0;
+    // It's necessary to retrieve the media type from the raw image data for already-uploaded images on native.
+    const nativeFileData = Platform.isNative && file.id ? imageData.find(_ref2 => {
+      let {
+        id
+      } = _ref2;
+      return id === file.id;
+    }) : null;
+    const mediaTypeSelector = nativeFileData ? nativeFileData === null || nativeFileData === void 0 ? void 0 : nativeFileData.media_type : file.type;
+    return ALLOWED_MEDIA_TYPES.some(mediaType => (mediaTypeSelector === null || mediaTypeSelector === void 0 ? void 0 : mediaTypeSelector.indexOf(mediaType)) === 0) || ((_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.indexOf('blob:')) === 0;
   }
 
   function updateImages(selectedImages) {
@@ -253,8 +264,11 @@ function GalleryEdit(props) {
     const blocks = [];
     getBlock(clientId).innerBlocks.forEach(block => {
       blocks.push(block.clientId);
-      const image = block.attributes.id ? find(imageData, {
-        id: block.attributes.id
+      const image = block.attributes.id ? imageData.find(_ref3 => {
+        let {
+          id
+        } = _ref3;
+        return id === block.attributes.id;
       }) : null;
       changedAttributes[block.clientId] = getHrefAndDestination(image, value);
     });
@@ -311,8 +325,11 @@ function GalleryEdit(props) {
     const blocks = [];
     getBlock(clientId).innerBlocks.forEach(block => {
       blocks.push(block.clientId);
-      const image = block.attributes.id ? find(imageData, {
-        id: block.attributes.id
+      const image = block.attributes.id ? imageData.find(_ref4 => {
+        let {
+          id
+        } = _ref4;
+        return id === block.attributes.id;
       }) : null;
       changedAttributes[block.clientId] = getImageSizeAttributes(image, newSizeSlug);
     });
@@ -376,15 +393,22 @@ function GalleryEdit(props) {
   const blockProps = useBlockProps({
     className: classnames(className, 'has-nested-images')
   });
+  const innerBlocksProps = useInnerBlocksProps(blockProps, {
+    allowedBlocks,
+    orientation: 'horizontal',
+    renderAppender: false,
+    __experimentalLayout: LAYOUT
+  });
 
   if (!hasImages) {
-    return createElement(View, blockProps, mediaPlaceholder);
+    return createElement(View, innerBlocksProps, innerBlocksProps.children, mediaPlaceholder);
   }
 
   const hasLinkTo = linkTo && linkTo !== 'none';
   return createElement(Fragment, null, createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Settings')
   }, images.length > 1 && createElement(RangeControl, _extends({
+    __nextHasNoMarginBottom: true,
     label: __('Columns'),
     value: columns ? columns : defaultColumnsNumber(images.length),
     onChange: setColumnsNumber,
@@ -434,7 +458,7 @@ function GalleryEdit(props) {
   }), createElement(Gallery, _extends({}, props, {
     images: images,
     mediaPlaceholder: !hasImages || Platform.isNative ? mediaPlaceholder : undefined,
-    blockProps: blockProps,
+    blockProps: innerBlocksProps,
     insertBlocksAfter: insertBlocksAfter
   })));
 }