@wordpress/block-library 8.34.0 → 9.0.0

package/build/embed/embed-preview.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _util = require("./util");
-var _dedupe = _interopRequireDefault(require("classnames/dedupe"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
 var _blocks = require("@wordpress/blocks");
 var _wpEmbedPreview = _interopRequireDefault(require("./wp-embed-preview"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -85,55 +85,61 @@ class EmbedPreview extends _element.Component {
     const iframeTitle = (0, _i18n.sprintf)(
     // translators: %s: host providing embed content e.g: www.youtube.com
     (0, _i18n.__)('Embedded content from %s'), parsedHostBaseUrl);
-    const sandboxClassnames = (0, _dedupe.default)(type, className, 'wp-block-embed__wrapper');
+    const sandboxClassnames = (0, _clsx.default)(type, className, 'wp-block-embed__wrapper');
 
     // Disabled because the overlay div doesn't actually have a role or functionality
     // as far as the user is concerned. We're just catching the first click so that
     // the block can be selected without interacting with the embed preview that the overlay covers.
     /* eslint-disable jsx-a11y/no-static-element-interactions */
-    const embedWrapper = 'wp-embed' === type ? (0, _react.createElement)(_wpEmbedPreview.default, {
+    const embedWrapper = 'wp-embed' === type ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_wpEmbedPreview.default, {
       html: html
-    }) : (0, _react.createElement)("div", {
-      className: "wp-block-embed__wrapper"
-    }, (0, _react.createElement)(_components.SandBox, {
-      html: html,
-      scripts: scripts,
-      title: iframeTitle,
-      type: sandboxClassnames,
-      onFocus: this.hideOverlay
-    }), !interactive && (0, _react.createElement)("div", {
-      className: "block-library-embed__interactive-overlay",
-      onMouseUp: this.hideOverlay
-    }));
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "wp-block-embed__wrapper",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SandBox, {
+        html: html,
+        scripts: scripts,
+        title: iframeTitle,
+        type: sandboxClassnames,
+        onFocus: this.hideOverlay
+      }), !interactive && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "block-library-embed__interactive-overlay",
+        onMouseUp: this.hideOverlay
+      })]
+    });
     /* eslint-enable jsx-a11y/no-static-element-interactions */
 
-    return (0, _react.createElement)("figure", {
-      className: (0, _dedupe.default)(className, 'wp-block-embed', {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+      className: (0, _clsx.default)(className, 'wp-block-embed', {
         'is-type-video': 'video' === type
-      })
-    }, previewable ? embedWrapper : (0, _react.createElement)(_components.Placeholder, {
-      icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
-        icon: icon,
-        showColors: true
       }),
-      label: label
-    }, (0, _react.createElement)("p", {
-      className: "components-placeholder__error"
-    }, (0, _react.createElement)("a", {
-      href: url
-    }, url)), (0, _react.createElement)("p", {
-      className: "components-placeholder__error"
-    }, (0, _i18n.sprintf)( /* translators: %s: host providing embed content e.g: www.youtube.com */
-    (0, _i18n.__)("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl))), (!_blockEditor.RichText.isEmpty(caption) || isSelected) && (0, _react.createElement)(_blockEditor.RichText, {
-      identifier: "caption",
-      tagName: "figcaption",
-      className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
-      placeholder: (0, _i18n.__)('Add caption'),
-      value: caption,
-      onChange: onCaptionChange,
-      inlineToolbar: true,
-      __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)((0, _blocks.getDefaultBlockName)()))
-    }));
+      children: [previewable ? embedWrapper : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Placeholder, {
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
+          icon: icon,
+          showColors: true
+        }),
+        label: label,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "components-placeholder__error",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+            href: url,
+            children: url
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "components-placeholder__error",
+          children: (0, _i18n.sprintf)( /* translators: %s: host providing embed content e.g: www.youtube.com */
+          (0, _i18n.__)("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl)
+        })]
+      }), (!_blockEditor.RichText.isEmpty(caption) || isSelected) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
+        identifier: "caption",
+        tagName: "figcaption",
+        className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
+        placeholder: (0, _i18n.__)('Add caption'),
+        value: caption,
+        onChange: onCaptionChange,
+        inlineToolbar: true,
+        __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)((0, _blocks.getDefaultBlockName)()))
+      })]
+    });
   }
 }
 var _default = exports.default = EmbedPreview;

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

