@wordpress/block-editor 12.10.6 → 12.11.1

package/build/components/media-replace-flow/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _a11y = require("@wordpress/a11y");
 var _components = require("@wordpress/components");
@@ -120,13 +121,13 @@ const MediaReplaceFlow = ({
     return allowedTypes.every(allowedType => allowedType === 'image' || allowedType.startsWith('image/'));
   };
   const gallery = multiple && onlyAllowsImages();
-  return (0, _element.createElement)(_components.Dropdown, {
+  return (0, _react.createElement)(_components.Dropdown, {
     popoverProps: popoverProps,
     contentClassName: "block-editor-media-replace-flow__options",
     renderToggle: ({
       isOpen,
       onToggle
-    }) => (0, _element.createElement)(_components.ToolbarButton, {
+    }) => (0, _react.createElement)(_components.ToolbarButton, {
       ref: editMediaButtonRef,
       "aria-expanded": isOpen,
       "aria-haspopup": "true",
@@ -135,9 +136,9 @@ const MediaReplaceFlow = ({
     }, name),
     renderContent: ({
       onClose
-    }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.NavigableMenu, {
+    }) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.NavigableMenu, {
       className: "block-editor-media-replace-flow__media-upload-menu"
-    }, (0, _element.createElement)(_check.default, null, (0, _element.createElement)(_mediaUpload.default, {
+    }, (0, _react.createElement)(_check.default, null, (0, _react.createElement)(_mediaUpload.default, {
       gallery: gallery,
       addToGallery: addToGallery,
       multiple: multiple,
@@ -146,11 +147,11 @@ const MediaReplaceFlow = ({
       allowedTypes: allowedTypes,
       render: ({
         open
-      }) => (0, _element.createElement)(_components.MenuItem, {
+      }) => (0, _react.createElement)(_components.MenuItem, {
         icon: _icons.media,
         onClick: open
       }, (0, _i18n.__)('Open Media Library'))
-    }), (0, _element.createElement)(_components.FormFileUpload, {
+    }), (0, _react.createElement)(_components.FormFileUpload, {
       onChange: event => {
         uploadFiles(event, onClose);
       },
@@ -159,28 +160,28 @@ const MediaReplaceFlow = ({
       render: ({
         openFileDialog
       }) => {
-        return (0, _element.createElement)(_components.MenuItem, {
+        return (0, _react.createElement)(_components.MenuItem, {
           icon: _icons.upload,
           onClick: () => {
             openFileDialog();
           }
         }, (0, _i18n.__)('Upload'));
       }
-    })), onToggleFeaturedImage && (0, _element.createElement)(_components.MenuItem, {
+    })), onToggleFeaturedImage && (0, _react.createElement)(_components.MenuItem, {
       icon: _icons.postFeaturedImage,
       onClick: onToggleFeaturedImage,
       isPressed: useFeaturedImage
     }, (0, _i18n.__)('Use featured image')), children), onSelectURL &&
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-    (0, _element.createElement)("form", {
+    (0, _react.createElement)("form", {
       className: (0, _classnames.default)('block-editor-media-flow__url-input', {
         'has-siblings': canUpload || onToggleFeaturedImage
       })
-    }, (0, _element.createElement)("span", {
+    }, (0, _react.createElement)("span", {
       className: "block-editor-media-replace-flow__image-url-label"
-    }, (0, _i18n.__)('Current media URL:')), (0, _element.createElement)(_components.Tooltip, {
+    }, (0, _i18n.__)('Current media URL:')), (0, _react.createElement)(_components.Tooltip, {
       text: mediaURL
-    }, (0, _element.createElement)("div", null, (0, _element.createElement)(_linkControl.default, {
+    }, (0, _react.createElement)("div", null, (0, _react.createElement)(_linkControl.default, {
       value: {
         url: mediaURL
       },

package/build/components/media-replace-flow/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_a11y","_components","_data","_keycodes","_icons","_compose","_dom","_notices","_mediaUpload","_check","_linkControl","_store","noop","uniqueId","MediaReplaceFlow","mediaURL","mediaId","mediaIds","allowedTypes","accept","onError","onSelect","onSelectURL","onToggleFeaturedImage","useFeaturedImage","onFilesUpload","name","__","createNotice","removeNotice","children","multiple","addToGallery","handleUpload","popoverProps","mediaUpload","useSelect","select","blockEditorStore","getSettings","canUpload","editMediaButtonRef","useRef","errorNoticeID","onUploadError","message","safeMessage","stripHTML","setTimeout","speak","id","isDismissible","selectMedia","media","closeMenu","uploadFiles","event","files","target","filesList","onFileChange","openOnArrowDown","keyCode","DOWN","preventDefault","click","onlyAllowsImages","length","every","allowedType","startsWith","gallery","createElement","Dropdown","contentClassName","renderToggle","isOpen","onToggle","ToolbarButton","ref","onClick","onKeyDown","renderContent","onClose","Fragment","NavigableMenu","className","default","value","render","open","MenuItem","icon","mediaIcon","FormFileUpload","onChange","openFileDialog","upload","postFeaturedImage","isPressed","classnames","Tooltip","text","url","settings","showSuggestions","current","focus","_default","compose","withDispatch","dispatch","noticesStore","withFilters","exports"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport {\n\tFormFileUpload,\n\tNavigableMenu,\n\tMenuItem,\n\tToolbarButton,\n\tDropdown,\n\twithFilters,\n\tTooltip,\n} from '@wordpress/components';\nimport { useSelect, withDispatch } from '@wordpress/data';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tpostFeaturedImage,\n\tupload,\n\tmedia as mediaIcon,\n} from '@wordpress/icons';\nimport { compose } from '@wordpress/compose';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport MediaUpload from '../media-upload';\nimport MediaUploadCheck from '../media-upload/check';\nimport LinkControl from '../link-control';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\nlet uniqueId = 0;\n\nconst MediaReplaceFlow = ( {\n\tmediaURL,\n\tmediaId,\n\tmediaIds,\n\tallowedTypes,\n\taccept,\n\tonError,\n\tonSelect,\n\tonSelectURL,\n\tonToggleFeaturedImage,\n\tuseFeaturedImage,\n\tonFilesUpload = noop,\n\tname = __( 'Replace' ),\n\tcreateNotice,\n\tremoveNotice,\n\tchildren,\n\tmultiple = false,\n\taddToGallery,\n\thandleUpload = true,\n\tpopoverProps,\n} ) => {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst canUpload = !! mediaUpload;\n\tconst editMediaButtonRef = useRef();\n\tconst errorNoticeID = `block-editor/media-replace-flow/error-notice/${ ++uniqueId }`;\n\n\tconst onUploadError = ( message ) => {\n\t\tconst safeMessage = stripHTML( message );\n\t\tif ( onError ) {\n\t\t\tonError( safeMessage );\n\t\t\treturn;\n\t\t}\n\t\t// We need to set a timeout for showing the notice\n\t\t// so that VoiceOver and possibly other screen readers\n\t\t// can announce the error afer the toolbar button\n\t\t// regains focus once the upload dialog closes.\n\t\t// Otherwise VO simply skips over the notice and announces\n\t\t// the focused element and the open menu.\n\t\tsetTimeout( () => {\n\t\t\tcreateNotice( 'error', safeMessage, {\n\t\t\t\tspeak: true,\n\t\t\t\tid: errorNoticeID,\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t}, 1000 );\n\t};\n\n\tconst selectMedia = ( media, closeMenu ) => {\n\t\tif ( useFeaturedImage && onToggleFeaturedImage ) {\n\t\t\tonToggleFeaturedImage();\n\t\t}\n\t\tcloseMenu();\n\t\t// Calling `onSelect` after the state update since it might unmount the component.\n\t\tonSelect( media );\n\t\tspeak( __( 'The media file has been replaced' ) );\n\t\tremoveNotice( errorNoticeID );\n\t};\n\n\tconst uploadFiles = ( event, closeMenu ) => {\n\t\tconst files = event.target.files;\n\t\tif ( ! handleUpload ) {\n\t\t\tcloseMenu();\n\t\t\treturn onSelect( files );\n\t\t}\n\t\tonFilesUpload( files );\n\t\tmediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tfilesList: files,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tselectMedia( media, closeMenu );\n\t\t\t},\n\t\t\tonError: onUploadError,\n\t\t} );\n\t};\n\n\tconst openOnArrowDown = ( event ) => {\n\t\tif ( event.keyCode === DOWN ) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.target.click();\n\t\t}\n\t};\n\n\tconst onlyAllowsImages = () => {\n\t\tif ( ! allowedTypes || allowedTypes.length === 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn allowedTypes.every(\n\t\t\t( allowedType ) =>\n\t\t\t\tallowedType === 'image' || allowedType.startsWith( 'image/' )\n\t\t);\n\t};\n\n\tconst gallery = multiple && onlyAllowsImages();\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tcontentClassName=\"block-editor-media-replace-flow__options\"\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tref={ editMediaButtonRef }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t>\n\t\t\t\t\t{ name }\n\t\t\t\t</ToolbarButton>\n\t\t\t) }\n\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu className=\"block-editor-media-replace-flow__media-upload-menu\">\n\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\tgallery={ gallery }\n\t\t\t\t\t\t\t\taddToGallery={ addToGallery }\n\t\t\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\t\t\tvalue={ multiple ? mediaIds : mediaId }\n\t\t\t\t\t\t\t\tonSelect={ ( media ) =>\n\t\t\t\t\t\t\t\t\tselectMedia( media, onClose )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={ mediaIcon }\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\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<FormFileUpload\n\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\tuploadFiles( event, onClose );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\t\t\tmultiple={ !! multiple }\n\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t{ onToggleFeaturedImage && (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ postFeaturedImage }\n\t\t\t\t\t\t\t\tonClick={ onToggleFeaturedImage }\n\t\t\t\t\t\t\t\tisPressed={ useFeaturedImage }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Use featured image' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t{ onSelectURL && (\n\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n\t\t\t\t\t\t<form\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-media-flow__url-input',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-siblings':\n\t\t\t\t\t\t\t\t\t\tcanUpload || onToggleFeaturedImage,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"block-editor-media-replace-flow__image-url-label\">\n\t\t\t\t\t\t\t\t{ __( 'Current media URL:' ) }\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<Tooltip text={ mediaURL }>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<LinkControl\n\t\t\t\t\t\t\t\t\t\tvalue={ { url: mediaURL } }\n\t\t\t\t\t\t\t\t\t\tsettings={ [] }\n\t\t\t\t\t\t\t\t\t\tshowSuggestions={ false }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\t\tonSelectURL( url );\n\t\t\t\t\t\t\t\t\t\t\teditMediaButtonRef.current.focus();\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</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-replace-flow/README.md\n */\nexport default compose( [\n\twithDispatch( ( dispatch ) => {\n\t\tconst { createNotice, removeNotice } = dispatch( noticesStore );\n\t\treturn {\n\t\t\tcreateNotice,\n\t\t\tremoveNotice,\n\t\t};\n\t} ),\n\twithFilters( 'editor.MediaReplaceFlow' ),\n] )( MediaReplaceFlow );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_a11y","_components","_data","_keycodes","_icons","_compose","_dom","_notices","_mediaUpload","_check","_linkControl","_store","noop","uniqueId","MediaReplaceFlow","mediaURL","mediaId","mediaIds","allowedTypes","accept","onError","onSelect","onSelectURL","onToggleFeaturedImage","useFeaturedImage","onFilesUpload","name","__","createNotice","removeNotice","children","multiple","addToGallery","handleUpload","popoverProps","mediaUpload","useSelect","select","blockEditorStore","getSettings","canUpload","editMediaButtonRef","useRef","errorNoticeID","onUploadError","message","safeMessage","stripHTML","setTimeout","speak","id","isDismissible","selectMedia","media","closeMenu","uploadFiles","event","files","target","filesList","onFileChange","openOnArrowDown","keyCode","DOWN","preventDefault","click","onlyAllowsImages","length","every","allowedType","startsWith","gallery","_react","createElement","Dropdown","contentClassName","renderToggle","isOpen","onToggle","ToolbarButton","ref","onClick","onKeyDown","renderContent","onClose","Fragment","NavigableMenu","className","default","value","render","open","MenuItem","icon","mediaIcon","FormFileUpload","onChange","openFileDialog","upload","postFeaturedImage","isPressed","classnames","Tooltip","text","url","settings","showSuggestions","current","focus","_default","compose","withDispatch","dispatch","noticesStore","withFilters","exports"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport {\n\tFormFileUpload,\n\tNavigableMenu,\n\tMenuItem,\n\tToolbarButton,\n\tDropdown,\n\twithFilters,\n\tTooltip,\n} from '@wordpress/components';\nimport { useSelect, withDispatch } from '@wordpress/data';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tpostFeaturedImage,\n\tupload,\n\tmedia as mediaIcon,\n} from '@wordpress/icons';\nimport { compose } from '@wordpress/compose';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport MediaUpload from '../media-upload';\nimport MediaUploadCheck from '../media-upload/check';\nimport LinkControl from '../link-control';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\nlet uniqueId = 0;\n\nconst MediaReplaceFlow = ( {\n\tmediaURL,\n\tmediaId,\n\tmediaIds,\n\tallowedTypes,\n\taccept,\n\tonError,\n\tonSelect,\n\tonSelectURL,\n\tonToggleFeaturedImage,\n\tuseFeaturedImage,\n\tonFilesUpload = noop,\n\tname = __( 'Replace' ),\n\tcreateNotice,\n\tremoveNotice,\n\tchildren,\n\tmultiple = false,\n\taddToGallery,\n\thandleUpload = true,\n\tpopoverProps,\n} ) => {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst canUpload = !! mediaUpload;\n\tconst editMediaButtonRef = useRef();\n\tconst errorNoticeID = `block-editor/media-replace-flow/error-notice/${ ++uniqueId }`;\n\n\tconst onUploadError = ( message ) => {\n\t\tconst safeMessage = stripHTML( message );\n\t\tif ( onError ) {\n\t\t\tonError( safeMessage );\n\t\t\treturn;\n\t\t}\n\t\t// We need to set a timeout for showing the notice\n\t\t// so that VoiceOver and possibly other screen readers\n\t\t// can announce the error afer the toolbar button\n\t\t// regains focus once the upload dialog closes.\n\t\t// Otherwise VO simply skips over the notice and announces\n\t\t// the focused element and the open menu.\n\t\tsetTimeout( () => {\n\t\t\tcreateNotice( 'error', safeMessage, {\n\t\t\t\tspeak: true,\n\t\t\t\tid: errorNoticeID,\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t}, 1000 );\n\t};\n\n\tconst selectMedia = ( media, closeMenu ) => {\n\t\tif ( useFeaturedImage && onToggleFeaturedImage ) {\n\t\t\tonToggleFeaturedImage();\n\t\t}\n\t\tcloseMenu();\n\t\t// Calling `onSelect` after the state update since it might unmount the component.\n\t\tonSelect( media );\n\t\tspeak( __( 'The media file has been replaced' ) );\n\t\tremoveNotice( errorNoticeID );\n\t};\n\n\tconst uploadFiles = ( event, closeMenu ) => {\n\t\tconst files = event.target.files;\n\t\tif ( ! handleUpload ) {\n\t\t\tcloseMenu();\n\t\t\treturn onSelect( files );\n\t\t}\n\t\tonFilesUpload( files );\n\t\tmediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tfilesList: files,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tselectMedia( media, closeMenu );\n\t\t\t},\n\t\t\tonError: onUploadError,\n\t\t} );\n\t};\n\n\tconst openOnArrowDown = ( event ) => {\n\t\tif ( event.keyCode === DOWN ) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.target.click();\n\t\t}\n\t};\n\n\tconst onlyAllowsImages = () => {\n\t\tif ( ! allowedTypes || allowedTypes.length === 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn allowedTypes.every(\n\t\t\t( allowedType ) =>\n\t\t\t\tallowedType === 'image' || allowedType.startsWith( 'image/' )\n\t\t);\n\t};\n\n\tconst gallery = multiple && onlyAllowsImages();\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tcontentClassName=\"block-editor-media-replace-flow__options\"\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tref={ editMediaButtonRef }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t>\n\t\t\t\t\t{ name }\n\t\t\t\t</ToolbarButton>\n\t\t\t) }\n\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu className=\"block-editor-media-replace-flow__media-upload-menu\">\n\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\tgallery={ gallery }\n\t\t\t\t\t\t\t\taddToGallery={ addToGallery }\n\t\t\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\t\t\tvalue={ multiple ? mediaIds : mediaId }\n\t\t\t\t\t\t\t\tonSelect={ ( media ) =>\n\t\t\t\t\t\t\t\t\tselectMedia( media, onClose )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={ mediaIcon }\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\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<FormFileUpload\n\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\tuploadFiles( event, onClose );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\t\t\tmultiple={ !! multiple }\n\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t{ onToggleFeaturedImage && (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ postFeaturedImage }\n\t\t\t\t\t\t\t\tonClick={ onToggleFeaturedImage }\n\t\t\t\t\t\t\t\tisPressed={ useFeaturedImage }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Use featured image' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t{ onSelectURL && (\n\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n\t\t\t\t\t\t<form\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-media-flow__url-input',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-siblings':\n\t\t\t\t\t\t\t\t\t\tcanUpload || onToggleFeaturedImage,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"block-editor-media-replace-flow__image-url-label\">\n\t\t\t\t\t\t\t\t{ __( 'Current media URL:' ) }\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<Tooltip text={ mediaURL }>\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<LinkControl\n\t\t\t\t\t\t\t\t\t\tvalue={ { url: mediaURL } }\n\t\t\t\t\t\t\t\t\t\tsettings={ [] }\n\t\t\t\t\t\t\t\t\t\tshowSuggestions={ false }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\t\tonSelectURL( url );\n\t\t\t\t\t\t\t\t\t\t\teditMediaButtonRef.current.focus();\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</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-replace-flow/README.md\n */\nexport default compose( [\n\twithDispatch( ( dispatch ) => {\n\t\tconst { createNotice, removeNotice } = dispatch( noticesStore );\n\t\treturn {\n\t\t\tcreateNotice,\n\t\t\tremoveNotice,\n\t\t};\n\t} ),\n\twithFilters( 'editor.MediaReplaceFlow' ),\n] )( MediaReplaceFlow );\n"],"mappings":"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"}

package/build/components/media-replace-flow/index.native.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 /**
  * External dependencies
@@ -13,7 +13,7 @@ var _reactNative = require("react-native");
 // MediaReplaceFlow component is not yet implemented in the native version.
 // For testing purposes, we are using an empty View component with a testID prop.
 const MediaReplaceFlow = () => {
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     testID: "media-replace-flow"
   });
 };

package/build/components/media-replace-flow/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","MediaReplaceFlow","_element","createElement","View","testID","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n// MediaReplaceFlow component is not yet implemented in the native version.\n// For testing purposes, we are using an empty View component with a testID prop.\nconst MediaReplaceFlow = () => {\n\treturn <View testID=\"media-replace-flow\" />;\n};\n\nexport default MediaReplaceFlow;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC9B,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACJ,YAAA,CAAAK,IAAI;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC;AAC5C,CAAC;AAAC,IAAAC,QAAA,GAEaL,gBAAgB;AAAAM,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","MediaReplaceFlow","_react","createElement","View","testID","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n// MediaReplaceFlow component is not yet implemented in the native version.\n// For testing purposes, we are using an empty View component with a testID prop.\nconst MediaReplaceFlow = () => {\n\treturn <View testID=\"media-replace-flow\" />;\n};\n\nexport default MediaReplaceFlow;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC9B,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACJ,YAAA,CAAAK,IAAI;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC;AAC5C,CAAC;AAAC,IAAAC,QAAA,GAEaL,gBAAgB;AAAAM,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/media-upload/{constants.js → constants.native.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OPTION_WORDPRESS_MEDIA_LIBRARY = exports.OPTION_TAKE_VIDEO = exports.OPTION_TAKE_PHOTO_OR_VIDEO = exports.OPTION_TAKE_PHOTO = exports.OPTION_INSERT_FROM_URL = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_IMAGE = exports.MEDIA_TYPE_AUDIO = exports.MEDIA_TYPE_ANY = void 0;
+exports.OPTION_WORDPRESS_MEDIA_LIBRARY = exports.OPTION_TAKE_VIDEO = exports.OPTION_TAKE_PHOTO = exports.OPTION_INSERT_FROM_URL = exports.MEDIA_TYPE_VIDEO = exports.MEDIA_TYPE_IMAGE = exports.MEDIA_TYPE_AUDIO = exports.MEDIA_TYPE_ANY = void 0;
 var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
@@ -21,10 +21,8 @@ const OPTION_TAKE_VIDEO = (0, _i18n.__)('Take a Video');
 exports.OPTION_TAKE_VIDEO = OPTION_TAKE_VIDEO;
 const OPTION_TAKE_PHOTO = (0, _i18n.__)('Take a Photo');
 exports.OPTION_TAKE_PHOTO = OPTION_TAKE_PHOTO;
-const OPTION_TAKE_PHOTO_OR_VIDEO = (0, _i18n.__)('Take a Photo or Video');
-exports.OPTION_TAKE_PHOTO_OR_VIDEO = OPTION_TAKE_PHOTO_OR_VIDEO;
 const OPTION_INSERT_FROM_URL = (0, _i18n.__)('Insert from URL');
 exports.OPTION_INSERT_FROM_URL = OPTION_INSERT_FROM_URL;
 const OPTION_WORDPRESS_MEDIA_LIBRARY = (0, _i18n.__)('WordPress Media Library');
 exports.OPTION_WORDPRESS_MEDIA_LIBRARY = OPTION_WORDPRESS_MEDIA_LIBRARY;
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.native.js.map

package/build/components/media-upload/constants.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","MEDIA_TYPE_IMAGE","exports","MEDIA_TYPE_VIDEO","MEDIA_TYPE_AUDIO","MEDIA_TYPE_ANY","OPTION_TAKE_VIDEO","__","OPTION_TAKE_PHOTO","OPTION_INSERT_FROM_URL","OPTION_WORDPRESS_MEDIA_LIBRARY"],"sources":["@wordpress/block-editor/src/components/media-upload/constants.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport const MEDIA_TYPE_IMAGE = 'image';\nexport const MEDIA_TYPE_VIDEO = 'video';\nexport const MEDIA_TYPE_AUDIO = 'audio';\nexport const MEDIA_TYPE_ANY = 'any';\n\nexport const OPTION_TAKE_VIDEO = __( 'Take a Video' );\nexport const OPTION_TAKE_PHOTO = __( 'Take a Photo' );\nexport const OPTION_INSERT_FROM_URL = __( 'Insert from URL' );\nexport const OPTION_WORDPRESS_MEDIA_LIBRARY = __( 'WordPress Media Library' );\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,gBAAgB,GAAG,OAAO;AAACC,OAAA,CAAAD,gBAAA,GAAAA,gBAAA;AACjC,MAAME,gBAAgB,GAAG,OAAO;AAACD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACjC,MAAMC,gBAAgB,GAAG,OAAO;AAACF,OAAA,CAAAE,gBAAA,GAAAA,gBAAA;AACjC,MAAMC,cAAc,GAAG,KAAK;AAACH,OAAA,CAAAG,cAAA,GAAAA,cAAA;AAE7B,MAAMC,iBAAiB,GAAG,IAAAC,QAAE,EAAE,cAAe,CAAC;AAACL,OAAA,CAAAI,iBAAA,GAAAA,iBAAA;AAC/C,MAAME,iBAAiB,GAAG,IAAAD,QAAE,EAAE,cAAe,CAAC;AAACL,OAAA,CAAAM,iBAAA,GAAAA,iBAAA;AAC/C,MAAMC,sBAAsB,GAAG,IAAAF,QAAE,EAAE,iBAAkB,CAAC;AAACL,OAAA,CAAAO,sBAAA,GAAAA,sBAAA;AACvD,MAAMC,8BAA8B,GAAG,IAAAH,QAAE,EAAE,yBAA0B,CAAC;AAACL,OAAA,CAAAQ,8BAAA,GAAAA,8BAAA"}

package/build/components/media-upload/index.js

@@ -14,7 +14,7 @@ var _components = require("@wordpress/components");
  * an integration with the core blocks that handle media files. By default it renders nothing but
  * it provides a way to have it overridden with the `editor.MediaUpload` filter.
  *
- * @return {WPComponent} The component to be rendered.
+ * @return {Component} The component to be rendered.
  */
 const MediaUpload = () => null;
 

package/build/components/media-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","MediaUpload","_default","withFilters","exports","default"],"sources":["@wordpress/block-editor/src/components/media-upload/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\n\n/**\n * This is a placeholder for the media upload component necessary to make it possible to provide\n * an integration with the core blocks that handle media files. By default it renders nothing but\n * it provides a way to have it overridden with the `editor.MediaUpload` filter.\n *\n * @return {WPComponent} The component to be rendered.\n */\nconst MediaUpload = () => null;\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md\n */\nexport default withFilters( 'editor.MediaUpload' )( MediaUpload );\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAA,KAAM,IAAI;;AAE9B;AACA;AACA;AAFA,IAAAC,QAAA,GAGe,IAAAC,uBAAW,EAAE,oBAAqB,CAAC,CAAEF,WAAY,CAAC;AAAAG,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_components","require","MediaUpload","_default","withFilters","exports","default"],"sources":["@wordpress/block-editor/src/components/media-upload/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\n\n/**\n * This is a placeholder for the media upload component necessary to make it possible to provide\n * an integration with the core blocks that handle media files. By default it renders nothing but\n * it provides a way to have it overridden with the `editor.MediaUpload` filter.\n *\n * @return {Component} The component to be rendered.\n */\nconst MediaUpload = () => null;\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md\n */\nexport default withFilters( 'editor.MediaUpload' )( MediaUpload );\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAA,KAAM,IAAI;;AAE9B;AACA;AACA;AAFA,IAAAC,QAAA,GAGe,IAAAC,uBAAW,EAAE,oBAAqB,CAAC,CAAEF,WAAY,CAAC;AAAAG,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/components/media-upload/index.native.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MediaUpload = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
@@ -77,7 +78,7 @@ class MediaUpload extends _element.Component {
       // ID is the value sent to native.
       value: _reactNativeBridge.mediaSources.deviceCamera + '-IMAGE',
       // This is needed to diferenciate image-camera from video-camera sources.
-      label: (0, _i18n.__)('Take a Photo'),
+      label: _constants.OPTION_TAKE_PHOTO,
       requiresModal: true,
       types: [_constants.MEDIA_TYPE_IMAGE],
       icon: _icons.capturePhoto
@@ -85,7 +86,7 @@ class MediaUpload extends _element.Component {
     const cameraVideoSource = {
       id: _reactNativeBridge.mediaSources.deviceCamera,
       value: _reactNativeBridge.mediaSources.deviceCamera,
-      label: (0, _i18n.__)('Take a Video'),
+      label: _constants.OPTION_TAKE_VIDEO,
       requiresModal: true,
       types: [_constants.MEDIA_TYPE_VIDEO],
       icon: _icons.captureVideo
@@ -101,7 +102,7 @@ class MediaUpload extends _element.Component {
     const siteLibrarySource = {
       id: _reactNativeBridge.mediaSources.siteMediaLibrary,
       value: _reactNativeBridge.mediaSources.siteMediaLibrary,
-      label: (0, _i18n.__)('WordPress Media Library'),
+      label: _constants.OPTION_WORDPRESS_MEDIA_LIBRARY,
       requiresModal: true,
       types: [_constants.MEDIA_TYPE_IMAGE, _constants.MEDIA_TYPE_VIDEO, _constants.MEDIA_TYPE_AUDIO, _constants.MEDIA_TYPE_ANY],
       icon: _icons.wordpress,
@@ -110,7 +111,7 @@ class MediaUpload extends _element.Component {
     const urlSource = {
       id: URL_MEDIA_SOURCE,
       value: URL_MEDIA_SOURCE,
-      label: (0, _i18n.__)('Insert from URL'),
+      label: _constants.OPTION_INSERT_FROM_URL,
       types: [_constants.MEDIA_TYPE_AUDIO, _constants.MEDIA_TYPE_IMAGE, _constants.MEDIA_TYPE_VIDEO],
       icon: _icons.globe
     };
@@ -222,7 +223,7 @@ class MediaUpload extends _element.Component {
         pickerTitle = (0, _i18n.__)('Choose file');
       }
     }
-    const getMediaOptions = () => (0, _element.createElement)(_components.Picker, {
+    const getMediaOptions = () => (0, _react.createElement)(_components.Picker, {
       title: pickerTitle,
       hideCancelButton: true,
       ref: instance => this.picker = instance,
@@ -230,7 +231,7 @@ class MediaUpload extends _element.Component {
       onChange: this.onPickerSelect,
       testID: "media-options-picker"
     });
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(URLInput, {
+    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(URLInput, {
       isVisible: this.state.showURLInput,
       onClose: () => {
         if (this.state.url !== '') {
@@ -255,13 +256,13 @@ class MediaUpload extends _element.Component {
 }
 exports.MediaUpload = MediaUpload;
 function URLInput(props) {
-  return (0, _element.createElement)(_components.BottomSheet, {
+  return (0, _react.createElement)(_components.BottomSheet, {
     hideHeader: true,
     isVisible: props.isVisible,
     onClose: props.onClose
-  }, (0, _element.createElement)(_components.PanelBody, {
+  }, (0, _react.createElement)(_components.PanelBody, {
     style: _style.default['media-upload__link-input']
-  }, (0, _element.createElement)(_components.TextControl
+  }, (0, _react.createElement)(_components.TextControl
   // eslint-disable-next-line jsx-a11y/no-autofocus
   , {
     autoFocus: true,
@@ -269,7 +270,7 @@ function URLInput(props) {
     autoCorrect: false,
     autoComplete: _reactNative.Platform.isIOS ? 'url' : 'off',
     keyboardType: "url",
-    label: (0, _i18n.__)('Insert from URL'),
+    label: _constants.OPTION_INSERT_FROM_URL,
     onChange: props.onChange,
     placeholder: (0, _i18n.__)('Type a URL'),
     value: props.value

package/build/components/media-upload/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_components","_reactNativeBridge","_icons","_blockEditor","_compose","_data","_constants","_style","_interopRequireDefault","URL_MEDIA_SOURCE","PICKER_OPENING_DELAY","MediaUpload","Component","pickerTimeout","constructor","props","onPickerPresent","bind","onPickerSelect","getAllSources","state","url","showURLInput","otherMediaOptions","componentDidMount","allowedTypes","autoOpen","getOtherMediaOptions","otherMediaOptionsWithIcons","map","option","requiresModal","types","id","value","setState","componentWillUnmount","clearTimeout","onSelectURL","cameraImageSource","mediaSources","deviceCamera","label","__","MEDIA_TYPE_IMAGE","icon","capturePhoto","cameraVideoSource","MEDIA_TYPE_VIDEO","captureVideo","deviceLibrarySource","deviceLibrary","image","siteLibrarySource","siteMediaLibrary","MEDIA_TYPE_AUDIO","MEDIA_TYPE_ANY","wordpress","mediaLibrary","urlSource","globe","internalSources","concat","getMediaOptionsItems","__experimentalOnlyMediaLibrary","isAudioBlockMediaUploadEnabled","filter","source","every","allowedType","includes","some","getChooseFromDeviceIcon","mobile","isIOS","Platform","OS","picker","setTimeout","presentPicker","onSelect","multiple","mediaSource","shift","type","requestMediaPicker","media","render","isReplacingMedia","isOneType","length","isImage","isVideo","isAudio","isAnyType","isImageOrVideo","pickerTitle","getMediaOptions","createElement","Picker","title","hideCancelButton","ref","instance","options","onChange","testID","Fragment","URLInput","isVisible","onClose","open","exports","BottomSheet","hideHeader","PanelBody","style","styles","TextControl","autoFocus","autoCapitalize","autoCorrect","autoComplete","keyboardType","placeholder","_default","compose","withSelect","select","capabilities","blockEditorStore","getSettings","default"],"sources":["@wordpress/block-editor/src/components/media-upload/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component, React } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tPicker,\n\tTextControl,\n} from '@wordpress/components';\nimport {\n\tgetOtherMediaOptions,\n\trequestMediaPicker,\n\tmediaSources,\n} from '@wordpress/react-native-bridge';\nimport {\n\tcapturePhoto,\n\tcaptureVideo,\n\timage,\n\twordpress,\n\tmobile,\n\tglobe,\n} from '@wordpress/icons';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { withSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n\tMEDIA_TYPE_ANY,\n} from './constants';\nimport styles from './style.scss';\n\nconst URL_MEDIA_SOURCE = 'URL';\n\nconst PICKER_OPENING_DELAY = 200;\n\nexport class MediaUpload extends Component {\n\tpickerTimeout;\n\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onPickerPresent = this.onPickerPresent.bind( this );\n\t\tthis.onPickerSelect = this.onPickerSelect.bind( this );\n\t\tthis.getAllSources = this.getAllSources.bind( this );\n\t\tthis.state = {\n\t\t\turl: '',\n\t\t\tshowURLInput: false,\n\t\t\totherMediaOptions: [],\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { allowedTypes = [], autoOpen } = this.props;\n\t\tgetOtherMediaOptions( allowedTypes, ( otherMediaOptions ) => {\n\t\t\tconst otherMediaOptionsWithIcons = otherMediaOptions.map(\n\t\t\t\t( option ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\trequiresModal: true,\n\t\t\t\t\t\ttypes: allowedTypes,\n\t\t\t\t\t\tid: option.value,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tthis.setState( { otherMediaOptions: otherMediaOptionsWithIcons } );\n\t\t} );\n\n\t\tif ( autoOpen ) {\n\t\t\tthis.onPickerPresent();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.pickerTimeout );\n\t}\n\n\tgetAllSources() {\n\t\tconst { onSelectURL } = this.props;\n\n\t\tconst cameraImageSource = {\n\t\t\tid: mediaSources.deviceCamera, // ID is the value sent to native.\n\t\t\tvalue: mediaSources.deviceCamera + '-IMAGE', // This is needed to diferenciate image-camera from video-camera sources.\n\t\t\tlabel: __( 'Take a Photo' ),\n\t\t\trequiresModal: true,\n\t\t\ttypes: [ MEDIA_TYPE_IMAGE ],\n\t\t\ticon: capturePhoto,\n\t\t};\n\n\t\tconst cameraVideoSource = {\n\t\t\tid: mediaSources.deviceCamera,\n\t\t\tvalue: mediaSources.deviceCamera,\n\t\t\tlabel: __( 'Take a Video' ),\n\t\t\trequiresModal: true,\n\t\t\ttypes: [ MEDIA_TYPE_VIDEO ],\n\t\t\ticon: captureVideo,\n\t\t};\n\n\t\tconst deviceLibrarySource = {\n\t\t\tid: mediaSources.deviceLibrary,\n\t\t\tvalue: mediaSources.deviceLibrary,\n\t\t\tlabel: __( 'Choose from device' ),\n\t\t\trequiresModal: true,\n\t\t\ttypes: [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ],\n\t\t\ticon: image,\n\t\t};\n\n\t\tconst siteLibrarySource = {\n\t\t\tid: mediaSources.siteMediaLibrary,\n\t\t\tvalue: mediaSources.siteMediaLibrary,\n\t\t\tlabel: __( 'WordPress Media Library' ),\n\t\t\trequiresModal: true,\n\t\t\ttypes: [\n\t\t\t\tMEDIA_TYPE_IMAGE,\n\t\t\t\tMEDIA_TYPE_VIDEO,\n\t\t\t\tMEDIA_TYPE_AUDIO,\n\t\t\t\tMEDIA_TYPE_ANY,\n\t\t\t],\n\t\t\ticon: wordpress,\n\t\t\tmediaLibrary: true,\n\t\t};\n\n\t\tconst urlSource = {\n\t\t\tid: URL_MEDIA_SOURCE,\n\t\t\tvalue: URL_MEDIA_SOURCE,\n\t\t\tlabel: __( 'Insert from URL' ),\n\t\t\ttypes: [ MEDIA_TYPE_AUDIO, MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ],\n\t\t\ticon: globe,\n\t\t};\n\n\t\t// Only include `urlSource` option if `onSelectURL` prop is present, in order to match the web behavior.\n\t\tconst internalSources = [\n\t\t\tdeviceLibrarySource,\n\t\t\tcameraImageSource,\n\t\t\tcameraVideoSource,\n\t\t\tsiteLibrarySource,\n\t\t\t...( onSelectURL ? [ urlSource ] : [] ),\n\t\t];\n\n\t\treturn internalSources.concat( this.state.otherMediaOptions );\n\t}\n\n\tgetMediaOptionsItems() {\n\t\tconst {\n\t\t\tallowedTypes = [],\n\t\t\t__experimentalOnlyMediaLibrary,\n\t\t\tisAudioBlockMediaUploadEnabled,\n\t\t} = this.props;\n\n\t\treturn this.getAllSources()\n\t\t\t.filter( ( source ) => {\n\t\t\t\tif ( __experimentalOnlyMediaLibrary ) {\n\t\t\t\t\treturn source.mediaLibrary;\n\t\t\t\t} else if (\n\t\t\t\t\tallowedTypes.every(\n\t\t\t\t\t\t( allowedType ) =>\n\t\t\t\t\t\t\tallowedType === MEDIA_TYPE_AUDIO &&\n\t\t\t\t\t\t\tsource.types.includes( allowedType )\n\t\t\t\t\t) &&\n\t\t\t\t\tsource.id !== URL_MEDIA_SOURCE\n\t\t\t\t) {\n\t\t\t\t\treturn isAudioBlockMediaUploadEnabled === true;\n\t\t\t\t}\n\n\t\t\t\treturn allowedTypes.some( ( allowedType ) =>\n\t\t\t\t\tsource.types.includes( allowedType )\n\t\t\t\t);\n\t\t\t} )\n\t\t\t.map( ( source ) => {\n\t\t\t\treturn {\n\t\t\t\t\t...source,\n\t\t\t\t\ticon: source.icon || this.getChooseFromDeviceIcon(),\n\t\t\t\t};\n\t\t\t} );\n\t}\n\n\tgetChooseFromDeviceIcon() {\n\t\treturn mobile;\n\t}\n\n\tonPickerPresent() {\n\t\tconst { autoOpen } = this.props;\n\t\tconst isIOS = Platform.OS === 'ios';\n\n\t\tif ( this.picker ) {\n\t\t\t// the delay below is required because on iOS this action sheet gets dismissed by the close event of the Inserter\n\t\t\t// so this delay allows the Inserter to be closed fully before presenting action sheet.\n\t\t\tif ( autoOpen && isIOS ) {\n\t\t\t\tthis.pickerTimeout = setTimeout(\n\t\t\t\t\t() => this.picker.presentPicker(),\n\t\t\t\t\tPICKER_OPENING_DELAY\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.picker.presentPicker();\n\t\t\t}\n\t\t}\n\t}\n\n\tonPickerSelect( value ) {\n\t\tconst { allowedTypes = [], onSelect, multiple = false } = this.props;\n\n\t\tif ( value === URL_MEDIA_SOURCE ) {\n\t\t\tthis.setState( { showURLInput: true } );\n\t\t\treturn;\n\t\t}\n\n\t\tconst mediaSource = this.getAllSources()\n\t\t\t.filter( ( source ) => source.value === value )\n\t\t\t.shift();\n\t\tconst types = allowedTypes.filter( ( type ) =>\n\t\t\tmediaSource.types.includes( type )\n\t\t);\n\n\t\trequestMediaPicker( mediaSource.id, types, multiple, ( media ) => {\n\t\t\tif ( ( multiple && media ) || ( media && media.id ) ) {\n\t\t\t\tonSelect( media );\n\t\t\t}\n\t\t} );\n\t}\n\n\trender() {\n\t\tconst { allowedTypes = [], isReplacingMedia, multiple } = this.props;\n\t\tconst isOneType = allowedTypes.length === 1;\n\t\tconst isImage = isOneType && allowedTypes.includes( MEDIA_TYPE_IMAGE );\n\t\tconst isVideo = isOneType && allowedTypes.includes( MEDIA_TYPE_VIDEO );\n\t\tconst isAudio = isOneType && allowedTypes.includes( MEDIA_TYPE_AUDIO );\n\t\tconst isAnyType = isOneType && allowedTypes.includes( MEDIA_TYPE_ANY );\n\n\t\tconst isImageOrVideo =\n\t\t\tallowedTypes.length === 2 &&\n\t\t\tallowedTypes.includes( MEDIA_TYPE_IMAGE ) &&\n\t\t\tallowedTypes.includes( MEDIA_TYPE_VIDEO );\n\n\t\tlet pickerTitle;\n\t\tif ( isImage ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace image' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = multiple\n\t\t\t\t\t? __( 'Choose images' )\n\t\t\t\t\t: __( 'Choose image' );\n\t\t\t}\n\t\t} else if ( isVideo ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace video' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose video' );\n\t\t\t}\n\t\t} else if ( isImageOrVideo ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace image or video' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose image or video' );\n\t\t\t}\n\t\t} else if ( isAudio ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace audio' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose audio' );\n\t\t\t}\n\t\t} else if ( isAnyType ) {\n\t\t\tpickerTitle = __( 'Choose file' );\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace file' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose file' );\n\t\t\t}\n\t\t}\n\n\t\tconst getMediaOptions = () => (\n\t\t\t<Picker\n\t\t\t\ttitle={ pickerTitle }\n\t\t\t\thideCancelButton\n\t\t\t\tref={ ( instance ) => ( this.picker = instance ) }\n\t\t\t\toptions={ this.getMediaOptionsItems() }\n\t\t\t\tonChange={ this.onPickerSelect }\n\t\t\t\ttestID=\"media-options-picker\"\n\t\t\t/>\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<URLInput\n\t\t\t\t\tisVisible={ this.state.showURLInput }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tif ( this.state.url !== '' ) {\n\t\t\t\t\t\t\tthis.props.onSelectURL( this.state.url );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.setState( { showURLInput: false, url: '' } );\n\t\t\t\t\t} }\n\t\t\t\t\tonChange={ ( url ) => {\n\t\t\t\t\t\tthis.setState( { url } );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ this.state.url }\n\t\t\t\t/>\n\t\t\t\t{ this.props.render( {\n\t\t\t\t\topen: this.onPickerPresent,\n\t\t\t\t\tgetMediaOptions,\n\t\t\t\t} ) }\n\t\t\t</>\n\t\t);\n\t}\n}\n\nfunction URLInput( props ) {\n\treturn (\n\t\t<BottomSheet\n\t\t\thideHeader\n\t\t\tisVisible={ props.isVisible }\n\t\t\tonClose={ props.onClose }\n\t\t>\n\t\t\t<PanelBody style={ styles[ 'media-upload__link-input' ] }>\n\t\t\t\t<TextControl\n\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\tautoFocus\n\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\tautoComplete={ Platform.isIOS ? 'url' : 'off' }\n\t\t\t\t\tkeyboardType=\"url\"\n\t\t\t\t\tlabel={ __( 'Insert from URL' ) }\n\t\t\t\t\tonChange={ props.onChange }\n\t\t\t\t\tplaceholder={ __( 'Type a URL' ) }\n\t\t\t\t\tvalue={ props.value }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { capabilities } = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tisAudioBlockMediaUploadEnabled:\n\t\t\t\tcapabilities?.isAudioBlockMediaUploadEnabled === true,\n\t\t};\n\t} ),\n] )( MediaUpload );\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_element","_i18n","_components","_reactNativeBridge","_icons","_blockEditor","_compose","_data","_constants","_style","_interopRequireDefault","URL_MEDIA_SOURCE","PICKER_OPENING_DELAY","MediaUpload","Component","pickerTimeout","constructor","props","onPickerPresent","bind","onPickerSelect","getAllSources","state","url","showURLInput","otherMediaOptions","componentDidMount","allowedTypes","autoOpen","getOtherMediaOptions","otherMediaOptionsWithIcons","map","option","requiresModal","types","id","value","setState","componentWillUnmount","clearTimeout","onSelectURL","cameraImageSource","mediaSources","deviceCamera","label","OPTION_TAKE_PHOTO","MEDIA_TYPE_IMAGE","icon","capturePhoto","cameraVideoSource","OPTION_TAKE_VIDEO","MEDIA_TYPE_VIDEO","captureVideo","deviceLibrarySource","deviceLibrary","__","image","siteLibrarySource","siteMediaLibrary","OPTION_WORDPRESS_MEDIA_LIBRARY","MEDIA_TYPE_AUDIO","MEDIA_TYPE_ANY","wordpress","mediaLibrary","urlSource","OPTION_INSERT_FROM_URL","globe","internalSources","concat","getMediaOptionsItems","__experimentalOnlyMediaLibrary","isAudioBlockMediaUploadEnabled","filter","source","every","allowedType","includes","some","getChooseFromDeviceIcon","mobile","isIOS","Platform","OS","picker","setTimeout","presentPicker","onSelect","multiple","mediaSource","shift","type","requestMediaPicker","media","render","isReplacingMedia","isOneType","length","isImage","isVideo","isAudio","isAnyType","isImageOrVideo","pickerTitle","getMediaOptions","_react","createElement","Picker","title","hideCancelButton","ref","instance","options","onChange","testID","Fragment","URLInput","isVisible","onClose","open","exports","BottomSheet","hideHeader","PanelBody","style","styles","TextControl","autoFocus","autoCapitalize","autoCorrect","autoComplete","keyboardType","placeholder","_default","compose","withSelect","select","capabilities","blockEditorStore","getSettings","default"],"sources":["@wordpress/block-editor/src/components/media-upload/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component, React } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tPicker,\n\tTextControl,\n} from '@wordpress/components';\nimport {\n\tgetOtherMediaOptions,\n\trequestMediaPicker,\n\tmediaSources,\n} from '@wordpress/react-native-bridge';\nimport {\n\tcapturePhoto,\n\tcaptureVideo,\n\timage,\n\twordpress,\n\tmobile,\n\tglobe,\n} from '@wordpress/icons';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { withSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n\tMEDIA_TYPE_ANY,\n\tOPTION_TAKE_VIDEO,\n\tOPTION_TAKE_PHOTO,\n\tOPTION_INSERT_FROM_URL,\n\tOPTION_WORDPRESS_MEDIA_LIBRARY,\n} from './constants';\nimport styles from './style.scss';\n\nconst URL_MEDIA_SOURCE = 'URL';\n\nconst PICKER_OPENING_DELAY = 200;\n\nexport class MediaUpload extends Component {\n\tpickerTimeout;\n\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.onPickerPresent = this.onPickerPresent.bind( this );\n\t\tthis.onPickerSelect = this.onPickerSelect.bind( this );\n\t\tthis.getAllSources = this.getAllSources.bind( this );\n\t\tthis.state = {\n\t\t\turl: '',\n\t\t\tshowURLInput: false,\n\t\t\totherMediaOptions: [],\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { allowedTypes = [], autoOpen } = this.props;\n\t\tgetOtherMediaOptions( allowedTypes, ( otherMediaOptions ) => {\n\t\t\tconst otherMediaOptionsWithIcons = otherMediaOptions.map(\n\t\t\t\t( option ) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...option,\n\t\t\t\t\t\trequiresModal: true,\n\t\t\t\t\t\ttypes: allowedTypes,\n\t\t\t\t\t\tid: option.value,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tthis.setState( { otherMediaOptions: otherMediaOptionsWithIcons } );\n\t\t} );\n\n\t\tif ( autoOpen ) {\n\t\t\tthis.onPickerPresent();\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tclearTimeout( this.pickerTimeout );\n\t}\n\n\tgetAllSources() {\n\t\tconst { onSelectURL } = this.props;\n\n\t\tconst cameraImageSource = {\n\t\t\tid: mediaSources.deviceCamera, // ID is the value sent to native.\n\t\t\tvalue: mediaSources.deviceCamera + '-IMAGE', // This is needed to diferenciate image-camera from video-camera sources.\n\t\t\tlabel: OPTION_TAKE_PHOTO,\n\t\t\trequiresModal: true,\n\t\t\ttypes: [ MEDIA_TYPE_IMAGE ],\n\t\t\ticon: capturePhoto,\n\t\t};\n\n\t\tconst cameraVideoSource = {\n\t\t\tid: mediaSources.deviceCamera,\n\t\t\tvalue: mediaSources.deviceCamera,\n\t\t\tlabel: OPTION_TAKE_VIDEO,\n\t\t\trequiresModal: true,\n\t\t\ttypes: [ MEDIA_TYPE_VIDEO ],\n\t\t\ticon: captureVideo,\n\t\t};\n\n\t\tconst deviceLibrarySource = {\n\t\t\tid: mediaSources.deviceLibrary,\n\t\t\tvalue: mediaSources.deviceLibrary,\n\t\t\tlabel: __( 'Choose from device' ),\n\t\t\trequiresModal: true,\n\t\t\ttypes: [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ],\n\t\t\ticon: image,\n\t\t};\n\n\t\tconst siteLibrarySource = {\n\t\t\tid: mediaSources.siteMediaLibrary,\n\t\t\tvalue: mediaSources.siteMediaLibrary,\n\t\t\tlabel: OPTION_WORDPRESS_MEDIA_LIBRARY,\n\t\t\trequiresModal: true,\n\t\t\ttypes: [\n\t\t\t\tMEDIA_TYPE_IMAGE,\n\t\t\t\tMEDIA_TYPE_VIDEO,\n\t\t\t\tMEDIA_TYPE_AUDIO,\n\t\t\t\tMEDIA_TYPE_ANY,\n\t\t\t],\n\t\t\ticon: wordpress,\n\t\t\tmediaLibrary: true,\n\t\t};\n\n\t\tconst urlSource = {\n\t\t\tid: URL_MEDIA_SOURCE,\n\t\t\tvalue: URL_MEDIA_SOURCE,\n\t\t\tlabel: OPTION_INSERT_FROM_URL,\n\t\t\ttypes: [ MEDIA_TYPE_AUDIO, MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ],\n\t\t\ticon: globe,\n\t\t};\n\n\t\t// Only include `urlSource` option if `onSelectURL` prop is present, in order to match the web behavior.\n\t\tconst internalSources = [\n\t\t\tdeviceLibrarySource,\n\t\t\tcameraImageSource,\n\t\t\tcameraVideoSource,\n\t\t\tsiteLibrarySource,\n\t\t\t...( onSelectURL ? [ urlSource ] : [] ),\n\t\t];\n\n\t\treturn internalSources.concat( this.state.otherMediaOptions );\n\t}\n\n\tgetMediaOptionsItems() {\n\t\tconst {\n\t\t\tallowedTypes = [],\n\t\t\t__experimentalOnlyMediaLibrary,\n\t\t\tisAudioBlockMediaUploadEnabled,\n\t\t} = this.props;\n\n\t\treturn this.getAllSources()\n\t\t\t.filter( ( source ) => {\n\t\t\t\tif ( __experimentalOnlyMediaLibrary ) {\n\t\t\t\t\treturn source.mediaLibrary;\n\t\t\t\t} else if (\n\t\t\t\t\tallowedTypes.every(\n\t\t\t\t\t\t( allowedType ) =>\n\t\t\t\t\t\t\tallowedType === MEDIA_TYPE_AUDIO &&\n\t\t\t\t\t\t\tsource.types.includes( allowedType )\n\t\t\t\t\t) &&\n\t\t\t\t\tsource.id !== URL_MEDIA_SOURCE\n\t\t\t\t) {\n\t\t\t\t\treturn isAudioBlockMediaUploadEnabled === true;\n\t\t\t\t}\n\n\t\t\t\treturn allowedTypes.some( ( allowedType ) =>\n\t\t\t\t\tsource.types.includes( allowedType )\n\t\t\t\t);\n\t\t\t} )\n\t\t\t.map( ( source ) => {\n\t\t\t\treturn {\n\t\t\t\t\t...source,\n\t\t\t\t\ticon: source.icon || this.getChooseFromDeviceIcon(),\n\t\t\t\t};\n\t\t\t} );\n\t}\n\n\tgetChooseFromDeviceIcon() {\n\t\treturn mobile;\n\t}\n\n\tonPickerPresent() {\n\t\tconst { autoOpen } = this.props;\n\t\tconst isIOS = Platform.OS === 'ios';\n\n\t\tif ( this.picker ) {\n\t\t\t// the delay below is required because on iOS this action sheet gets dismissed by the close event of the Inserter\n\t\t\t// so this delay allows the Inserter to be closed fully before presenting action sheet.\n\t\t\tif ( autoOpen && isIOS ) {\n\t\t\t\tthis.pickerTimeout = setTimeout(\n\t\t\t\t\t() => this.picker.presentPicker(),\n\t\t\t\t\tPICKER_OPENING_DELAY\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tthis.picker.presentPicker();\n\t\t\t}\n\t\t}\n\t}\n\n\tonPickerSelect( value ) {\n\t\tconst { allowedTypes = [], onSelect, multiple = false } = this.props;\n\n\t\tif ( value === URL_MEDIA_SOURCE ) {\n\t\t\tthis.setState( { showURLInput: true } );\n\t\t\treturn;\n\t\t}\n\n\t\tconst mediaSource = this.getAllSources()\n\t\t\t.filter( ( source ) => source.value === value )\n\t\t\t.shift();\n\t\tconst types = allowedTypes.filter( ( type ) =>\n\t\t\tmediaSource.types.includes( type )\n\t\t);\n\n\t\trequestMediaPicker( mediaSource.id, types, multiple, ( media ) => {\n\t\t\tif ( ( multiple && media ) || ( media && media.id ) ) {\n\t\t\t\tonSelect( media );\n\t\t\t}\n\t\t} );\n\t}\n\n\trender() {\n\t\tconst { allowedTypes = [], isReplacingMedia, multiple } = this.props;\n\t\tconst isOneType = allowedTypes.length === 1;\n\t\tconst isImage = isOneType && allowedTypes.includes( MEDIA_TYPE_IMAGE );\n\t\tconst isVideo = isOneType && allowedTypes.includes( MEDIA_TYPE_VIDEO );\n\t\tconst isAudio = isOneType && allowedTypes.includes( MEDIA_TYPE_AUDIO );\n\t\tconst isAnyType = isOneType && allowedTypes.includes( MEDIA_TYPE_ANY );\n\n\t\tconst isImageOrVideo =\n\t\t\tallowedTypes.length === 2 &&\n\t\t\tallowedTypes.includes( MEDIA_TYPE_IMAGE ) &&\n\t\t\tallowedTypes.includes( MEDIA_TYPE_VIDEO );\n\n\t\tlet pickerTitle;\n\t\tif ( isImage ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace image' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = multiple\n\t\t\t\t\t? __( 'Choose images' )\n\t\t\t\t\t: __( 'Choose image' );\n\t\t\t}\n\t\t} else if ( isVideo ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace video' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose video' );\n\t\t\t}\n\t\t} else if ( isImageOrVideo ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace image or video' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose image or video' );\n\t\t\t}\n\t\t} else if ( isAudio ) {\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace audio' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose audio' );\n\t\t\t}\n\t\t} else if ( isAnyType ) {\n\t\t\tpickerTitle = __( 'Choose file' );\n\t\t\tif ( isReplacingMedia ) {\n\t\t\t\tpickerTitle = __( 'Replace file' );\n\t\t\t} else {\n\t\t\t\tpickerTitle = __( 'Choose file' );\n\t\t\t}\n\t\t}\n\n\t\tconst getMediaOptions = () => (\n\t\t\t<Picker\n\t\t\t\ttitle={ pickerTitle }\n\t\t\t\thideCancelButton\n\t\t\t\tref={ ( instance ) => ( this.picker = instance ) }\n\t\t\t\toptions={ this.getMediaOptionsItems() }\n\t\t\t\tonChange={ this.onPickerSelect }\n\t\t\t\ttestID=\"media-options-picker\"\n\t\t\t/>\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<URLInput\n\t\t\t\t\tisVisible={ this.state.showURLInput }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tif ( this.state.url !== '' ) {\n\t\t\t\t\t\t\tthis.props.onSelectURL( this.state.url );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.setState( { showURLInput: false, url: '' } );\n\t\t\t\t\t} }\n\t\t\t\t\tonChange={ ( url ) => {\n\t\t\t\t\t\tthis.setState( { url } );\n\t\t\t\t\t} }\n\t\t\t\t\tvalue={ this.state.url }\n\t\t\t\t/>\n\t\t\t\t{ this.props.render( {\n\t\t\t\t\topen: this.onPickerPresent,\n\t\t\t\t\tgetMediaOptions,\n\t\t\t\t} ) }\n\t\t\t</>\n\t\t);\n\t}\n}\n\nfunction URLInput( props ) {\n\treturn (\n\t\t<BottomSheet\n\t\t\thideHeader\n\t\t\tisVisible={ props.isVisible }\n\t\t\tonClose={ props.onClose }\n\t\t>\n\t\t\t<PanelBody style={ styles[ 'media-upload__link-input' ] }>\n\t\t\t\t<TextControl\n\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\n\t\t\t\t\tautoFocus\n\t\t\t\t\tautoCapitalize=\"none\"\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\tautoComplete={ Platform.isIOS ? 'url' : 'off' }\n\t\t\t\t\tkeyboardType=\"url\"\n\t\t\t\t\tlabel={ OPTION_INSERT_FROM_URL }\n\t\t\t\t\tonChange={ props.onChange }\n\t\t\t\t\tplaceholder={ __( 'Type a URL' ) }\n\t\t\t\t\tvalue={ props.value }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</BottomSheet>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { capabilities } = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\tisAudioBlockMediaUploadEnabled:\n\t\t\t\tcapabilities?.isAudioBlockMediaUploadEnabled === true,\n\t\t};\n\t} ),\n] )( MediaUpload );\n"],"mappings":"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"}

package/build/components/media-upload-progress/index.native.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MediaUploadProgress = exports.MEDIA_UPLOAD_STATE_UPLOADING = exports.MEDIA_UPLOAD_STATE_SUCCEEDED = exports.MEDIA_UPLOAD_STATE_RESET = exports.MEDIA_UPLOAD_STATE_FAILED = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
@@ -132,12 +133,12 @@ class MediaUploadProgress extends _element.Component {
     // eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace
     const retryMessage = (0, _i18n.__)('Failed to insert media.\nTap for more info.');
     const progressBarStyle = [_styles.default.progressBar, showSpinner || _styles.default.progressBarHidden, this.props.progressBarStyle];
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: [_styles.default.mediaUploadProgress, this.props.containerStyle],
       pointerEvents: "box-none"
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: progressBarStyle
-    }, showSpinner && (0, _element.createElement)(_components.Spinner, {
+    }, showSpinner && (0, _react.createElement)(_components.Spinner, {
       progress: progress,
       style: this.props.spinnerStyle,
       testID: "spinner"

package/build/components/media-upload-progress/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_components","_i18n","_reactNativeBridge","_styles","_interopRequireDefault","MEDIA_UPLOAD_STATE_UPLOADING","exports","MEDIA_UPLOAD_STATE_SUCCEEDED","MEDIA_UPLOAD_STATE_FAILED","MEDIA_UPLOAD_STATE_RESET","MediaUploadProgress","Component","constructor","props","state","progress","isUploadInProgress","isUploadFailed","mediaUpload","bind","componentDidMount","addMediaUploadListener","componentWillUnmount","removeMediaUploadListener","payload","mediaId","updateMediaProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","setState","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","subscriptionParentMediaUpload","subscribeMediaUpload","remove","render","renderContent","showSpinner","retryMessage","__","progressBarStyle","styles","progressBar","progressBarHidden","createElement","View","style","mediaUploadProgress","containerStyle","pointerEvents","Spinner","spinnerStyle","testID","_default","default"],"sources":["@wordpress/block-editor/src/components/media-upload-progress/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { subscribeMediaUpload } from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nexport const MEDIA_UPLOAD_STATE_UPLOADING = 1;\nexport const MEDIA_UPLOAD_STATE_SUCCEEDED = 2;\nexport const MEDIA_UPLOAD_STATE_FAILED = 3;\nexport const MEDIA_UPLOAD_STATE_RESET = 4;\n\nexport class MediaUploadProgress extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.state = {\n\t\t\tprogress: 0,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t};\n\n\t\tthis.mediaUpload = this.mediaUpload.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.addMediaUploadListener();\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.removeMediaUploadListener();\n\t}\n\n\tmediaUpload( payload ) {\n\t\tconst { mediaId } = this.props;\n\n\t\tif ( payload.mediaId !== mediaId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( payload.state ) {\n\t\t\tcase MEDIA_UPLOAD_STATE_UPLOADING:\n\t\t\t\tthis.updateMediaProgress( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_SUCCEEDED:\n\t\t\t\tthis.finishMediaUploadWithSuccess( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_FAILED:\n\t\t\t\tthis.finishMediaUploadWithFailure( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_RESET:\n\t\t\t\tthis.mediaUploadStateReset( payload );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: true,\n\t\t\tisUploadFailed: false,\n\t\t} );\n\t\tif ( this.props.onUpdateMediaProgress ) {\n\t\t\tthis.props.onUpdateMediaProgress( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t\tif ( this.props.onFinishMediaUploadWithSuccess ) {\n\t\t\tthis.props.onFinishMediaUploadWithSuccess( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithFailure( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: true } );\n\t\tif ( this.props.onFinishMediaUploadWithFailure ) {\n\t\t\tthis.props.onFinishMediaUploadWithFailure( payload );\n\t\t}\n\t}\n\n\tmediaUploadStateReset( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: false } );\n\t\tif ( this.props.onMediaUploadStateReset ) {\n\t\t\tthis.props.onMediaUploadStateReset( payload );\n\t\t}\n\t}\n\n\taddMediaUploadListener() {\n\t\t// If we already have a subscription not worth doing it again.\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\treturn;\n\t\t}\n\t\tthis.subscriptionParentMediaUpload = subscribeMediaUpload(\n\t\t\t( payload ) => {\n\t\t\t\tthis.mediaUpload( payload );\n\t\t\t}\n\t\t);\n\t}\n\n\tremoveMediaUploadListener() {\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\tthis.subscriptionParentMediaUpload.remove();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { renderContent = () => null } = this.props;\n\t\tconst { isUploadInProgress, isUploadFailed } = this.state;\n\t\tconst showSpinner = this.state.isUploadInProgress;\n\t\tconst progress = this.state.progress * 100;\n\t\t// eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace\n\t\tconst retryMessage = __(\n\t\t\t'Failed to insert media.\\nTap for more info.'\n\t\t);\n\n\t\tconst progressBarStyle = [\n\t\t\tstyles.progressBar,\n\t\t\tshowSpinner || styles.progressBarHidden,\n\t\t\tthis.props.progressBarStyle,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.mediaUploadProgress,\n\t\t\t\t\tthis.props.containerStyle,\n\t\t\t\t] }\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t>\n\t\t\t\t<View style={ progressBarStyle }>\n\t\t\t\t\t{ showSpinner && (\n\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\tprogress={ progress }\n\t\t\t\t\t\t\tstyle={ this.props.spinnerStyle }\n\t\t\t\t\t\t\ttestID=\"spinner\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ renderContent( {\n\t\t\t\t\tisUploadInProgress,\n\t\t\t\t\tisUploadFailed,\n\t\t\t\t\tretryMessage,\n\t\t\t\t} ) }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default MediaUploadProgress;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_element","_components","_i18n","_reactNativeBridge","_styles","_interopRequireDefault","MEDIA_UPLOAD_STATE_UPLOADING","exports","MEDIA_UPLOAD_STATE_SUCCEEDED","MEDIA_UPLOAD_STATE_FAILED","MEDIA_UPLOAD_STATE_RESET","MediaUploadProgress","Component","constructor","props","state","progress","isUploadInProgress","isUploadFailed","mediaUpload","bind","componentDidMount","addMediaUploadListener","componentWillUnmount","removeMediaUploadListener","payload","mediaId","updateMediaProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","setState","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","subscriptionParentMediaUpload","subscribeMediaUpload","remove","render","renderContent","showSpinner","retryMessage","__","progressBarStyle","styles","progressBar","progressBarHidden","_react","createElement","View","style","mediaUploadProgress","containerStyle","pointerEvents","Spinner","spinnerStyle","testID","_default","default"],"sources":["@wordpress/block-editor/src/components/media-upload-progress/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Spinner } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { subscribeMediaUpload } from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nexport const MEDIA_UPLOAD_STATE_UPLOADING = 1;\nexport const MEDIA_UPLOAD_STATE_SUCCEEDED = 2;\nexport const MEDIA_UPLOAD_STATE_FAILED = 3;\nexport const MEDIA_UPLOAD_STATE_RESET = 4;\n\nexport class MediaUploadProgress extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.state = {\n\t\t\tprogress: 0,\n\t\t\tisUploadInProgress: false,\n\t\t\tisUploadFailed: false,\n\t\t};\n\n\t\tthis.mediaUpload = this.mediaUpload.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.addMediaUploadListener();\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.removeMediaUploadListener();\n\t}\n\n\tmediaUpload( payload ) {\n\t\tconst { mediaId } = this.props;\n\n\t\tif ( payload.mediaId !== mediaId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tswitch ( payload.state ) {\n\t\t\tcase MEDIA_UPLOAD_STATE_UPLOADING:\n\t\t\t\tthis.updateMediaProgress( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_SUCCEEDED:\n\t\t\t\tthis.finishMediaUploadWithSuccess( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_FAILED:\n\t\t\t\tthis.finishMediaUploadWithFailure( payload );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_UPLOAD_STATE_RESET:\n\t\t\t\tthis.mediaUploadStateReset( payload );\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tupdateMediaProgress( payload ) {\n\t\tthis.setState( {\n\t\t\tprogress: payload.progress,\n\t\t\tisUploadInProgress: true,\n\t\t\tisUploadFailed: false,\n\t\t} );\n\t\tif ( this.props.onUpdateMediaProgress ) {\n\t\t\tthis.props.onUpdateMediaProgress( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t\tif ( this.props.onFinishMediaUploadWithSuccess ) {\n\t\t\tthis.props.onFinishMediaUploadWithSuccess( payload );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithFailure( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: true } );\n\t\tif ( this.props.onFinishMediaUploadWithFailure ) {\n\t\t\tthis.props.onFinishMediaUploadWithFailure( payload );\n\t\t}\n\t}\n\n\tmediaUploadStateReset( payload ) {\n\t\tthis.setState( { isUploadInProgress: false, isUploadFailed: false } );\n\t\tif ( this.props.onMediaUploadStateReset ) {\n\t\t\tthis.props.onMediaUploadStateReset( payload );\n\t\t}\n\t}\n\n\taddMediaUploadListener() {\n\t\t// If we already have a subscription not worth doing it again.\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\treturn;\n\t\t}\n\t\tthis.subscriptionParentMediaUpload = subscribeMediaUpload(\n\t\t\t( payload ) => {\n\t\t\t\tthis.mediaUpload( payload );\n\t\t\t}\n\t\t);\n\t}\n\n\tremoveMediaUploadListener() {\n\t\tif ( this.subscriptionParentMediaUpload ) {\n\t\t\tthis.subscriptionParentMediaUpload.remove();\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { renderContent = () => null } = this.props;\n\t\tconst { isUploadInProgress, isUploadFailed } = this.state;\n\t\tconst showSpinner = this.state.isUploadInProgress;\n\t\tconst progress = this.state.progress * 100;\n\t\t// eslint-disable-next-line @wordpress/i18n-no-collapsible-whitespace\n\t\tconst retryMessage = __(\n\t\t\t'Failed to insert media.\\nTap for more info.'\n\t\t);\n\n\t\tconst progressBarStyle = [\n\t\t\tstyles.progressBar,\n\t\t\tshowSpinner || styles.progressBarHidden,\n\t\t\tthis.props.progressBarStyle,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.mediaUploadProgress,\n\t\t\t\t\tthis.props.containerStyle,\n\t\t\t\t] }\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t>\n\t\t\t\t<View style={ progressBarStyle }>\n\t\t\t\t\t{ showSpinner && (\n\t\t\t\t\t\t<Spinner\n\t\t\t\t\t\t\tprogress={ progress }\n\t\t\t\t\t\t\tstyle={ this.props.spinnerStyle }\n\t\t\t\t\t\t\ttestID=\"spinner\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ renderContent( {\n\t\t\t\t\tisUploadInProgress,\n\t\t\t\t\tisUploadFailed,\n\t\t\t\t\tretryMessage,\n\t\t\t\t} ) }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nexport default MediaUploadProgress;\n"],"mappings":"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"}

package/build/components/multi-selection-inspector/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
@@ -25,17 +25,17 @@ function MultiSelectionInspector({
   blocks
 }) {
   const words = (0, _wordcount.count)((0, _blocks.serialize)(blocks), 'words');
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-multi-selection-inspector__card"
-  }, (0, _element.createElement)(_blockIcon.default, {
+  }, (0, _react.createElement)(_blockIcon.default, {
     icon: _icons.copy,
     showColors: true
-  }), (0, _element.createElement)("div", {
+  }), (0, _react.createElement)("div", {
     className: "block-editor-multi-selection-inspector__card-content"
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "block-editor-multi-selection-inspector__card-title"
   }, (0, _i18n.sprintf)( /* translators: %d: number of blocks */
-  (0, _i18n._n)('%d Block', '%d Blocks', blocks.length), blocks.length)), (0, _element.createElement)("div", {
+  (0, _i18n._n)('%d Block', '%d Blocks', blocks.length), blocks.length)), (0, _react.createElement)("div", {
     className: "block-editor-multi-selection-inspector__card-description"
   }, (0, _i18n.sprintf)( /* translators: %d: number of words */
   (0, _i18n._n)('%d word selected.', '%d words selected.', words), words))));

package/build/components/multi-selection-inspector/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_blocks","_wordcount","_icons","_blockIcon","_interopRequireDefault","_store","MultiSelectionInspector","blocks","words","wordCount","serialize","_element","createElement","className","default","icon","copy","showColors","sprintf","_n","length","_default","withSelect","select","getMultiSelectedBlocks","blockEditorStore","exports"],"sources":["@wordpress/block-editor/src/components/multi-selection-inspector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { sprintf, _n } from '@wordpress/i18n';\nimport { withSelect } from '@wordpress/data';\nimport { serialize } from '@wordpress/blocks';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { copy } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction MultiSelectionInspector( { blocks } ) {\n\tconst words = wordCount( serialize( blocks ), 'words' );\n\n\treturn (\n\t\t<div className=\"block-editor-multi-selection-inspector__card\">\n\t\t\t<BlockIcon icon={ copy } showColors />\n\t\t\t<div className=\"block-editor-multi-selection-inspector__card-content\">\n\t\t\t\t<div className=\"block-editor-multi-selection-inspector__card-title\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of blocks */\n\t\t\t\t\t\t_n( '%d Block', '%d Blocks', blocks.length ),\n\t\t\t\t\t\tblocks.length\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"block-editor-multi-selection-inspector__card-description\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of words */\n\t\t\t\t\t\t_n( '%d word selected.', '%d words selected.', words ),\n\t\t\t\t\t\twords\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default withSelect( ( select ) => {\n\tconst { getMultiSelectedBlocks } = select( blockEditorStore );\n\treturn {\n\t\tblocks: getMultiSelectedBlocks(),\n\t};\n} )( MultiSelectionInspector );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,uBAAuBA,CAAE;EAAEC;AAAO,CAAC,EAAG;EAC9C,MAAMC,KAAK,GAAG,IAAAC,gBAAS,EAAE,IAAAC,iBAAS,EAAEH,MAAO,CAAC,EAAE,OAAQ,CAAC;EAEvD,OACC,IAAAI,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA8C,GAC5D,IAAAF,QAAA,CAAAC,aAAA,EAACT,UAAA,CAAAW,OAAS;IAACC,IAAI,EAAGC,WAAM;IAACC,UAAU;EAAA,CAAE,CAAC,EACtC,IAAAN,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAsD,GACpE,IAAAF,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAoD,GAChE,IAAAK,aAAO,GACR;EACA,IAAAC,QAAE,EAAE,UAAU,EAAE,WAAW,EAAEZ,MAAM,CAACa,MAAO,CAAC,EAC5Cb,MAAM,CAACa,MACR,CACI,CAAC,EACN,IAAAT,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA0D,GACtE,IAAAK,aAAO,GACR;EACA,IAAAC,QAAE,EAAE,mBAAmB,EAAE,oBAAoB,EAAEX,KAAM,CAAC,EACtDA,KACD,CACI,CACD,CACD,CAAC;AAER;AAAC,IAAAa,QAAA,GAEc,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACxC,MAAM;IAAEC;EAAuB,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;EAC7D,OAAO;IACNlB,MAAM,EAAEiB,sBAAsB,CAAC;EAChC,CAAC;AACF,CAAE,CAAC,CAAElB,uBAAwB,CAAC;AAAAoB,OAAA,CAAAZ,OAAA,GAAAO,QAAA"}
+{"version":3,"names":["_i18n","require","_data","_blocks","_wordcount","_icons","_blockIcon","_interopRequireDefault","_store","MultiSelectionInspector","blocks","words","wordCount","serialize","_react","createElement","className","default","icon","copy","showColors","sprintf","_n","length","_default","withSelect","select","getMultiSelectedBlocks","blockEditorStore","exports"],"sources":["@wordpress/block-editor/src/components/multi-selection-inspector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { sprintf, _n } from '@wordpress/i18n';\nimport { withSelect } from '@wordpress/data';\nimport { serialize } from '@wordpress/blocks';\nimport { count as wordCount } from '@wordpress/wordcount';\nimport { copy } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nfunction MultiSelectionInspector( { blocks } ) {\n\tconst words = wordCount( serialize( blocks ), 'words' );\n\n\treturn (\n\t\t<div className=\"block-editor-multi-selection-inspector__card\">\n\t\t\t<BlockIcon icon={ copy } showColors />\n\t\t\t<div className=\"block-editor-multi-selection-inspector__card-content\">\n\t\t\t\t<div className=\"block-editor-multi-selection-inspector__card-title\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of blocks */\n\t\t\t\t\t\t_n( '%d Block', '%d Blocks', blocks.length ),\n\t\t\t\t\t\tblocks.length\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"block-editor-multi-selection-inspector__card-description\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: number of words */\n\t\t\t\t\t\t_n( '%d word selected.', '%d words selected.', words ),\n\t\t\t\t\t\twords\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default withSelect( ( select ) => {\n\tconst { getMultiSelectedBlocks } = select( blockEditorStore );\n\treturn {\n\t\tblocks: getMultiSelectedBlocks(),\n\t};\n} )( MultiSelectionInspector );\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,UAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASQ,uBAAuBA,CAAE;EAAEC;AAAO,CAAC,EAAG;EAC9C,MAAMC,KAAK,GAAG,IAAAC,gBAAS,EAAE,IAAAC,iBAAS,EAAEH,MAAO,CAAC,EAAE,OAAQ,CAAC;EAEvD,OACC,IAAAI,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA8C,GAC5D,IAAAF,MAAA,CAAAC,aAAA,EAACT,UAAA,CAAAW,OAAS;IAACC,IAAI,EAAGC,WAAM;IAACC,UAAU;EAAA,CAAE,CAAC,EACtC,IAAAN,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAsD,GACpE,IAAAF,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAoD,GAChE,IAAAK,aAAO,GACR;EACA,IAAAC,QAAE,EAAE,UAAU,EAAE,WAAW,EAAEZ,MAAM,CAACa,MAAO,CAAC,EAC5Cb,MAAM,CAACa,MACR,CACI,CAAC,EACN,IAAAT,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA0D,GACtE,IAAAK,aAAO,GACR;EACA,IAAAC,QAAE,EAAE,mBAAmB,EAAE,oBAAoB,EAAEX,KAAM,CAAC,EACtDA,KACD,CACI,CACD,CACD,CAAC;AAER;AAAC,IAAAa,QAAA,GAEc,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACxC,MAAM;IAAEC;EAAuB,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;EAC7D,OAAO;IACNlB,MAAM,EAAEiB,sBAAsB,CAAC;EAChC,CAAC;AACF,CAAE,CAAC,CAAElB,uBAAwB,CAAC;AAAAoB,OAAA,CAAAZ,OAAA,GAAAO,QAAA"}

package/build/components/navigable-toolbar/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _dom = require("@wordpress/dom");
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
@@ -144,13 +145,13 @@ function NavigableToolbar({
   const isAccessibleToolbar = useIsAccessibleToolbar(ref);
   useToolbarFocus(ref, focusOnMount, isAccessibleToolbar, initialIndex, onIndexChange, shouldUseKeyboardFocusShortcut);
   if (isAccessibleToolbar) {
-    return (0, _element.createElement)(_components.Toolbar, {
+    return (0, _react.createElement)(_components.Toolbar, {
       label: props['aria-label'],
       ref: ref,
       ...props
     }, children);
   }
-  return (0, _element.createElement)(_components.NavigableMenu, {
+  return (0, _react.createElement)(_components.NavigableMenu, {
     orientation: "horizontal",
     role: "toolbar",
     ref: ref,