@wordpress/block-library 8.34.0 → 9.0.0

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * Internal dependencies
  */
@@ -7,7 +6,7 @@ import { getPhotoHtml } from './util';
 /**
  * External dependencies
  */
-import classnames from 'classnames/dedupe';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -22,6 +21,8 @@ import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
  * Internal dependencies
  */
 import WpEmbedPreview from './wp-embed-preview';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 class EmbedPreview extends Component {
   constructor() {
     super(...arguments);
@@ -77,55 +78,61 @@ class EmbedPreview extends Component {
     const iframeTitle = sprintf(
     // translators: %s: host providing embed content e.g: www.youtube.com
     __('Embedded content from %s'), parsedHostBaseUrl);
-    const sandboxClassnames = classnames(type, className, 'wp-block-embed__wrapper');
+    const sandboxClassnames = clsx(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 ? createElement(WpEmbedPreview, {
+    const embedWrapper = 'wp-embed' === type ? /*#__PURE__*/_jsx(WpEmbedPreview, {
       html: html
-    }) : createElement("div", {
-      className: "wp-block-embed__wrapper"
-    }, createElement(SandBox, {
-      html: html,
-      scripts: scripts,
-      title: iframeTitle,
-      type: sandboxClassnames,
-      onFocus: this.hideOverlay
-    }), !interactive && createElement("div", {
-      className: "block-library-embed__interactive-overlay",
-      onMouseUp: this.hideOverlay
-    }));
+    }) : /*#__PURE__*/_jsxs("div", {
+      className: "wp-block-embed__wrapper",
+      children: [/*#__PURE__*/_jsx(SandBox, {
+        html: html,
+        scripts: scripts,
+        title: iframeTitle,
+        type: sandboxClassnames,
+        onFocus: this.hideOverlay
+      }), !interactive && /*#__PURE__*/_jsx("div", {
+        className: "block-library-embed__interactive-overlay",
+        onMouseUp: this.hideOverlay
+      })]
+    });
     /* eslint-enable jsx-a11y/no-static-element-interactions */
 
-    return createElement("figure", {
-      className: classnames(className, 'wp-block-embed', {
+    return /*#__PURE__*/_jsxs("figure", {
+      className: clsx(className, 'wp-block-embed', {
         'is-type-video': 'video' === type
-      })
-    }, previewable ? embedWrapper : createElement(Placeholder, {
-      icon: createElement(BlockIcon, {
-        icon: icon,
-        showColors: true
       }),
-      label: label
-    }, createElement("p", {
-      className: "components-placeholder__error"
-    }, createElement("a", {
-      href: url
-    }, url)), createElement("p", {
-      className: "components-placeholder__error"
-    }, sprintf( /* translators: %s: host providing embed content e.g: www.youtube.com */
-    __("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl))), (!RichText.isEmpty(caption) || isSelected) && createElement(RichText, {
-      identifier: "caption",
-      tagName: "figcaption",
-      className: __experimentalGetElementClassName('caption'),
-      placeholder: __('Add caption'),
-      value: caption,
-      onChange: onCaptionChange,
-      inlineToolbar: true,
-      __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
-    }));
+      children: [previewable ? embedWrapper : /*#__PURE__*/_jsxs(Placeholder, {
+        icon: /*#__PURE__*/_jsx(BlockIcon, {
+          icon: icon,
+          showColors: true
+        }),
+        label: label,
+        children: [/*#__PURE__*/_jsx("p", {
+          className: "components-placeholder__error",
+          children: /*#__PURE__*/_jsx("a", {
+            href: url,
+            children: url
+          })
+        }), /*#__PURE__*/_jsx("p", {
+          className: "components-placeholder__error",
+          children: sprintf( /* translators: %s: host providing embed content e.g: www.youtube.com */
+          __("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl)
+        })]
+      }), (!RichText.isEmpty(caption) || isSelected) && /*#__PURE__*/_jsx(RichText, {
+        identifier: "caption",
+        tagName: "figcaption",
+        className: __experimentalGetElementClassName('caption'),
+        placeholder: __('Add caption'),
+        value: caption,
+        onChange: onCaptionChange,
+        inlineToolbar: true,
+        __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
+      })]
+    });
   }
 }
 export default EmbedPreview;

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

@@ -1 +1 @@
-{"version":3,"names":["getPhotoHtml","classnames","__","sprintf","Placeholder","SandBox","RichText","BlockIcon","__experimentalGetElementClassName","Component","createBlock","getDefaultBlockName","WpEmbedPreview","EmbedPreview","constructor","arguments","hideOverlay","bind","state","interactive","getDerivedStateFromProps","nextProps","isSelected","setState","render","preview","previewable","url","type","caption","onCaptionChange","className","icon","label","insertBlocksAfter","props","scripts","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","embedWrapper","createElement","title","onFocus","onMouseUp","showColors","href","isEmpty","identifier","tagName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd"],"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":["getPhotoHtml","clsx","__","sprintf","Placeholder","SandBox","RichText","BlockIcon","__experimentalGetElementClassName","Component","createBlock","getDefaultBlockName","WpEmbedPreview","jsx","_jsx","jsxs","_jsxs","EmbedPreview","constructor","arguments","hideOverlay","bind","state","interactive","getDerivedStateFromProps","nextProps","isSelected","setState","render","preview","previewable","url","type","caption","onCaptionChange","className","icon","label","insertBlocksAfter","props","scripts","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","embedWrapper","children","title","onFocus","onMouseUp","showColors","href","isEmpty","identifier","tagName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd"],"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-module/embed/embed-preview.native.js

@@ -1,9 +1,8 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
 import { TouchableWithoutFeedback } from 'react-native';
-import classnames from 'classnames/dedupe';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -22,6 +21,9 @@ import { getPhotoHtml } from './util';
 import EmbedNoPreview from './embed-no-preview';
 import WpEmbedPreview from './wp-embed-preview';
 import styles from './styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const EmbedPreview = ({
   align,
   className,
@@ -70,48 +72,55 @@ const EmbedPreview = ({
   const iframeTitle = sprintf(
   // translators: %s: host providing embed content e.g: www.youtube.com
   __('Embedded content from %s'), parsedHostBaseUrl);
-  const sandboxClassnames = classnames(type, className, 'wp-block-embed__wrapper');
+  const sandboxClassnames = clsx(type, className, 'wp-block-embed__wrapper');
   const PreviewContent = 'wp-embed' === type ? WpEmbedPreview : SandBox;
-  const embedWrapper = createElement(Fragment, null, createElement(TouchableWithoutFeedback, {
-    onPress: () => {
-      if (onFocus) {
-        onFocus();
-      }
-      if (isCaptionSelected) {
-        setIsCaptionSelected(false);
-      }
-    }
-  }, createElement(View, {
-    pointerEvents: "box-only",
-    style: [wrapperStyle, wrapperAlignStyle]
-  }, createElement(PreviewContent, {
-    html: html,
-    lang: locale,
-    title: iframeTitle,
-    type: sandboxClassnames,
-    providerUrl: providerUrl,
-    url: url,
-    containerStyle: sandboxAlignStyle
-  }))));
-  return createElement(TouchableWithoutFeedback, {
+  const embedWrapper = /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: () => {
+        if (onFocus) {
+          onFocus();
+        }
+        if (isCaptionSelected) {
+          setIsCaptionSelected(false);
+        }
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        pointerEvents: "box-only",
+        style: [wrapperStyle, wrapperAlignStyle],
+        children: /*#__PURE__*/_jsx(PreviewContent, {
+          html: html,
+          lang: locale,
+          title: iframeTitle,
+          type: sandboxClassnames,
+          providerUrl: providerUrl,
+          url: url,
+          containerStyle: sandboxAlignStyle
+        })
+      })
+    })
+  });
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
     accessible: !isSelected,
     onPress: onEmbedPreviewPress,
-    disabled: !isSelected
-  }, createElement(View, null, isProviderPreviewable && previewable ? embedWrapper : createElement(EmbedNoPreview, {
-    label: label,
-    icon: icon,
-    isSelected: isSelected,
-    onPress: () => setIsCaptionSelected(false),
-    previewable: previewable,
-    isDefaultEmbedInfo: isDefaultEmbedInfo
-  }), createElement(BlockCaption, {
-    accessibilityLabelCreator: accessibilityLabelCreator,
-    accessible: true,
-    clientId: clientId,
-    insertBlocksAfter: insertBlocksAfter,
-    isSelected: isCaptionSelected,
-    onFocus: onFocusCaption
-  })));
+    disabled: !isSelected,
+    children: /*#__PURE__*/_jsxs(View, {
+      children: [isProviderPreviewable && previewable ? embedWrapper : /*#__PURE__*/_jsx(EmbedNoPreview, {
+        label: label,
+        icon: icon,
+        isSelected: isSelected,
+        onPress: () => setIsCaptionSelected(false),
+        previewable: previewable,
+        isDefaultEmbedInfo: isDefaultEmbedInfo
+      }), /*#__PURE__*/_jsx(BlockCaption, {
+        accessibilityLabelCreator: accessibilityLabelCreator,
+        accessible: true,
+        clientId: clientId,
+        insertBlocksAfter: insertBlocksAfter,
+        isSelected: isCaptionSelected,
+        onFocus: onFocusCaption
+      })]
+    })
+  });
 };
 export default memo(EmbedPreview);
 //# sourceMappingURL=embed-preview.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TouchableWithoutFeedback","classnames","View","BlockCaption","RichText","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","isEmpty","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","PreviewContent","embedWrapper","createElement","Fragment","onPress","pointerEvents","style","lang","title","containerStyle","accessible","disabled"],"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":["TouchableWithoutFeedback","clsx","View","BlockCaption","RichText","store","blockEditorStore","__","sprintf","memo","useState","SandBox","useSelect","getPhotoHtml","EmbedNoPreview","WpEmbedPreview","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","EmbedPreview","align","className","clientId","icon","insertBlocksAfter","isSelected","label","onFocus","preview","previewable","isProviderPreviewable","type","url","isDefaultEmbedInfo","isCaptionSelected","setIsCaptionSelected","locale","getSettings","wrapperStyle","wrapperAlignStyle","sandboxAlignStyle","accessibilityLabelCreator","caption","isEmpty","onEmbedPreviewPress","onFocusCaption","provider_url","providerUrl","html","parsedHost","URL","host","split","parsedHostBaseUrl","splice","length","join","iframeTitle","sandboxClassnames","PreviewContent","embedWrapper","children","onPress","pointerEvents","style","lang","title","containerStyle","accessible","disabled"],"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":[]}