@@ -1 +1 @@
-{"version":3,"names":["_util","require","_dedupe","_interopRequireDefault","_i18n","_components","_blockEditor","_element","_blocks","_wpEmbedPreview","EmbedPreview","Component","constructor","arguments","hideOverlay","bind","state","interactive","getDerivedStateFromProps","nextProps","isSelected","setState","render","preview","previewable","url","type","caption","onCaptionChange","className","icon","label","insertBlocksAfter","props","scripts","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sprintf","__","sandboxClassnames","classnames","embedWrapper","_react","createElement","default","SandBox","title","onFocus","onMouseUp","Placeholder","BlockIcon","showColors","href","RichText","isEmpty","identifier","tagName","__experimentalGetElementClassName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName","_default","exports"],"sources":["@wordpress/block-library/src/embed/embed-preview.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\n\n/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, SandBox } from '@wordpress/components';\nimport {\n\tRichText,\n\tBlockIcon,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport WpEmbedPreview from './wp-embed-preview';\n\nclass EmbedPreview extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.hideOverlay = this.hideOverlay.bind( this );\n\t\tthis.state = {\n\t\t\tinteractive: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( nextProps, state ) {\n\t\tif ( ! nextProps.isSelected && state.interactive ) {\n\t\t\t// We only want to change this when the block is not selected, because changing it when\n\t\t\t// the block becomes selected makes the overlap disappear too early. Hiding the overlay\n\t\t\t// happens on mouseup when the overlay is clicked.\n\t\t\treturn { interactive: false };\n\t\t}\n\n\t\treturn null;\n\t}\n\n\thideOverlay() {\n\t\t// This is called onMouseUp on the overlay. We can't respond to the `isSelected` prop\n\t\t// changing, because that happens on mouse down, and the overlay immediately disappears,\n\t\t// and the mouse event can end up in the preview content. We can't use onClick on\n\t\t// the overlay to hide it either, because then the editor misses the mouseup event, and\n\t\t// thinks we're multi-selecting blocks.\n\t\tthis.setState( { interactive: true } );\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tpreview,\n\t\t\tpreviewable,\n\t\t\turl,\n\t\t\ttype,\n\t\t\tcaption,\n\t\t\tonCaptionChange,\n\t\t\tisSelected,\n\t\t\tclassName,\n\t\t\ticon,\n\t\t\tlabel,\n\t\t\tinsertBlocksAfter,\n\t\t} = this.props;\n\t\tconst { scripts } = preview;\n\t\tconst { interactive } = this.state;\n\n\t\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\t\tconst parsedHost = new URL( url ).host.split( '.' );\n\t\tconst parsedHostBaseUrl = parsedHost\n\t\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t\t.join( '.' );\n\t\tconst iframeTitle = sprintf(\n\t\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t\t__( 'Embedded content from %s' ),\n\t\t\tparsedHostBaseUrl\n\t\t);\n\t\tconst sandboxClassnames = classnames(\n\t\t\ttype,\n\t\t\tclassName,\n\t\t\t'wp-block-embed__wrapper'\n\t\t);\n\n\t\t// Disabled because the overlay div doesn't actually have a role or functionality\n\t\t// as far as the user is concerned. We're just catching the first click so that\n\t\t// the block can be selected without interacting with the embed preview that the overlay covers.\n\t\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\t\tconst embedWrapper =\n\t\t\t'wp-embed' === type ? (\n\t\t\t\t<WpEmbedPreview html={ html } />\n\t\t\t) : (\n\t\t\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t\t\t<SandBox\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tscripts={ scripts }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tonFocus={ this.hideOverlay }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! interactive && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"block-library-embed__interactive-overlay\"\n\t\t\t\t\t\t\tonMouseUp={ this.hideOverlay }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t);\n\t\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n\n\t\treturn (\n\t\t\t<figure\n\t\t\t\tclassName={ classnames( className, 'wp-block-embed', {\n\t\t\t\t\t'is-type-video': 'video' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } showColors /> }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t<a href={ url }>{ url }</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: host providing embed content e.g: www.youtube.com */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\"Embedded content from %s can't be previewed in the editor.\"\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tparsedHostBaseUrl\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</Placeholder>\n\t\t\t\t) }\n\t\t\t\t{ ( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ onCaptionChange }\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</figure>\n\t\t);\n\t}\n}\n\nexport default EmbedPreview;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_util","require","_clsx","_interopRequireDefault","_i18n","_components","_blockEditor","_element","_blocks","_wpEmbedPreview","_jsxRuntime","EmbedPreview","Component","constructor","arguments","hideOverlay","bind","state","interactive","getDerivedStateFromProps","nextProps","isSelected","setState","render","preview","previewable","url","type","caption","onCaptionChange","className","icon","label","insertBlocksAfter","props","scripts","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sprintf","__","sandboxClassnames","clsx","embedWrapper","jsx","default","jsxs","children","SandBox","title","onFocus","onMouseUp","Placeholder","BlockIcon","showColors","href","RichText","isEmpty","identifier","tagName","__experimentalGetElementClassName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName","_default","exports"],"sources":["@wordpress/block-library/src/embed/embed-preview.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { getPhotoHtml } from './util';\n\n/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Placeholder, SandBox } from '@wordpress/components';\nimport {\n\tRichText,\n\tBlockIcon,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport WpEmbedPreview from './wp-embed-preview';\n\nclass EmbedPreview extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.hideOverlay = this.hideOverlay.bind( this );\n\t\tthis.state = {\n\t\t\tinteractive: false,\n\t\t};\n\t}\n\n\tstatic getDerivedStateFromProps( nextProps, state ) {\n\t\tif ( ! nextProps.isSelected && state.interactive ) {\n\t\t\t// We only want to change this when the block is not selected, because changing it when\n\t\t\t// the block becomes selected makes the overlap disappear too early. Hiding the overlay\n\t\t\t// happens on mouseup when the overlay is clicked.\n\t\t\treturn { interactive: false };\n\t\t}\n\n\t\treturn null;\n\t}\n\n\thideOverlay() {\n\t\t// This is called onMouseUp on the overlay. We can't respond to the `isSelected` prop\n\t\t// changing, because that happens on mouse down, and the overlay immediately disappears,\n\t\t// and the mouse event can end up in the preview content. We can't use onClick on\n\t\t// the overlay to hide it either, because then the editor misses the mouseup event, and\n\t\t// thinks we're multi-selecting blocks.\n\t\tthis.setState( { interactive: true } );\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tpreview,\n\t\t\tpreviewable,\n\t\t\turl,\n\t\t\ttype,\n\t\t\tcaption,\n\t\t\tonCaptionChange,\n\t\t\tisSelected,\n\t\t\tclassName,\n\t\t\ticon,\n\t\t\tlabel,\n\t\t\tinsertBlocksAfter,\n\t\t} = this.props;\n\t\tconst { scripts } = preview;\n\t\tconst { interactive } = this.state;\n\n\t\tconst html = 'photo' === type ? getPhotoHtml( preview ) : preview.html;\n\t\tconst parsedHost = new URL( url ).host.split( '.' );\n\t\tconst parsedHostBaseUrl = parsedHost\n\t\t\t.splice( parsedHost.length - 2, parsedHost.length - 1 )\n\t\t\t.join( '.' );\n\t\tconst iframeTitle = sprintf(\n\t\t\t// translators: %s: host providing embed content e.g: www.youtube.com\n\t\t\t__( 'Embedded content from %s' ),\n\t\t\tparsedHostBaseUrl\n\t\t);\n\t\tconst sandboxClassnames = clsx(\n\t\t\ttype,\n\t\t\tclassName,\n\t\t\t'wp-block-embed__wrapper'\n\t\t);\n\n\t\t// Disabled because the overlay div doesn't actually have a role or functionality\n\t\t// as far as the user is concerned. We're just catching the first click so that\n\t\t// the block can be selected without interacting with the embed preview that the overlay covers.\n\t\t/* eslint-disable jsx-a11y/no-static-element-interactions */\n\t\tconst embedWrapper =\n\t\t\t'wp-embed' === type ? (\n\t\t\t\t<WpEmbedPreview html={ html } />\n\t\t\t) : (\n\t\t\t\t<div className=\"wp-block-embed__wrapper\">\n\t\t\t\t\t<SandBox\n\t\t\t\t\t\thtml={ html }\n\t\t\t\t\t\tscripts={ scripts }\n\t\t\t\t\t\ttitle={ iframeTitle }\n\t\t\t\t\t\ttype={ sandboxClassnames }\n\t\t\t\t\t\tonFocus={ this.hideOverlay }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! interactive && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"block-library-embed__interactive-overlay\"\n\t\t\t\t\t\t\tonMouseUp={ this.hideOverlay }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t);\n\t\t/* eslint-enable jsx-a11y/no-static-element-interactions */\n\n\t\treturn (\n\t\t\t<figure\n\t\t\t\tclassName={ clsx( className, 'wp-block-embed', {\n\t\t\t\t\t'is-type-video': 'video' === type,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ previewable ? (\n\t\t\t\t\tembedWrapper\n\t\t\t\t) : (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\ticon={ <BlockIcon icon={ icon } showColors /> }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t<a href={ url }>{ url }</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p className=\"components-placeholder__error\">\n\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: host providing embed content e.g: www.youtube.com */\n\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\"Embedded content from %s can't be previewed in the editor.\"\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tparsedHostBaseUrl\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</Placeholder>\n\t\t\t\t) }\n\t\t\t\t{ ( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"caption\"\n\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\tclassName={ __experimentalGetElementClassName(\n\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplaceholder={ __( 'Add caption' ) }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ onCaptionChange }\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</figure>\n\t\t);\n\t}\n}\n\nexport default EmbedPreview;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
-var _dedupe = _interopRequireDefault(require("classnames/dedupe"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _primitives = require("@wordpress/primitives");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
@@ -18,6 +17,7 @@ var _util = require("./util");
 var _embedNoPreview = _interopRequireDefault(require("./embed-no-preview"));
 var _wpEmbedPreview = _interopRequireDefault(require("./wp-embed-preview"));
 var _styles = _interopRequireDefault(require("./styles.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -78,48 +78,55 @@ const EmbedPreview = ({
   const iframeTitle = (0, _i18n.sprintf)(
   // translators: %s: host providing embed content e.g: www.youtube.com
   (0, _i18n.__)('Embedded content from %s'), parsedHostBaseUrl);
-  const sandboxClassnames = (0, _dedupe.default)(type, className, 'wp-block-embed__wrapper');
+  const sandboxClassnames = (0, _clsx.default)(type, className, 'wp-block-embed__wrapper');
   const PreviewContent = 'wp-embed' === type ? _wpEmbedPreview.default : _components.SandBox;
-  const embedWrapper = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
-    onPress: () => {
-      if (onFocus) {
-        onFocus();
-      }
-      if (isCaptionSelected) {
-        setIsCaptionSelected(false);
-      }
-    }
-  }, (0, _react.createElement)(_primitives.View, {
-    pointerEvents: "box-only",
-    style: [wrapperStyle, wrapperAlignStyle]
-  }, (0, _react.createElement)(PreviewContent, {
-    html: html,
-    lang: locale,
-    title: iframeTitle,
-    type: sandboxClassnames,
-    providerUrl: providerUrl,
-    url: url,
-    containerStyle: sandboxAlignStyle
-  }))));
-  return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const embedWrapper = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+      onPress: () => {
+        if (onFocus) {
+          onFocus();
+        }
+        if (isCaptionSelected) {
+          setIsCaptionSelected(false);
+        }
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.View, {
+        pointerEvents: "box-only",
+        style: [wrapperStyle, wrapperAlignStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewContent, {
+          html: html,
+          lang: locale,
+          title: iframeTitle,
+          type: sandboxClassnames,
+          providerUrl: providerUrl,
+          url: url,
+          containerStyle: sandboxAlignStyle
+        })
+      })
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
     accessible: !isSelected,
     onPress: onEmbedPreviewPress,
-    disabled: !isSelected
-  }, (0, _react.createElement)(_primitives.View, null, isProviderPreviewable && previewable ? embedWrapper : (0, _react.createElement)(_embedNoPreview.default, {
-    label: label,
-    icon: icon,
-    isSelected: isSelected,
-    onPress: () => setIsCaptionSelected(false),
-    previewable: previewable,
-    isDefaultEmbedInfo: isDefaultEmbedInfo
-  }), (0, _react.createElement)(_blockEditor.BlockCaption, {
-    accessibilityLabelCreator: accessibilityLabelCreator,
-    accessible: true,
-    clientId: clientId,
-    insertBlocksAfter: insertBlocksAfter,
-    isSelected: isCaptionSelected,
-    onFocus: onFocusCaption
-  })));
+    disabled: !isSelected,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.View, {
+      children: [isProviderPreviewable && previewable ? embedWrapper : /*#__PURE__*/(0, _jsxRuntime.jsx)(_embedNoPreview.default, {
+        label: label,
+        icon: icon,
+        isSelected: isSelected,
+        onPress: () => setIsCaptionSelected(false),
+        previewable: previewable,
+        isDefaultEmbedInfo: isDefaultEmbedInfo
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockCaption, {
+        accessibilityLabelCreator: accessibilityLabelCreator,
+        accessible: true,
+        clientId: clientId,
+        insertBlocksAfter: insertBlocksAfter,
+        isSelected: isCaptionSelected,
+        onFocus: onFocusCaption
+      })]
+    })
+  });
 };
 var _default = exports.default = (0, _element.memo)(EmbedPreview);
 //# sourceMappingURL=embed-preview.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_dedupe","_interopRequireDefault","_primitives","_blockEditor","_i18n","_element","_components","_data","_util","_embedNoPreview","_wpEmbedPreview","_styles","EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","useState","locale","useSelect","blockEditorStore","getSettings","wrapperStyle","styles","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","RichText","isEmpty","__","sprintf","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","classnames","PreviewContent","WpEmbedPreview","SandBox","embedWrapper","_react","createElement","Fragment","TouchableWithoutFeedback","onPress","View","pointerEvents","style","lang","title","containerStyle","accessible","disabled","default","BlockCaption","_default","exports","memo"],"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"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\tRichText,\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 RichText.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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_clsx","_interopRequireDefault","_primitives","_blockEditor","_i18n","_element","_components","_data","_util","_embedNoPreview","_wpEmbedPreview","_styles","_jsxRuntime","EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","useState","locale","useSelect","blockEditorStore","getSettings","wrapperStyle","styles","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","RichText","isEmpty","__","sprintf","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","getPhotoHtml","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","clsx","PreviewContent","WpEmbedPreview","SandBox","embedWrapper","jsx","Fragment","children","TouchableWithoutFeedback","onPress","View","pointerEvents","style","lang","title","containerStyle","accessible","disabled","jsxs","default","BlockCaption","_default","exports","memo"],"sources":["@wordpress/block-library/src/embed/embed-preview.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback } from 'react-native';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport {\n\tBlockCaption,\n\tRichText,\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 RichText.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 = clsx(\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"],"mappings":"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","ignoreList":[]}