@wordpress/block-library 8.35.0 → 9.0.0

package/build-module/video/edit.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -28,14 +27,18 @@ import Tracks from './tracks';
 import { Caption } from '../utils/caption';
 
 // Much of this description is duplicated from MediaPlaceholder.
+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 placeholder = content => {
-  return createElement(Placeholder, {
+  return /*#__PURE__*/_jsx(Placeholder, {
     className: "block-editor-media-placeholder",
     withIllustration: true,
     icon: icon,
     label: __('Video'),
-    instructions: __('Upload a video file, pick one from your media library, or add one with a URL.')
-  }, content);
+    instructions: __('Upload a video file, pick one from your media library, or add one with a URL.'),
+    children: content
+  });
 };
 const ALLOWED_MEDIA_TYPES = ['video'];
 const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
@@ -127,20 +130,21 @@ function VideoEdit({
     className: classes
   });
   if (!src) {
-    return createElement("div", {
-      ...blockProps
-    }, createElement(MediaPlaceholder, {
-      icon: createElement(BlockIcon, {
-        icon: icon
-      }),
-      onSelect: onSelectVideo,
-      onSelectURL: onSelectURL,
-      accept: "video/*",
-      allowedTypes: ALLOWED_MEDIA_TYPES,
-      value: attributes,
-      onError: onUploadError,
-      placeholder: placeholder
-    }));
+    return /*#__PURE__*/_jsx("div", {
+      ...blockProps,
+      children: /*#__PURE__*/_jsx(MediaPlaceholder, {
+        icon: /*#__PURE__*/_jsx(BlockIcon, {
+          icon: icon
+        }),
+        onSelect: onSelectVideo,
+        onSelectURL: onSelectURL,
+        accept: "video/*",
+        allowedTypes: ALLOWED_MEDIA_TYPES,
+        value: attributes,
+        onError: onUploadError,
+        placeholder: placeholder
+      })
+    });
   }
   function onSelectPoster(image) {
     setAttributes({
@@ -156,68 +160,89 @@ function VideoEdit({
     posterImageButton.current.focus();
   }
   const videoPosterDescription = `video-block__poster-image-description-${instanceId}`;
-  return createElement(Fragment, null, isSingleSelected && createElement(Fragment, null, createElement(BlockControls, null, createElement(TracksEditor, {
-    tracks: tracks,
-    onChange: newTracks => {
-      setAttributes({
-        tracks: newTracks
-      });
-    }
-  })), createElement(BlockControls, {
-    group: "other"
-  }, createElement(MediaReplaceFlow, {
-    mediaId: id,
-    mediaURL: src,
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    accept: "video/*",
-    onSelect: onSelectVideo,
-    onSelectURL: onSelectURL,
-    onError: onUploadError
-  }))), createElement(InspectorControls, null, createElement(PanelBody, {
-    title: __('Settings')
-  }, createElement(VideoCommonSettings, {
-    setAttributes: setAttributes,
-    attributes: attributes
-  }), createElement(MediaUploadCheck, null, createElement(BaseControl, {
-    className: "editor-video-poster-control"
-  }, createElement(BaseControl.VisualLabel, null, __('Poster image')), createElement(MediaUpload, {
-    title: __('Select poster image'),
-    onSelect: onSelectPoster,
-    allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
-    render: ({
-      open
-    }) => createElement(Button, {
-      variant: "primary",
-      onClick: open,
-      ref: posterImageButton,
-      "aria-describedby": videoPosterDescription
-    }, !poster ? __('Select') : __('Replace'))
-  }), createElement("p", {
-    id: videoPosterDescription,
-    hidden: true
-  }, poster ? sprintf( /* translators: %s: poster image URL. */
-  __('The current poster image url is %s'), poster) : __('There is no poster image currently selected')), !!poster && createElement(Button, {
-    onClick: onRemovePoster,
-    variant: "tertiary"
-  }, __('Remove')))))), createElement("figure", {
-    ...blockProps
-  }, createElement(Disabled, {
-    isDisabled: !isSingleSelected
-  }, createElement("video", {
-    controls: controls,
-    poster: poster,
-    src: src,
-    ref: videoPlayer
-  }, createElement(Tracks, {
-    tracks: tracks
-  }))), isTemporaryVideo && createElement(Spinner, null), createElement(Caption, {
-    attributes: attributes,
-    setAttributes: setAttributes,
-    isSelected: isSingleSelected,
-    insertBlocksAfter: insertBlocksAfter,
-    label: __('Video caption text'),
-    showToolbarButton: isSingleSelected
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [isSingleSelected && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(BlockControls, {
+        children: /*#__PURE__*/_jsx(TracksEditor, {
+          tracks: tracks,
+          onChange: newTracks => {
+            setAttributes({
+              tracks: newTracks
+            });
+          }
+        })
+      }), /*#__PURE__*/_jsx(BlockControls, {
+        group: "other",
+        children: /*#__PURE__*/_jsx(MediaReplaceFlow, {
+          mediaId: id,
+          mediaURL: src,
+          allowedTypes: ALLOWED_MEDIA_TYPES,
+          accept: "video/*",
+          onSelect: onSelectVideo,
+          onSelectURL: onSelectURL,
+          onError: onUploadError
+        })
+      })]
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsxs(PanelBody, {
+        title: __('Settings'),
+        children: [/*#__PURE__*/_jsx(VideoCommonSettings, {
+          setAttributes: setAttributes,
+          attributes: attributes
+        }), /*#__PURE__*/_jsx(MediaUploadCheck, {
+          children: /*#__PURE__*/_jsxs(BaseControl, {
+            className: "editor-video-poster-control",
+            children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
+              children: __('Poster image')
+            }), /*#__PURE__*/_jsx(MediaUpload, {
+              title: __('Select poster image'),
+              onSelect: onSelectPoster,
+              allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
+              render: ({
+                open
+              }) => /*#__PURE__*/_jsx(Button, {
+                variant: "primary",
+                onClick: open,
+                ref: posterImageButton,
+                "aria-describedby": videoPosterDescription,
+                children: !poster ? __('Select') : __('Replace')
+              })
+            }), /*#__PURE__*/_jsx("p", {
+              id: videoPosterDescription,
+              hidden: true,
+              children: poster ? sprintf( /* translators: %s: poster image URL. */
+              __('The current poster image url is %s'), poster) : __('There is no poster image currently selected')
+            }), !!poster && /*#__PURE__*/_jsx(Button, {
+              onClick: onRemovePoster,
+              variant: "tertiary",
+              children: __('Remove')
+            })]
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsxs("figure", {
+      ...blockProps,
+      children: [/*#__PURE__*/_jsx(Disabled, {
+        isDisabled: !isSingleSelected,
+        children: /*#__PURE__*/_jsx("video", {
+          controls: controls,
+          poster: poster,
+          src: src,
+          ref: videoPlayer,
+          children: /*#__PURE__*/_jsx(Tracks, {
+            tracks: tracks
+          })
+        })
+      }), isTemporaryVideo && /*#__PURE__*/_jsx(Spinner, {}), /*#__PURE__*/_jsx(Caption, {
+        attributes: attributes,
+        setAttributes: setAttributes,
+        isSelected: isSingleSelected,
+        insertBlocksAfter: insertBlocksAfter,
+        label: __('Video caption text'),
+        showToolbarButton: isSingleSelected
+      })]
+    })]
+  });
 }
 export default VideoEdit;
 //# sourceMappingURL=edit.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","isBlobURL","BaseControl","Button","Disabled","PanelBody","Spinner","Placeholder","BlockControls","BlockIcon","InspectorControls","MediaPlaceholder","MediaUpload","MediaUploadCheck","MediaReplaceFlow","useBlockProps","useRef","useEffect","__","sprintf","useInstanceId","useDispatch","video","icon","store","noticesStore","createUpgradedEmbedBlock","useUploadMediaFromBlobURL","VideoCommonSettings","TracksEditor","Tracks","Caption","placeholder","content","createElement","className","withIllustration","label","instructions","ALLOWED_MEDIA_TYPES","VIDEO_POSTER_ALLOWED_MEDIA_TYPES","VideoEdit","isSelected","isSingleSelected","attributes","setAttributes","insertBlocksAfter","onReplace","instanceId","videoPlayer","posterImageButton","id","controls","poster","src","tracks","isTemporaryVideo","url","allowedTypes","onChange","onSelectVideo","onError","onUploadError","current","load","media","undefined","caption","image","onSelectURL","newSrc","embedBlock","createErrorNotice","message","type","classes","blockProps","onSelect","accept","value","onSelectPoster","onRemovePoster","focus","videoPosterDescription","Fragment","newTracks","group","mediaId","mediaURL","title","VisualLabel","render","open","variant","onClick","ref","hidden","isDisabled","showToolbarButton"],"sources":["@wordpress/block-library/src/video/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tBaseControl,\n\tButton,\n\tDisabled,\n\tPanelBody,\n\tSpinner,\n\tPlaceholder,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadCheck,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { video as icon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport { useUploadMediaFromBlobURL } from '../utils/hooks';\nimport VideoCommonSettings from './edit-common-settings';\nimport TracksEditor from './tracks-editor';\nimport Tracks from './tracks';\nimport { Caption } from '../utils/caption';\n\n// Much of this description is duplicated from MediaPlaceholder.\nconst placeholder = ( content ) => {\n\treturn (\n\t\t<Placeholder\n\t\t\tclassName=\"block-editor-media-placeholder\"\n\t\t\twithIllustration\n\t\t\ticon={ icon }\n\t\t\tlabel={ __( 'Video' ) }\n\t\t\tinstructions={ __(\n\t\t\t\t'Upload a video file, pick one from your media library, or add one with a URL.'\n\t\t\t) }\n\t\t>\n\t\t\t{ content }\n\t\t</Placeholder>\n\t);\n};\n\nconst ALLOWED_MEDIA_TYPES = [ 'video' ];\nconst VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction VideoEdit( {\n\tisSelected: isSingleSelected,\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tonReplace,\n} ) {\n\tconst instanceId = useInstanceId( VideoEdit );\n\tconst videoPlayer = useRef();\n\tconst posterImageButton = useRef();\n\tconst { id, controls, poster, src, tracks } = attributes;\n\tconst isTemporaryVideo = ! id && isBlobURL( src );\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl: src,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectVideo,\n\t\tonError: onUploadError,\n\t} );\n\n\tuseEffect( () => {\n\t\t// Placeholder may be rendered.\n\t\tif ( videoPlayer.current ) {\n\t\t\tvideoPlayer.current.load();\n\t\t}\n\t}, [ poster ] );\n\n\tfunction onSelectVideo( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\t// In this case there was an error\n\t\t\t// previous attributes should be removed\n\t\t\t// because they may be temporary blob urls.\n\t\t\tsetAttributes( {\n\t\t\t\tsrc: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\t// Sets the block's attribute and updates the edit component from the\n\t\t// selected media.\n\t\tsetAttributes( {\n\t\t\tsrc: media.url,\n\t\t\tid: media.id,\n\t\t\tposter:\n\t\t\t\tmedia.image?.src !== media.icon ? media.image?.src : undefined,\n\t\t\tcaption: media.caption,\n\t\t} );\n\t}\n\n\tfunction onSelectURL( newSrc ) {\n\t\tif ( newSrc !== src ) {\n\t\t\t// Check if there's an embed block that handles this URL.\n\t\t\tconst embedBlock = createUpgradedEmbedBlock( {\n\t\t\t\tattributes: { url: newSrc },\n\t\t\t} );\n\t\t\tif ( undefined !== embedBlock && onReplace ) {\n\t\t\t\tonReplace( embedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetAttributes( { src: newSrc, id: undefined, poster: undefined } );\n\t\t}\n\t}\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': isTemporaryVideo,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\n\tif ( ! src ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ attributes }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tfunction onSelectPoster( image ) {\n\t\tsetAttributes( { poster: image.url } );\n\t}\n\n\tfunction onRemovePoster() {\n\t\tsetAttributes( { poster: undefined } );\n\n\t\t// Move focus back to the Media Upload button.\n\t\tposterImageButton.current.focus();\n\t}\n\n\tconst videoPosterDescription = `video-block__poster-image-description-${ instanceId }`;\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<TracksEditor\n\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\tonChange={ ( newTracks ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { tracks: newTracks } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\t\tmediaURL={ src }\n\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<VideoCommonSettings\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t<BaseControl className=\"editor-video-poster-control\">\n\t\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\t\t\t\tonSelect={ onSelectPoster }\n\t\t\t\t\t\t\t\tallowedTypes={\n\t\t\t\t\t\t\t\t\tVIDEO_POSTER_ALLOWED_MEDIA_TYPES\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\tref={ posterImageButton }\n\t\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\t\tvideoPosterDescription\n\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\t\t{ ! poster\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Select' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Replace' ) }\n\t\t\t\t\t\t\t\t\t</Button>\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<p id={ videoPosterDescription } hidden>\n\t\t\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t'The current poster image url is %s'\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tposter\n\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\t\t\t'There is no poster image currently selected'\n\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tonClick={ onRemovePoster }\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /*\n\t\t\t\t\tDisable the video tag if the block is not selected\n\t\t\t\t\tso the user clicking on it won't play the\n\t\t\t\t\tvideo when the controls are enabled.\n\t\t\t\t*/ }\n\t\t\t\t<Disabled isDisabled={ ! isSingleSelected }>\n\t\t\t\t\t<video\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tsrc={ src }\n\t\t\t\t\t\tref={ videoPlayer }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t</Disabled>\n\t\t\t\t{ isTemporaryVideo && <Spinner /> }\n\t\t\t\t<Caption\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisSelected={ isSingleSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tlabel={ __( 'Video caption text' ) }\n\t\t\t\t\tshowToolbarButton={ isSingleSelected }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n\nexport default VideoEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","isBlobURL","BaseControl","Button","Disabled","PanelBody","Spinner","Placeholder","BlockControls","BlockIcon","InspectorControls","MediaPlaceholder","MediaUpload","MediaUploadCheck","MediaReplaceFlow","useBlockProps","useRef","useEffect","__","sprintf","useInstanceId","useDispatch","video","icon","store","noticesStore","createUpgradedEmbedBlock","useUploadMediaFromBlobURL","VideoCommonSettings","TracksEditor","Tracks","Caption","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","placeholder","content","className","withIllustration","label","instructions","children","ALLOWED_MEDIA_TYPES","VIDEO_POSTER_ALLOWED_MEDIA_TYPES","VideoEdit","isSelected","isSingleSelected","attributes","setAttributes","insertBlocksAfter","onReplace","instanceId","videoPlayer","posterImageButton","id","controls","poster","src","tracks","isTemporaryVideo","url","allowedTypes","onChange","onSelectVideo","onError","onUploadError","current","load","media","undefined","caption","image","onSelectURL","newSrc","embedBlock","createErrorNotice","message","type","classes","blockProps","onSelect","accept","value","onSelectPoster","onRemovePoster","focus","videoPosterDescription","newTracks","group","mediaId","mediaURL","title","VisualLabel","render","open","variant","onClick","ref","hidden","isDisabled","showToolbarButton"],"sources":["@wordpress/block-library/src/video/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport {\n\tBaseControl,\n\tButton,\n\tDisabled,\n\tPanelBody,\n\tSpinner,\n\tPlaceholder,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tInspectorControls,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadCheck,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { video as icon } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { createUpgradedEmbedBlock } from '../embed/util';\nimport { useUploadMediaFromBlobURL } from '../utils/hooks';\nimport VideoCommonSettings from './edit-common-settings';\nimport TracksEditor from './tracks-editor';\nimport Tracks from './tracks';\nimport { Caption } from '../utils/caption';\n\n// Much of this description is duplicated from MediaPlaceholder.\nconst placeholder = ( content ) => {\n\treturn (\n\t\t<Placeholder\n\t\t\tclassName=\"block-editor-media-placeholder\"\n\t\t\twithIllustration\n\t\t\ticon={ icon }\n\t\t\tlabel={ __( 'Video' ) }\n\t\t\tinstructions={ __(\n\t\t\t\t'Upload a video file, pick one from your media library, or add one with a URL.'\n\t\t\t) }\n\t\t>\n\t\t\t{ content }\n\t\t</Placeholder>\n\t);\n};\n\nconst ALLOWED_MEDIA_TYPES = [ 'video' ];\nconst VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction VideoEdit( {\n\tisSelected: isSingleSelected,\n\tattributes,\n\tclassName,\n\tsetAttributes,\n\tinsertBlocksAfter,\n\tonReplace,\n} ) {\n\tconst instanceId = useInstanceId( VideoEdit );\n\tconst videoPlayer = useRef();\n\tconst posterImageButton = useRef();\n\tconst { id, controls, poster, src, tracks } = attributes;\n\tconst isTemporaryVideo = ! id && isBlobURL( src );\n\n\tuseUploadMediaFromBlobURL( {\n\t\turl: src,\n\t\tallowedTypes: ALLOWED_MEDIA_TYPES,\n\t\tonChange: onSelectVideo,\n\t\tonError: onUploadError,\n\t} );\n\n\tuseEffect( () => {\n\t\t// Placeholder may be rendered.\n\t\tif ( videoPlayer.current ) {\n\t\t\tvideoPlayer.current.load();\n\t\t}\n\t}, [ poster ] );\n\n\tfunction onSelectVideo( media ) {\n\t\tif ( ! media || ! media.url ) {\n\t\t\t// In this case there was an error\n\t\t\t// previous attributes should be removed\n\t\t\t// because they may be temporary blob urls.\n\t\t\tsetAttributes( {\n\t\t\t\tsrc: undefined,\n\t\t\t\tid: undefined,\n\t\t\t\tposter: undefined,\n\t\t\t\tcaption: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\t// Sets the block's attribute and updates the edit component from the\n\t\t// selected media.\n\t\tsetAttributes( {\n\t\t\tsrc: media.url,\n\t\t\tid: media.id,\n\t\t\tposter:\n\t\t\t\tmedia.image?.src !== media.icon ? media.image?.src : undefined,\n\t\t\tcaption: media.caption,\n\t\t} );\n\t}\n\n\tfunction onSelectURL( newSrc ) {\n\t\tif ( newSrc !== src ) {\n\t\t\t// Check if there's an embed block that handles this URL.\n\t\t\tconst embedBlock = createUpgradedEmbedBlock( {\n\t\t\t\tattributes: { url: newSrc },\n\t\t\t} );\n\t\t\tif ( undefined !== embedBlock && onReplace ) {\n\t\t\t\tonReplace( embedBlock );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetAttributes( { src: newSrc, id: undefined, poster: undefined } );\n\t\t}\n\t}\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tfunction onUploadError( message ) {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\tconst classes = clsx( className, {\n\t\t'is-transient': isTemporaryVideo,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\n\tif ( ! src ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ attributes }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tfunction onSelectPoster( image ) {\n\t\tsetAttributes( { poster: image.url } );\n\t}\n\n\tfunction onRemovePoster() {\n\t\tsetAttributes( { poster: undefined } );\n\n\t\t// Move focus back to the Media Upload button.\n\t\tposterImageButton.current.focus();\n\t}\n\n\tconst videoPosterDescription = `video-block__poster-image-description-${ instanceId }`;\n\n\treturn (\n\t\t<>\n\t\t\t{ isSingleSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<TracksEditor\n\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\tonChange={ ( newTracks ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { tracks: newTracks } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\t\tmediaURL={ src }\n\t\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\t\taccept=\"video/*\"\n\t\t\t\t\t\t\tonSelect={ onSelectVideo }\n\t\t\t\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<VideoCommonSettings\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t/>\n\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t<BaseControl className=\"editor-video-poster-control\">\n\t\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\t\t\t\tonSelect={ onSelectPoster }\n\t\t\t\t\t\t\t\tallowedTypes={\n\t\t\t\t\t\t\t\t\tVIDEO_POSTER_ALLOWED_MEDIA_TYPES\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\tref={ posterImageButton }\n\t\t\t\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t\t\t\tvideoPosterDescription\n\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\t\t{ ! poster\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Select' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Replace' ) }\n\t\t\t\t\t\t\t\t\t</Button>\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<p id={ videoPosterDescription } hidden>\n\t\t\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t\t'The current poster image url is %s'\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tposter\n\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\t\t\t'There is no poster image currently selected'\n\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tonClick={ onRemovePoster }\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /*\n\t\t\t\t\tDisable the video tag if the block is not selected\n\t\t\t\t\tso the user clicking on it won't play the\n\t\t\t\t\tvideo when the controls are enabled.\n\t\t\t\t*/ }\n\t\t\t\t<Disabled isDisabled={ ! isSingleSelected }>\n\t\t\t\t\t<video\n\t\t\t\t\t\tcontrols={ controls }\n\t\t\t\t\t\tposter={ poster }\n\t\t\t\t\t\tsrc={ src }\n\t\t\t\t\t\tref={ videoPlayer }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Tracks tracks={ tracks } />\n\t\t\t\t\t</video>\n\t\t\t\t</Disabled>\n\t\t\t\t{ isTemporaryVideo && <Spinner /> }\n\t\t\t\t<Caption\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisSelected={ isSingleSelected }\n\t\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t\t\tlabel={ __( 'Video caption text' ) }\n\t\t\t\t\tshowToolbarButton={ isSingleSelected }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n\nexport default VideoEdit;\n"],"mappings":"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","ignoreList":[]}

package/build-module/video/edit.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -26,6 +25,8 @@ import { createUpgradedEmbedBlock } from '../embed/util';
 import style from './style.scss';
 import SvgIconRetry from './icon-retry';
 import VideoCommonSettings from './edit-common-settings';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ICON_TYPE = {
   PLACEHOLDER: 'placeholder',
   RETRY: 'retry',
@@ -192,7 +193,7 @@ class VideoEdit extends Component {
     let iconStyle;
     switch (iconType) {
       case ICON_TYPE.RETRY:
-        return createElement(Icon, {
+        return /*#__PURE__*/_jsx(Icon, {
           icon: SvgIconRetry,
           ...style.icon
         });
@@ -203,7 +204,7 @@ class VideoEdit extends Component {
         iconStyle = this.props.getStylesFromColorScheme(style.iconUploading, style.iconUploadingDark);
         break;
     }
-    return createElement(Icon, {
+    return /*#__PURE__*/_jsx(Icon, {
       icon: SvgIcon,
       ...iconStyle
     });
@@ -222,7 +223,7 @@ class VideoEdit extends Component {
     const {
       videoContainerHeight
     } = this.state;
-    const toolbarEditButton = createElement(MediaUpload, {
+    const toolbarEditButton = /*#__PURE__*/_jsx(MediaUpload, {
       allowedTypes: [MEDIA_TYPE_VIDEO],
       isReplacingMedia: true,
       onSelect: this.onSelectMediaUploadOption,
@@ -231,96 +232,111 @@ class VideoEdit extends Component {
         open,
         getMediaOptions
       }) => {
-        return createElement(ToolbarGroup, null, getMediaOptions(), createElement(ToolbarButton, {
-          label: __('Edit video'),
-          icon: replace,
-          onClick: open
-        }));
+        return /*#__PURE__*/_jsxs(ToolbarGroup, {
+          children: [getMediaOptions(), /*#__PURE__*/_jsx(ToolbarButton, {
+            label: __('Edit video'),
+            icon: replace,
+            onClick: open
+          })]
+        });
       }
     });
     if (!src) {
-      return createElement(View, {
+      return /*#__PURE__*/_jsx(View, {
         style: {
           flex: 1
-        }
-      }, createElement(MediaPlaceholder, {
-        allowedTypes: [MEDIA_TYPE_VIDEO],
-        onSelect: this.onSelectMediaUploadOption,
-        onSelectURL: this.onSelectURL,
-        icon: this.getIcon(ICON_TYPE.PLACEHOLDER),
-        onFocus: this.props.onFocus,
-        autoOpenMediaUpload: isSelected && wasBlockJustInserted
-      }));
+        },
+        children: /*#__PURE__*/_jsx(MediaPlaceholder, {
+          allowedTypes: [MEDIA_TYPE_VIDEO],
+          onSelect: this.onSelectMediaUploadOption,
+          onSelectURL: this.onSelectURL,
+          icon: this.getIcon(ICON_TYPE.PLACEHOLDER),
+          onFocus: this.props.onFocus,
+          autoOpenMediaUpload: isSelected && wasBlockJustInserted
+        })
+      });
     }
-    return createElement(TouchableWithoutFeedback, {
+    return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
       accessible: !isSelected,
       onPress: this.onVideoPressed,
-      disabled: !isSelected
-    }, createElement(View, {
-      style: {
-        flex: 1
-      }
-    }, !this.state.isCaptionSelected && createElement(BlockControls, null, toolbarEditButton), isSelected && createElement(InspectorControls, null, createElement(PanelBody, {
-      title: __('Settings')
-    }, createElement(VideoCommonSettings, {
-      setAttributes: setAttributes,
-      attributes: attributes
-    }))), createElement(MediaUploadProgress, {
-      mediaId: id,
-      onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
-      onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
-      onUpdateMediaProgress: this.updateMediaProgress,
-      onMediaUploadStateReset: this.mediaUploadStateReset,
-      renderContent: ({
-        isUploadInProgress,
-        isUploadFailed,
-        retryMessage
-      }) => {
-        const showVideo = isURL(src) && getProtocol(attributes.src) !== 'file:' && !isUploadInProgress && !isUploadFailed;
-        const icon = this.getIcon(isUploadFailed ? ICON_TYPE.RETRY : ICON_TYPE.UPLOAD);
-        const styleIconContainer = isUploadFailed ? style.modalIconRetry : style.modalIcon;
-        const iconContainer = createElement(View, {
-          style: styleIconContainer
-        }, icon);
-        const videoStyle = {
-          height: videoContainerHeight,
-          ...style.video
-        };
-        const containerStyle = showVideo && isSelected ? style.containerFocused : style.container;
-        return createElement(View, {
-          onLayout: this.onVideoContanerLayout,
-          style: containerStyle
-        }, showVideo && createElement(View, {
-          style: style.videoContainer
-        }, createElement(VideoPlayer, {
-          isSelected: isSelected && !this.state.isCaptionSelected,
-          style: videoStyle,
-          source: {
-            uri: src
-          },
-          paused: true
-        })), !showVideo && createElement(View, {
-          style: {
-            height: videoContainerHeight,
-            width: '100%',
-            ...this.props.getStylesFromColorScheme(style.placeholderContainer, style.placeholderContainerDark)
+      disabled: !isSelected,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1
+        },
+        children: [!this.state.isCaptionSelected && /*#__PURE__*/_jsx(BlockControls, {
+          children: toolbarEditButton
+        }), isSelected && /*#__PURE__*/_jsx(InspectorControls, {
+          children: /*#__PURE__*/_jsx(PanelBody, {
+            title: __('Settings'),
+            children: /*#__PURE__*/_jsx(VideoCommonSettings, {
+              setAttributes: setAttributes,
+              attributes: attributes
+            })
+          })
+        }), /*#__PURE__*/_jsx(MediaUploadProgress, {
+          mediaId: id,
+          onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
+          onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
+          onUpdateMediaProgress: this.updateMediaProgress,
+          onMediaUploadStateReset: this.mediaUploadStateReset,
+          renderContent: ({
+            isUploadInProgress,
+            isUploadFailed,
+            retryMessage
+          }) => {
+            const showVideo = isURL(src) && getProtocol(attributes.src) !== 'file:' && !isUploadInProgress && !isUploadFailed;
+            const icon = this.getIcon(isUploadFailed ? ICON_TYPE.RETRY : ICON_TYPE.UPLOAD);
+            const styleIconContainer = isUploadFailed ? style.modalIconRetry : style.modalIcon;
+            const iconContainer = /*#__PURE__*/_jsx(View, {
+              style: styleIconContainer,
+              children: icon
+            });
+            const videoStyle = {
+              height: videoContainerHeight,
+              ...style.video
+            };
+            const containerStyle = showVideo && isSelected ? style.containerFocused : style.container;
+            return /*#__PURE__*/_jsxs(View, {
+              onLayout: this.onVideoContanerLayout,
+              style: containerStyle,
+              children: [showVideo && /*#__PURE__*/_jsx(View, {
+                style: style.videoContainer,
+                children: /*#__PURE__*/_jsx(VideoPlayer, {
+                  isSelected: isSelected && !this.state.isCaptionSelected,
+                  style: videoStyle,
+                  source: {
+                    uri: src
+                  },
+                  paused: true
+                })
+              }), !showVideo && /*#__PURE__*/_jsxs(View, {
+                style: {
+                  height: videoContainerHeight,
+                  width: '100%',
+                  ...this.props.getStylesFromColorScheme(style.placeholderContainer, style.placeholderContainerDark)
+                },
+                children: [videoContainerHeight > 0 && iconContainer, isUploadFailed && /*#__PURE__*/_jsx(Text, {
+                  style: style.uploadFailedText,
+                  children: retryMessage
+                })]
+              })]
+            });
           }
-        }, videoContainerHeight > 0 && iconContainer, isUploadFailed && createElement(Text, {
-          style: style.uploadFailedText
-        }, retryMessage)));
-      }
-    }), createElement(BlockCaption, {
-      accessible: true,
-      accessibilityLabelCreator: caption => RichText.isEmpty(caption) ? /* translators: accessibility text. Empty video caption. */
-      __('Video caption. Empty') : sprintf( /* translators: accessibility text. %s: video caption. */
-      __('Video caption. %s'), caption),
-      clientId: this.props.clientId,
-      isSelected: this.state.isCaptionSelected,
-      onFocus: this.onFocusCaption,
-      onBlur: this.props.onBlur // Always assign onBlur as props.
-      ,
-      insertBlocksAfter: this.props.insertBlocksAfter
-    })));
+        }), /*#__PURE__*/_jsx(BlockCaption, {
+          accessible: true,
+          accessibilityLabelCreator: caption => RichText.isEmpty(caption) ? /* translators: accessibility text. Empty video caption. */
+          __('Video caption. Empty') : sprintf( /* translators: accessibility text. %s: video caption. */
+          __('Video caption. %s'), caption),
+          clientId: this.props.clientId,
+          isSelected: this.state.isCaptionSelected,
+          onFocus: this.onFocusCaption,
+          onBlur: this.props.onBlur // Always assign onBlur as props.
+          ,
+          insertBlocksAfter: this.props.insertBlocksAfter
+        })]
+      })
+    });
   }
 }
 export default compose([withSelect((select, {