@wordpress/block-editor 14.8.1-next.cd6172eb0.0 → 14.10.0

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _a11y = require("@wordpress/a11y");
 var _components = require("@wordpress/components");
@@ -21,10 +20,6 @@ var _check = _interopRequireDefault(require("../media-upload/check"));
 var _linkControl = _interopRequireDefault(require("../link-control"));
 var _store = require("../../store");
 var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
 /**
  * WordPress dependencies
  */
@@ -55,13 +50,12 @@ const MediaReplaceFlow = ({
   multiple = false,
   addToGallery,
   handleUpload = true,
-  popoverProps
+  popoverProps,
+  renderToggle
 }) => {
-  const mediaUpload = (0, _data.useSelect)(select => {
-    return select(_store.store).getSettings().mediaUpload;
-  }, []);
-  const canUpload = !!mediaUpload;
-  const editMediaButtonRef = (0, _element.useRef)();
+  const {
+    getSettings
+  } = (0, _data.useSelect)(_store.store);
   const errorNoticeID = `block-editor/media-replace-flow/error-notice/${++uniqueId}`;
   const onUploadError = message => {
     const safeMessage = (0, _dom.__unstableStripHTML)(message);
@@ -100,7 +94,7 @@ const MediaReplaceFlow = ({
       return onSelect(files);
     }
     onFilesUpload(files);
-    mediaUpload({
+    getSettings().mediaUpload({
       allowedTypes,
       filesList: files,
       onFileChange: ([media]) => {
@@ -128,14 +122,24 @@ const MediaReplaceFlow = ({
     renderToggle: ({
       isOpen,
       onToggle
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
-      ref: editMediaButtonRef,
-      "aria-expanded": isOpen,
-      "aria-haspopup": "true",
-      onClick: onToggle,
-      onKeyDown: openOnArrowDown,
-      children: name
-    }),
+    }) => {
+      if (renderToggle) {
+        return renderToggle({
+          'aria-expanded': isOpen,
+          'aria-haspopup': 'true',
+          onClick: onToggle,
+          onKeyDown: openOnArrowDown,
+          children: name
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+        "aria-expanded": isOpen,
+        "aria-haspopup": "true",
+        onClick: onToggle,
+        onKeyDown: openOnArrowDown,
+        children: name
+      });
+    },
     renderContent: ({
       onClose
     }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -170,7 +174,7 @@ const MediaReplaceFlow = ({
                 onClick: () => {
                   openFileDialog();
                 },
-                children: (0, _i18n.__)('Upload')
+                children: (0, _i18n._x)('Upload', 'verb')
               });
             }
           })]
@@ -192,9 +196,7 @@ const MediaReplaceFlow = ({
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
       (0, _jsxRuntime.jsxs)("form", {
-        className: (0, _clsx.default)('block-editor-media-flow__url-input', {
-          'has-siblings': canUpload || onToggleFeaturedImage
-        }),
+        className: "block-editor-media-flow__url-input",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "block-editor-media-replace-flow__image-url-label",
           children: (0, _i18n.__)('Current media URL:')
@@ -208,7 +210,6 @@ const MediaReplaceFlow = ({
             url
           }) => {
             onSelectURL(url);
-            editMediaButtonRef.current.focus();
           }
         })]
       })]

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_i18n","_a11y","_components","_data","_keycodes","_icons","_compose","_dom","_notices","_mediaUpload","_check","_linkControl","_store","_jsxRuntime","noop","uniqueId","MediaReplaceFlow","mediaURL","mediaId","mediaIds","allowedTypes","accept","onError","onSelect","onSelectURL","onReset","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","jsx","Dropdown","contentClassName","renderToggle","isOpen","onToggle","ToolbarButton","ref","onClick","onKeyDown","renderContent","onClose","jsxs","Fragment","NavigableMenu","className","default","value","render","open","MenuItem","icon","mediaIcon","FormFileUpload","onChange","openFileDialog","upload","postFeaturedImage","isPressed","clsx","url","settings","showSuggestions","current","focus","_default","exports","compose","withDispatch","dispatch","noticesStore","withFilters"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\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} 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\tonReset,\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 after 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{ mediaURL && onReset && (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ typeof children === 'function'\n\t\t\t\t\t\t\t? children( { onClose } )\n\t\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={ clsx(\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<LinkControl\n\t\t\t\t\t\t\t\tvalue={ { url: mediaURL } }\n\t\t\t\t\t\t\t\tsettings={ [] }\n\t\t\t\t\t\t\t\tshowSuggestions={ false }\n\t\t\t\t\t\t\t\tonChange={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\tonSelectURL( url );\n\t\t\t\t\t\t\t\t\teditMediaButtonRef.current.focus();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\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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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_a11y","_components","_data","_keycodes","_icons","_compose","_dom","_notices","_mediaUpload","_interopRequireDefault","_check","_linkControl","_store","_jsxRuntime","noop","uniqueId","MediaReplaceFlow","mediaURL","mediaId","mediaIds","allowedTypes","accept","onError","onSelect","onSelectURL","onReset","onToggleFeaturedImage","useFeaturedImage","onFilesUpload","name","__","createNotice","removeNotice","children","multiple","addToGallery","handleUpload","popoverProps","renderToggle","getSettings","useSelect","blockEditorStore","errorNoticeID","onUploadError","message","safeMessage","stripHTML","setTimeout","speak","id","isDismissible","selectMedia","media","closeMenu","uploadFiles","event","files","target","mediaUpload","filesList","onFileChange","openOnArrowDown","keyCode","DOWN","preventDefault","click","onlyAllowsImages","length","every","allowedType","startsWith","gallery","jsx","Dropdown","contentClassName","isOpen","onToggle","onClick","onKeyDown","ToolbarButton","renderContent","onClose","jsxs","Fragment","NavigableMenu","className","default","value","render","open","MenuItem","icon","mediaIcon","FormFileUpload","onChange","openFileDialog","upload","_x","postFeaturedImage","isPressed","url","settings","showSuggestions","_default","exports","compose","withDispatch","dispatch","noticesStore","withFilters"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport {\n\tFormFileUpload,\n\tNavigableMenu,\n\tMenuItem,\n\tDropdown,\n\twithFilters,\n\tToolbarButton,\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\tonReset,\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\trenderToggle,\n} ) => {\n\tconst { getSettings } = useSelect( blockEditorStore );\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 after 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\tgetSettings().mediaUpload( {\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\tif ( renderToggle ) {\n\t\t\t\t\treturn renderToggle( {\n\t\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t\t\t'aria-haspopup': 'true',\n\t\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\t\tonKeyDown: openOnArrowDown,\n\t\t\t\t\t\tchildren: name,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ name }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t);\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{ _x( 'Upload', 'verb' ) }\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{ mediaURL && onReset && (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ typeof children === 'function'\n\t\t\t\t\t\t\t? children( { onClose } )\n\t\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 className=\"block-editor-media-flow__url-input\">\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<LinkControl\n\t\t\t\t\t\t\t\tvalue={ { url: mediaURL } }\n\t\t\t\t\t\t\t\tsettings={ [] }\n\t\t\t\t\t\t\t\tshowSuggestions={ false }\n\t\t\t\t\t\t\t\tonChange={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\tonSelectURL( url );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\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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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_i18n","_components","_reactNativeBridge","_icons","_blockEditor","_compose","_data","_constants","_style","_interopRequireDefault","_jsxRuntime","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","jsx","Picker","title","hideCancelButton","ref","instance","options","onChange","testID","jsxs","Fragment","children","URLInput","isVisible","onClose","open","exports","BottomSheet","hideHeader","PanelBody","style","styles","TextControl","__next40pxDefaultSize","autoFocus","autoCapitalize","autoCorrect","autoComplete","keyboardType","placeholder","_default","default","compose","withSelect","select","capabilities","blockEditorStore","getSettings"],"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// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\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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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_element","_i18n","_components","_reactNativeBridge","_icons","_blockEditor","_compose","_data","_constants","_style","_interopRequireDefault","_jsxRuntime","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","jsx","Picker","title","hideCancelButton","ref","instance","options","onChange","testID","jsxs","Fragment","children","URLInput","isVisible","onClose","open","exports","BottomSheet","hideHeader","PanelBody","style","styles","TextControl","__next40pxDefaultSize","autoFocus","autoCapitalize","autoCorrect","autoComplete","keyboardType","placeholder","_default","default","compose","withSelect","select","capabilities","blockEditorStore","getSettings"],"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// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\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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","ignoreList":[]}

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

@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = MultiSelectionInspector;
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
-var _blocks = require("@wordpress/blocks");
-var _wordcount = require("@wordpress/wordcount");
 var _icons = require("@wordpress/icons");
+var _components = require("@wordpress/components");
 var _blockIcon = _interopRequireDefault(require("../block-icon"));
 var _store = require("../../store");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -22,33 +21,18 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 function MultiSelectionInspector() {
-  const {
-    blocks
-  } = (0, _data.useSelect)(select => {
-    const {
-      getMultiSelectedBlocks
-    } = select(_store.store);
-    return {
-      blocks: getMultiSelectedBlocks()
-    };
-  }, []);
-  const words = (0, _wordcount.count)((0, _blocks.serialize)(blocks), 'words');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  const selectedBlockCount = (0, _data.useSelect)(select => select(_store.store).getSelectedBlockCount(), []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+    justify: "flex-start",
+    spacing: 2,
     className: "block-editor-multi-selection-inspector__card",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockIcon.default, {
       icon: _icons.copy,
       showColors: true
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "block-editor-multi-selection-inspector__card-content",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "block-editor-multi-selection-inspector__card-title",
-        children: (0, _i18n.sprintf)(/* translators: %d: number of blocks */
-        (0, _i18n._n)('%d Block', '%d Blocks', blocks.length), blocks.length)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "block-editor-multi-selection-inspector__card-description",
-        children: (0, _i18n.sprintf)(/* translators: %d: number of words */
-        (0, _i18n._n)('%d word selected.', '%d words selected.', words), words)
-      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "block-editor-multi-selection-inspector__card-title",
+      children: (0, _i18n.sprintf)(/* translators: %d: number of blocks */
+      (0, _i18n._n)('%d Block', '%d Blocks', selectedBlockCount), selectedBlockCount)
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_data","_blocks","_wordcount","_icons","_blockIcon","_interopRequireDefault","_store","_jsxRuntime","MultiSelectionInspector","blocks","useSelect","select","getMultiSelectedBlocks","blockEditorStore","words","wordCount","serialize","jsxs","className","children","jsx","default","icon","copy","showColors","sprintf","_n","length"],"sources":["@wordpress/block-editor/src/components/multi-selection-inspector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { sprintf, _n } from '@wordpress/i18n';\nimport { useSelect } 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\nexport default function MultiSelectionInspector() {\n\tconst { blocks } = useSelect( ( select ) => {\n\t\tconst { getMultiSelectedBlocks } = select( blockEditorStore );\n\t\treturn {\n\t\t\tblocks: getMultiSelectedBlocks(),\n\t\t};\n\t}, [] );\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"],"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;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAbxD;AACA;AACA;;AAOA;AACA;AACA;;AAIe,SAASS,uBAAuBA,CAAA,EAAG;EACjD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3C,MAAM;MAAEC;IAAuB,CAAC,GAAGD,MAAM,CAAEE,YAAiB,CAAC;IAC7D,OAAO;MACNJ,MAAM,EAAEG,sBAAsB,CAAC;IAChC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAME,KAAK,GAAG,IAAAC,gBAAS,EAAE,IAAAC,iBAAS,EAAEP,MAAO,CAAC,EAAE,OAAQ,CAAC;EAEvD,oBACC,IAAAF,WAAA,CAAAU,IAAA;IAAKC,SAAS,EAAC,8CAA8C;IAAAC,QAAA,gBAC5D,IAAAZ,WAAA,CAAAa,GAAA,EAAChB,UAAA,CAAAiB,OAAS;MAACC,IAAI,EAAGC,WAAM;MAACC,UAAU;IAAA,CAAE,CAAC,eACtC,IAAAjB,WAAA,CAAAU,IAAA;MAAKC,SAAS,EAAC,sDAAsD;MAAAC,QAAA,gBACpE,IAAAZ,WAAA,CAAAa,GAAA;QAAKF,SAAS,EAAC,oDAAoD;QAAAC,QAAA,EAChE,IAAAM,aAAO,EACR;QACA,IAAAC,QAAE,EAAE,UAAU,EAAE,WAAW,EAAEjB,MAAM,CAACkB,MAAO,CAAC,EAC5ClB,MAAM,CAACkB,MACR;MAAC,CACG,CAAC,eACN,IAAApB,WAAA,CAAAa,GAAA;QAAKF,SAAS,EAAC,0DAA0D;QAAAC,QAAA,EACtE,IAAAM,aAAO,EACR;QACA,IAAAC,QAAE,EAAE,mBAAmB,EAAE,oBAAoB,EAAEZ,KAAM,CAAC,EACtDA,KACD;MAAC,CACG,CAAC;IAAA,CACF,CAAC;EAAA,CACF,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_data","_icons","_components","_blockIcon","_interopRequireDefault","_store","_jsxRuntime","MultiSelectionInspector","selectedBlockCount","useSelect","select","blockEditorStore","getSelectedBlockCount","jsxs","__experimentalHStack","justify","spacing","className","children","jsx","default","icon","copy","showColors","sprintf","_n"],"sources":["@wordpress/block-editor/src/components/multi-selection-inspector/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { sprintf, _n } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { copy } from '@wordpress/icons';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function MultiSelectionInspector() {\n\tconst selectedBlockCount = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSelectedBlockCount(),\n\t\t[]\n\t);\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tspacing={ 2 }\n\t\t\tclassName=\"block-editor-multi-selection-inspector__card\"\n\t\t>\n\t\t\t<BlockIcon icon={ copy } showColors />\n\t\t\t<div className=\"block-editor-multi-selection-inspector__card-title\">\n\t\t\t\t{ sprintf(\n\t\t\t\t\t/* translators: %d: number of blocks */\n\t\t\t\t\t_n( '%d Block', '%d Blocks', selectedBlockCount ),\n\t\t\t\t\tselectedBlockCount\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,UAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAwD,IAAAO,WAAA,GAAAP,OAAA;AAZxD;AACA;AACA;;AAMA;AACA;AACA;;AAIe,SAASQ,uBAAuBA,CAAA,EAAG;EACjD,MAAMC,kBAAkB,GAAG,IAAAC,eAAS,EACjCC,MAAM,IAAMA,MAAM,CAAEC,YAAiB,CAAC,CAACC,qBAAqB,CAAC,CAAC,EAChE,EACD,CAAC;EACD,oBACC,IAAAN,WAAA,CAAAO,IAAA,EAACX,WAAA,CAAAY,oBAAM;IACNC,OAAO,EAAC,YAAY;IACpBC,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,8CAA8C;IAAAC,QAAA,gBAExD,IAAAZ,WAAA,CAAAa,GAAA,EAAChB,UAAA,CAAAiB,OAAS;MAACC,IAAI,EAAGC,WAAM;MAACC,UAAU;IAAA,CAAE,CAAC,eACtC,IAAAjB,WAAA,CAAAa,GAAA;MAAKF,SAAS,EAAC,oDAAoD;MAAAC,QAAA,EAChE,IAAAM,aAAO,EACR;MACA,IAAAC,QAAE,EAAE,UAAU,EAAE,WAAW,EAAEjB,kBAAmB,CAAC,EACjDA,kBACD;IAAC,CACG,CAAC;EAAA,CACC,CAAC;AAEX","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_data","_deprecated","_interopRequireDefault","_dom","_keyboardShortcuts","_keycodes","_store","_lockUnlock","_jsxRuntime","hasOnlyToolbarItem","elements","dataProp","some","element","dataset","getAllFocusableToolbarItemsIn","container","Array","from","querySelectorAll","hasFocusWithin","contains","ownerDocument","activeElement","focusFirstTabbableIn","firstTabbable","focus","tabbable","find","preventScroll","useIsAccessibleToolbar","toolbarRef","initialAccessibleToolbarState","isAccessibleToolbar","setIsAccessibleToolbar","useState","determineIsAccessibleToolbar","useCallback","tabbables","current","onlyToolbarItem","deprecated","since","alternative","link","useLayoutEffect","observer","window","MutationObserver","observe","childList","subtree","disconnect","useToolbarFocus","focusOnMount","defaultIndex","onIndexChange","shouldUseKeyboardFocusShortcut","focusEditorOnEscape","initialFocusOnMount","initialIndex","focusToolbar","focusToolbarViaShortcut","useShortcut","useEffect","navigableToolbarRef","raf","requestAnimationFrame","items","index","cancelAnimationFrame","findIndex","item","tabIndex","getLastFocus","unlock","useSelect","blockEditorStore","handleKeyDown","event","lastFocus","keyCode","ESCAPE","preventDefault","addEventListener","removeEventListener","NavigableToolbar","children","__experimentalInitialIndex","__experimentalOnIndexChange","orientation","props","useRef","jsx","Toolbar","label","ref","NavigableMenu","role"],"sources":["@wordpress/block-editor/src/components/navigable-toolbar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NavigableMenu, Toolbar } from '@wordpress/components';\nimport {\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { focus } from '@wordpress/dom';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction hasOnlyToolbarItem( elements ) {\n\tconst dataProp = 'toolbarItem';\n\treturn ! elements.some( ( element ) => ! ( dataProp in element.dataset ) );\n}\n\nfunction getAllFocusableToolbarItemsIn( container ) {\n\treturn Array.from(\n\t\tcontainer.querySelectorAll( '[data-toolbar-item]:not([disabled])' )\n\t);\n}\n\nfunction hasFocusWithin( container ) {\n\treturn container.contains( container.ownerDocument.activeElement );\n}\n\nfunction focusFirstTabbableIn( container ) {\n\tconst [ firstTabbable ] = focus.tabbable.find( container );\n\n\tif ( firstTabbable ) {\n\t\tfirstTabbable.focus( {\n\t\t\t// When focusing newly mounted toolbars,\n\t\t\t// the position of the popover is often not right on the first render\n\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\tpreventScroll: true,\n\t\t} );\n\t}\n}\n\nfunction useIsAccessibleToolbar( toolbarRef ) {\n\t/*\n\t * By default, we'll assume the starting accessible state of the Toolbar\n\t * is true, as it seems to be the most common case.\n\t *\n\t * Transitioning from an (initial) false to true state causes the\n\t * <Toolbar /> component to mount twice, which is causing undesired\n\t * side-effects. These side-effects appear to only affect certain\n\t * E2E tests.\n\t *\n\t * This was initial discovered in this pull-request:\n\t * https://github.com/WordPress/gutenberg/pull/23425\n\t */\n\tconst initialAccessibleToolbarState = true;\n\n\t// By default, it's gonna render NavigableMenu. If all the tabbable elements\n\t// inside the toolbar are ToolbarItem components (or derived components like\n\t// ToolbarButton), then we can wrap them with the accessible Toolbar\n\t// component.\n\tconst [ isAccessibleToolbar, setIsAccessibleToolbar ] = useState(\n\t\tinitialAccessibleToolbarState\n\t);\n\n\tconst determineIsAccessibleToolbar = useCallback( () => {\n\t\tconst tabbables = focus.tabbable.find( toolbarRef.current );\n\t\tconst onlyToolbarItem = hasOnlyToolbarItem( tabbables );\n\t\tif ( ! onlyToolbarItem ) {\n\t\t\tdeprecated( 'Using custom components as toolbar controls', {\n\t\t\t\tsince: '5.6',\n\t\t\t\talternative:\n\t\t\t\t\t'ToolbarItem, ToolbarButton or ToolbarDropdownMenu components',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols',\n\t\t\t} );\n\t\t}\n\t\tsetIsAccessibleToolbar( onlyToolbarItem );\n\t}, [ toolbarRef ] );\n\n\tuseLayoutEffect( () => {\n\t\t// Toolbar buttons may be rendered asynchronously, so we use\n\t\t// MutationObserver to check if the toolbar subtree has been modified.\n\t\tconst observer = new window.MutationObserver(\n\t\t\tdetermineIsAccessibleToolbar\n\t\t);\n\t\tobserver.observe( toolbarRef.current, {\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t} );\n\t\treturn () => observer.disconnect();\n\t}, [ determineIsAccessibleToolbar, isAccessibleToolbar, toolbarRef ] );\n\n\treturn isAccessibleToolbar;\n}\n\nfunction useToolbarFocus( {\n\ttoolbarRef,\n\tfocusOnMount,\n\tisAccessibleToolbar,\n\tdefaultIndex,\n\tonIndexChange,\n\tshouldUseKeyboardFocusShortcut,\n\tfocusEditorOnEscape,\n} ) {\n\t// Make sure we don't use modified versions of this prop.\n\tconst [ initialFocusOnMount ] = useState( focusOnMount );\n\tconst [ initialIndex ] = useState( defaultIndex );\n\n\tconst focusToolbar = useCallback( () => {\n\t\tfocusFirstTabbableIn( toolbarRef.current );\n\t}, [ toolbarRef ] );\n\n\tconst focusToolbarViaShortcut = () => {\n\t\tif ( shouldUseKeyboardFocusShortcut ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t};\n\n\t// Focus on toolbar when pressing alt+F10 when the toolbar is visible.\n\tuseShortcut( 'core/block-editor/focus-toolbar', focusToolbarViaShortcut );\n\n\tuseEffect( () => {\n\t\tif ( initialFocusOnMount ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t}, [ isAccessibleToolbar, initialFocusOnMount, focusToolbar ] );\n\n\tuseEffect( () => {\n\t\t// Store ref so we have access on useEffect cleanup: https://legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html#effect-cleanup-timing\n\t\tconst navigableToolbarRef = toolbarRef.current;\n\t\t// If initialIndex is passed, we focus on that toolbar item when the\n\t\t// toolbar gets mounted and initial focus is not forced.\n\t\t// We have to wait for the next browser paint because block controls aren't\n\t\t// rendered right away when the toolbar gets mounted.\n\t\tlet raf = 0;\n\n\t\t// If the toolbar already had focus before the render, we don't want to move it.\n\t\t// https://github.com/WordPress/gutenberg/issues/58511\n\t\tif (\n\t\t\t! initialFocusOnMount &&\n\t\t\t! hasFocusWithin( navigableToolbarRef )\n\t\t) {\n\t\t\traf = window.requestAnimationFrame( () => {\n\t\t\t\tconst items =\n\t\t\t\t\tgetAllFocusableToolbarItemsIn( navigableToolbarRef );\n\t\t\t\tconst index = initialIndex || 0;\n\t\t\t\tif ( items[ index ] && hasFocusWithin( navigableToolbarRef ) ) {\n\t\t\t\t\titems[ index ].focus( {\n\t\t\t\t\t\t// When focusing newly mounted toolbars,\n\t\t\t\t\t\t// the position of the popover is often not right on the first render\n\t\t\t\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.cancelAnimationFrame( raf );\n\t\t\tif ( ! onIndexChange || ! navigableToolbarRef ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// When the toolbar element is unmounted and onIndexChange is passed, we\n\t\t\t// pass the focused toolbar item index so it can be hydrated later.\n\t\t\tconst items = getAllFocusableToolbarItemsIn( navigableToolbarRef );\n\t\t\tconst index = items.findIndex( ( item ) => item.tabIndex === 0 );\n\t\t\tonIndexChange( index );\n\t\t};\n\t}, [ initialIndex, initialFocusOnMount, onIndexChange, toolbarRef ] );\n\n\tconst { getLastFocus } = unlock( useSelect( blockEditorStore ) );\n\t/**\n\t * Handles returning focus to the block editor canvas when pressing escape.\n\t */\n\tuseEffect( () => {\n\t\tconst navigableToolbarRef = toolbarRef.current;\n\n\t\tif ( focusEditorOnEscape ) {\n\t\t\tconst handleKeyDown = ( event ) => {\n\t\t\t\tconst lastFocus = getLastFocus();\n\t\t\t\tif ( event.keyCode === ESCAPE && lastFocus?.current ) {\n\t\t\t\t\t// Focus the last focused element when pressing escape.\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tlastFocus.current.focus();\n\t\t\t\t}\n\t\t\t};\n\t\t\tnavigableToolbarRef.addEventListener( 'keydown', handleKeyDown );\n\t\t\treturn () => {\n\t\t\t\tnavigableToolbarRef.removeEventListener(\n\t\t\t\t\t'keydown',\n\t\t\t\t\thandleKeyDown\n\t\t\t\t);\n\t\t\t};\n\t\t}\n\t}, [ focusEditorOnEscape, getLastFocus, toolbarRef ] );\n}\n\nexport default function NavigableToolbar( {\n\tchildren,\n\tfocusOnMount,\n\tfocusEditorOnEscape = false,\n\tshouldUseKeyboardFocusShortcut = true,\n\t__experimentalInitialIndex: initialIndex,\n\t__experimentalOnIndexChange: onIndexChange,\n\torientation = 'horizontal',\n\t...props\n} ) {\n\tconst toolbarRef = useRef();\n\tconst isAccessibleToolbar = useIsAccessibleToolbar( toolbarRef );\n\n\tuseToolbarFocus( {\n\t\ttoolbarRef,\n\t\tfocusOnMount,\n\t\tdefaultIndex: initialIndex,\n\t\tonIndexChange,\n\t\tisAccessibleToolbar,\n\t\tshouldUseKeyboardFocusShortcut,\n\t\tfocusEditorOnEscape,\n\t} );\n\n\tif ( isAccessibleToolbar ) {\n\t\treturn (\n\t\t\t<Toolbar\n\t\t\t\tlabel={ props[ 'aria-label' ] }\n\t\t\t\tref={ toolbarRef }\n\t\t\t\torientation={ orientation }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</Toolbar>\n\t\t);\n\t}\n\n\treturn (\n\t\t<NavigableMenu\n\t\t\torientation={ orientation }\n\t\t\trole=\"toolbar\"\n\t\t\tref={ toolbarRef }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</NavigableMenu>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_data","_deprecated","_interopRequireDefault","_dom","_keyboardShortcuts","_keycodes","_store","_lockUnlock","_jsxRuntime","hasOnlyToolbarItem","elements","dataProp","some","element","dataset","getAllFocusableToolbarItemsIn","container","Array","from","querySelectorAll","hasFocusWithin","contains","ownerDocument","activeElement","focusFirstTabbableIn","firstTabbable","focus","tabbable","find","preventScroll","useIsAccessibleToolbar","toolbarRef","initialAccessibleToolbarState","isAccessibleToolbar","setIsAccessibleToolbar","useState","determineIsAccessibleToolbar","useCallback","tabbables","current","onlyToolbarItem","deprecated","since","alternative","link","useLayoutEffect","observer","window","MutationObserver","observe","childList","subtree","disconnect","useToolbarFocus","focusOnMount","defaultIndex","onIndexChange","shouldUseKeyboardFocusShortcut","focusEditorOnEscape","initialFocusOnMount","initialIndex","focusToolbar","focusToolbarViaShortcut","useShortcut","useEffect","navigableToolbarRef","raf","requestAnimationFrame","items","index","cancelAnimationFrame","findIndex","item","tabIndex","getLastFocus","unlock","useSelect","blockEditorStore","handleKeyDown","event","lastFocus","keyCode","ESCAPE","preventDefault","addEventListener","removeEventListener","NavigableToolbar","children","__experimentalInitialIndex","__experimentalOnIndexChange","orientation","props","useRef","jsx","Toolbar","label","ref","NavigableMenu","role"],"sources":["@wordpress/block-editor/src/components/navigable-toolbar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { NavigableMenu, Toolbar } from '@wordpress/components';\nimport {\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n\tuseEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { focus } from '@wordpress/dom';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nfunction hasOnlyToolbarItem( elements ) {\n\tconst dataProp = 'toolbarItem';\n\treturn ! elements.some( ( element ) => ! ( dataProp in element.dataset ) );\n}\n\nfunction getAllFocusableToolbarItemsIn( container ) {\n\treturn Array.from(\n\t\tcontainer.querySelectorAll( '[data-toolbar-item]:not([disabled])' )\n\t);\n}\n\nfunction hasFocusWithin( container ) {\n\treturn container.contains( container.ownerDocument.activeElement );\n}\n\nfunction focusFirstTabbableIn( container ) {\n\tconst [ firstTabbable ] = focus.tabbable.find( container );\n\n\tif ( firstTabbable ) {\n\t\tfirstTabbable.focus( {\n\t\t\t// When focusing newly mounted toolbars,\n\t\t\t// the position of the popover is often not right on the first render\n\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\tpreventScroll: true,\n\t\t} );\n\t}\n}\n\nfunction useIsAccessibleToolbar( toolbarRef ) {\n\t/*\n\t * By default, we'll assume the starting accessible state of the Toolbar\n\t * is true, as it seems to be the most common case.\n\t *\n\t * Transitioning from an (initial) false to true state causes the\n\t * <Toolbar /> component to mount twice, which is causing undesired\n\t * side-effects. These side-effects appear to only affect certain\n\t * E2E tests.\n\t *\n\t * This was initial discovered in this pull-request:\n\t * https://github.com/WordPress/gutenberg/pull/23425\n\t */\n\tconst initialAccessibleToolbarState = true;\n\n\t// By default, it's gonna render NavigableMenu. If all the tabbable elements\n\t// inside the toolbar are ToolbarItem components (or derived components like\n\t// ToolbarButton), then we can wrap them with the accessible Toolbar\n\t// component.\n\tconst [ isAccessibleToolbar, setIsAccessibleToolbar ] = useState(\n\t\tinitialAccessibleToolbarState\n\t);\n\n\tconst determineIsAccessibleToolbar = useCallback( () => {\n\t\tconst tabbables = focus.tabbable.find( toolbarRef.current );\n\t\tconst onlyToolbarItem = hasOnlyToolbarItem( tabbables );\n\t\tif ( ! onlyToolbarItem ) {\n\t\t\tdeprecated( 'Using custom components as toolbar controls', {\n\t\t\t\tsince: '5.6',\n\t\t\t\talternative:\n\t\t\t\t\t'ToolbarItem, ToolbarButton or ToolbarDropdownMenu components',\n\t\t\t\tlink: 'https://developer.wordpress.org/block-editor/components/toolbar-button/#inside-blockcontrols',\n\t\t\t} );\n\t\t}\n\t\tsetIsAccessibleToolbar( onlyToolbarItem );\n\t}, [ toolbarRef ] );\n\n\tuseLayoutEffect( () => {\n\t\t// Toolbar buttons may be rendered asynchronously, so we use\n\t\t// MutationObserver to check if the toolbar subtree has been modified.\n\t\tconst observer = new window.MutationObserver(\n\t\t\tdetermineIsAccessibleToolbar\n\t\t);\n\t\tobserver.observe( toolbarRef.current, {\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t} );\n\t\treturn () => observer.disconnect();\n\t}, [ determineIsAccessibleToolbar, isAccessibleToolbar, toolbarRef ] );\n\n\treturn isAccessibleToolbar;\n}\n\nfunction useToolbarFocus( {\n\ttoolbarRef,\n\tfocusOnMount,\n\tisAccessibleToolbar,\n\tdefaultIndex,\n\tonIndexChange,\n\tshouldUseKeyboardFocusShortcut,\n\tfocusEditorOnEscape,\n} ) {\n\t// Make sure we don't use modified versions of this prop.\n\tconst [ initialFocusOnMount ] = useState( focusOnMount );\n\tconst [ initialIndex ] = useState( defaultIndex );\n\n\tconst focusToolbar = useCallback( () => {\n\t\tfocusFirstTabbableIn( toolbarRef.current );\n\t}, [ toolbarRef ] );\n\n\tconst focusToolbarViaShortcut = () => {\n\t\tif ( shouldUseKeyboardFocusShortcut ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t};\n\n\t// Focus on toolbar when pressing alt+F10 when the toolbar is visible.\n\tuseShortcut( 'core/block-editor/focus-toolbar', focusToolbarViaShortcut );\n\n\tuseEffect( () => {\n\t\tif ( initialFocusOnMount ) {\n\t\t\tfocusToolbar();\n\t\t}\n\t}, [ isAccessibleToolbar, initialFocusOnMount, focusToolbar ] );\n\n\tuseEffect( () => {\n\t\t// Store ref so we have access on useEffect cleanup: https://legacy.reactjs.org/blog/2020/08/10/react-v17-rc.html#effect-cleanup-timing\n\t\tconst navigableToolbarRef = toolbarRef.current;\n\t\t// If initialIndex is passed, we focus on that toolbar item when the\n\t\t// toolbar gets mounted and initial focus is not forced.\n\t\t// We have to wait for the next browser paint because block controls aren't\n\t\t// rendered right away when the toolbar gets mounted.\n\t\tlet raf = 0;\n\n\t\t// If the toolbar already had focus before the render, we don't want to move it.\n\t\t// https://github.com/WordPress/gutenberg/issues/58511\n\t\tif (\n\t\t\t! initialFocusOnMount &&\n\t\t\t! hasFocusWithin( navigableToolbarRef )\n\t\t) {\n\t\t\traf = window.requestAnimationFrame( () => {\n\t\t\t\tconst items =\n\t\t\t\t\tgetAllFocusableToolbarItemsIn( navigableToolbarRef );\n\t\t\t\tconst index = initialIndex || 0;\n\t\t\t\tif ( items[ index ] && hasFocusWithin( navigableToolbarRef ) ) {\n\t\t\t\t\titems[ index ].focus( {\n\t\t\t\t\t\t// When focusing newly mounted toolbars,\n\t\t\t\t\t\t// the position of the popover is often not right on the first render\n\t\t\t\t\t\t// This prevents the layout shifts when focusing the dialogs.\n\t\t\t\t\t\tpreventScroll: true,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn () => {\n\t\t\twindow.cancelAnimationFrame( raf );\n\t\t\tif ( ! onIndexChange || ! navigableToolbarRef ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// When the toolbar element is unmounted and onIndexChange is passed, we\n\t\t\t// pass the focused toolbar item index so it can be hydrated later.\n\t\t\tconst items = getAllFocusableToolbarItemsIn( navigableToolbarRef );\n\t\t\tconst index = items.findIndex( ( item ) => item.tabIndex === 0 );\n\t\t\tonIndexChange( index );\n\t\t};\n\t}, [ initialIndex, initialFocusOnMount, onIndexChange, toolbarRef ] );\n\n\tconst { getLastFocus } = unlock( useSelect( blockEditorStore ) );\n\t/**\n\t * Handles returning focus to the block editor canvas when pressing escape.\n\t */\n\tuseEffect( () => {\n\t\tconst navigableToolbarRef = toolbarRef.current;\n\n\t\tif ( focusEditorOnEscape ) {\n\t\t\tconst handleKeyDown = ( event ) => {\n\t\t\t\tconst lastFocus = getLastFocus();\n\t\t\t\tif ( event.keyCode === ESCAPE && lastFocus?.current ) {\n\t\t\t\t\t// Focus the last focused element when pressing escape.\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tlastFocus.current.focus();\n\t\t\t\t}\n\t\t\t};\n\t\t\tnavigableToolbarRef.addEventListener( 'keydown', handleKeyDown );\n\t\t\treturn () => {\n\t\t\t\tnavigableToolbarRef.removeEventListener(\n\t\t\t\t\t'keydown',\n\t\t\t\t\thandleKeyDown\n\t\t\t\t);\n\t\t\t};\n\t\t}\n\t}, [ focusEditorOnEscape, getLastFocus, toolbarRef ] );\n}\n\nexport default function NavigableToolbar( {\n\tchildren,\n\tfocusOnMount,\n\tfocusEditorOnEscape = false,\n\tshouldUseKeyboardFocusShortcut = true,\n\t__experimentalInitialIndex: initialIndex,\n\t__experimentalOnIndexChange: onIndexChange,\n\torientation = 'horizontal',\n\t...props\n} ) {\n\tconst toolbarRef = useRef();\n\tconst isAccessibleToolbar = useIsAccessibleToolbar( toolbarRef );\n\n\tuseToolbarFocus( {\n\t\ttoolbarRef,\n\t\tfocusOnMount,\n\t\tdefaultIndex: initialIndex,\n\t\tonIndexChange,\n\t\tisAccessibleToolbar,\n\t\tshouldUseKeyboardFocusShortcut,\n\t\tfocusEditorOnEscape,\n\t} );\n\n\tif ( isAccessibleToolbar ) {\n\t\treturn (\n\t\t\t<Toolbar\n\t\t\t\tlabel={ props[ 'aria-label' ] }\n\t\t\t\tref={ toolbarRef }\n\t\t\t\torientation={ orientation }\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</Toolbar>\n\t\t);\n\t}\n\n\treturn (\n\t\t<NavigableMenu\n\t\t\torientation={ orientation }\n\t\t\trole=\"toolbar\"\n\t\t\tref={ toolbarRef }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</NavigableMenu>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/panel-color-settings/index.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/build/components/panel-color-settings/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_panelColorGradientSettings","_interopRequireDefault","require","_jsxRuntime","PanelColorSettings","colorSettings","props","settings","map","setting","value","onChange","otherSettings","colorValue","onColorChange","jsx","default","gradients","disableCustomGradients","_default","exports"],"sources":["@wordpress/block-editor/src/components/panel-color-settings/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';\n\nconst PanelColorSettings = ( { colorSettings, ...props } ) => {\n\tconst settings = colorSettings.map( ( setting ) => {\n\t\tif ( ! setting ) {\n\t\t\treturn setting;\n\t\t}\n\t\tconst { value, onChange, ...otherSettings } = setting;\n\t\treturn {\n\t\t\t...otherSettings,\n\t\t\tcolorValue: value,\n\t\t\tonColorChange: onChange,\n\t\t};\n\t} );\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\tsettings={ settings }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\nexport default PanelColorSettings;\n"],"mappings":";;;;;;;AAGA,IAAAA,2BAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA2F,IAAAC,WAAA,GAAAD,OAAA;AAH3F;AACA;AACA;;AAGA,MAAME,kBAAkB,GAAGA,CAAE;EAAEC,aAAa;EAAE,GAAGC;AAAM,CAAC,KAAM;EAC7D,MAAMC,QAAQ,GAAGF,aAAa,CAACG,GAAG,CAAIC,OAAO,IAAM;IAClD,IAAK,CAAEA,OAAO,EAAG;MAChB,OAAOA,OAAO;IACf;IACA,MAAM;MAAEC,KAAK;MAAEC,QAAQ;MAAE,GAAGC;IAAc,CAAC,GAAGH,OAAO;IACrD,OAAO;MACN,GAAGG,aAAa;MAChBC,UAAU,EAAEH,KAAK;MACjBI,aAAa,EAAEH;IAChB,CAAC;EACF,CAAE,CAAC;EACH,oBACC,IAAAR,WAAA,CAAAY,GAAA,EAACf,2BAAA,CAAAgB,OAA0B;IAC1BT,QAAQ,EAAGA,QAAU;IACrBU,SAAS,EAAG,EAAI;IAChBC,sBAAsB;IAAA,GACjBZ;EAAK,CACV,CAAC;AAEJ,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GACaZ,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_panelColorGradientSettings","_interopRequireDefault","require","_jsxRuntime","PanelColorSettings","colorSettings","props","settings","map","setting","value","onChange","otherSettings","colorValue","onColorChange","jsx","default","gradients","disableCustomGradients","_default","exports"],"sources":["@wordpress/block-editor/src/components/panel-color-settings/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport PanelColorGradientSettings from '../colors-gradients/panel-color-gradient-settings';\n\nconst PanelColorSettings = ( { colorSettings, ...props } ) => {\n\tconst settings = colorSettings.map( ( setting ) => {\n\t\tif ( ! setting ) {\n\t\t\treturn setting;\n\t\t}\n\t\tconst { value, onChange, ...otherSettings } = setting;\n\t\treturn {\n\t\t\t...otherSettings,\n\t\t\tcolorValue: value,\n\t\t\tonColorChange: onChange,\n\t\t};\n\t} );\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\tsettings={ settings }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients\n\t\t\t{ ...props }\n\t\t/>\n\t);\n};\nexport default PanelColorSettings;\n"],"mappings":";;;;;;;;AAGA,IAAAA,2BAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA2F,IAAAC,WAAA,GAAAD,OAAA;AAH3F;AACA;AACA;;AAGA,MAAME,kBAAkB,GAAGA,CAAE;EAAEC,aAAa;EAAE,GAAGC;AAAM,CAAC,KAAM;EAC7D,MAAMC,QAAQ,GAAGF,aAAa,CAACG,GAAG,CAAIC,OAAO,IAAM;IAClD,IAAK,CAAEA,OAAO,EAAG;MAChB,OAAOA,OAAO;IACf;IACA,MAAM;MAAEC,KAAK;MAAEC,QAAQ;MAAE,GAAGC;IAAc,CAAC,GAAGH,OAAO;IACrD,OAAO;MACN,GAAGG,aAAa;MAChBC,UAAU,EAAEH,KAAK;MACjBI,aAAa,EAAEH;IAChB,CAAC;EACF,CAAE,CAAC;EACH,oBACC,IAAAR,WAAA,CAAAY,GAAA,EAACf,2BAAA,CAAAgB,OAA0B;IAC1BT,QAAQ,EAAGA,QAAU;IACrBU,SAAS,EAAG,EAAI;IAChBC,sBAAsB;IAAA,GACjBZ;EAAK,CACV,CAAC;AAEJ,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GACaZ,kBAAkB","ignoreList":[]}

package/build/components/plain-text/index.js

@@ -23,7 +23,41 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 /**
+ * Render an auto-growing textarea allow users to fill any textual content.
+ *
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md
+ *
+ * @example
+ * ```jsx
+ * import { registerBlockType } from '@wordpress/blocks';
+ * import { PlainText } from '@wordpress/block-editor';
+ *
+ * registerBlockType( 'my-plugin/example-block', {
+ *   // ...
+ *
+ *   attributes: {
+ *     content: {
+ *       type: 'string',
+ *     },
+ *   },
+ *
+ *   edit( { className, attributes, setAttributes } ) {
+ *     return (
+ *       <PlainText
+ *         className={ className }
+ *         value={ attributes.content }
+ *         onChange={ ( content ) => setAttributes( { content } ) }
+ *       />
+ *     );
+ *   },
+ * } );
+ * ````
+ *
+ * @param {Object}   props          Component props.
+ * @param {string}   props.value    String value of the textarea.
+ * @param {Function} props.onChange Function called when the text value changes.
+ * @param {Object}   [props.ref]    The component forwards the `ref` property to the `TextareaAutosize` component.
+ * @return {Element} Plain text component
  */const PlainText = (0, _element.forwardRef)(({
   __experimentalVersion,
   ...props

package/build/components/plain-text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactAutosizeTextarea","_interopRequireDefault","require","_clsx","_element","_editableText","_jsxRuntime","PlainText","forwardRef","__experimentalVersion","props","ref","jsx","default","className","onChange","remainingProps","clsx","event","target","value","_default","exports"],"sources":["@wordpress/block-editor/src/components/plain-text/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EditableText from '../editable-text';\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md\n */\nconst PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {\n\tif ( __experimentalVersion === 2 ) {\n\t\treturn <EditableText ref={ ref } { ...props } />;\n\t}\n\n\tconst { className, onChange, ...remainingProps } = props;\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tref={ ref }\n\t\t\tclassName={ clsx( 'block-editor-plain-text', className ) }\n\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n} );\n\nexport default PlainText;\n"],"mappings":";;;;;;;AAGA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAd5C;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA,GACA,MAAMK,SAAS,GAAG,IAAAC,mBAAU,EAAE,CAAE;EAAEC,qBAAqB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EAC7E,IAAKF,qBAAqB,KAAK,CAAC,EAAG;IAClC,oBAAO,IAAAH,WAAA,CAAAM,GAAA,EAACP,aAAA,CAAAQ,OAAY;MAACF,GAAG,EAAGA,GAAK;MAAA,GAAMD;IAAK,CAAI,CAAC;EACjD;EAEA,MAAM;IAAEI,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAe,CAAC,GAAGN,KAAK;EAExD,oBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACZ,sBAAA,CAAAa,OAAgB;IAChBF,GAAG,EAAGA,GAAK;IACXG,SAAS,EAAG,IAAAG,aAAI,EAAE,yBAAyB,EAAEH,SAAU,CAAG;IAC1DC,QAAQ,EAAKG,KAAK,IAAMH,QAAQ,CAAEG,KAAK,CAACC,MAAM,CAACC,KAAM,CAAG;IAAA,GACnDJ;EAAc,CACnB,CAAC;AAEJ,CAAE,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEWN,SAAS","ignoreList":[]}
+{"version":3,"names":["_reactAutosizeTextarea","_interopRequireDefault","require","_clsx","_element","_editableText","_jsxRuntime","PlainText","forwardRef","__experimentalVersion","props","ref","jsx","default","className","onChange","remainingProps","clsx","event","target","value","_default","exports"],"sources":["@wordpress/block-editor/src/components/plain-text/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport TextareaAutosize from 'react-autosize-textarea';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport EditableText from '../editable-text';\n\n/**\n * Render an auto-growing textarea allow users to fill any textual content.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/plain-text/README.md\n *\n * @example\n * ```jsx\n * import { registerBlockType } from '@wordpress/blocks';\n * import { PlainText } from '@wordpress/block-editor';\n *\n * registerBlockType( 'my-plugin/example-block', {\n *   // ...\n *\n *   attributes: {\n *     content: {\n *       type: 'string',\n *     },\n *   },\n *\n *   edit( { className, attributes, setAttributes } ) {\n *     return (\n *       <PlainText\n *         className={ className }\n *         value={ attributes.content }\n *         onChange={ ( content ) => setAttributes( { content } ) }\n *       />\n *     );\n *   },\n * } );\n * ````\n *\n * @param {Object}   props          Component props.\n * @param {string}   props.value    String value of the textarea.\n * @param {Function} props.onChange Function called when the text value changes.\n * @param {Object}   [props.ref]    The component forwards the `ref` property to the `TextareaAutosize` component.\n * @return {Element} Plain text component\n */\nconst PlainText = forwardRef( ( { __experimentalVersion, ...props }, ref ) => {\n\tif ( __experimentalVersion === 2 ) {\n\t\treturn <EditableText ref={ ref } { ...props } />;\n\t}\n\n\tconst { className, onChange, ...remainingProps } = props;\n\n\treturn (\n\t\t<TextareaAutosize\n\t\t\tref={ ref }\n\t\t\tclassName={ clsx( 'block-editor-plain-text', className ) }\n\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n} );\n\nexport default PlainText;\n"],"mappings":";;;;;;;AAGA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA4C,IAAAI,WAAA,GAAAJ,OAAA;AAd5C;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAMK,SAAS,GAAG,IAAAC,mBAAU,EAAE,CAAE;EAAEC,qBAAqB;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EAC7E,IAAKF,qBAAqB,KAAK,CAAC,EAAG;IAClC,oBAAO,IAAAH,WAAA,CAAAM,GAAA,EAACP,aAAA,CAAAQ,OAAY;MAACF,GAAG,EAAGA,GAAK;MAAA,GAAMD;IAAK,CAAI,CAAC;EACjD;EAEA,MAAM;IAAEI,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAe,CAAC,GAAGN,KAAK;EAExD,oBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACZ,sBAAA,CAAAa,OAAgB;IAChBF,GAAG,EAAGA,GAAK;IACXG,SAAS,EAAG,IAAAG,aAAI,EAAE,yBAAyB,EAAEH,SAAU,CAAG;IAC1DC,QAAQ,EAAKG,KAAK,IAAMH,QAAQ,CAAEG,KAAK,CAACC,MAAM,CAACC,KAAM,CAAG;IAAA,GACnDJ;EAAc,CACnB,CAAC;AAEJ,CAAE,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEWN,SAAS","ignoreList":[]}