@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/media-placeholder/index.js

@@ -1,68 +1,61 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Button, FormFileUpload, Placeholder, DropZone, __experimentalInputControl as InputControl, __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper, withFilters } from '@wordpress/components';
-import { __, _x } from '@wordpress/i18n';
-import { useState, useEffect } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { keyboardReturn } from '@wordpress/icons';
-import deprecated from '@wordpress/deprecated';
-
-/**
- * Internal dependencies
- */
-import MediaUpload from '../media-upload';
-import MediaUploadCheck from '../media-upload/check';
-import URLPopover from '../url-popover';
-import { store as blockEditorStore } from '../../store';
-import { parseDropEvent } from '../use-on-block-drop';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const noop = () => {};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  Button,
+  FormFileUpload,
+  Placeholder,
+  DropZone,
+  __experimentalInputControl as InputControl,
+  __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,
+  withFilters
+} from "@wordpress/components";
+import { __, _x } from "@wordpress/i18n";
+import { useState, useEffect } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { keyboardReturn } from "@wordpress/icons";
+import deprecated from "@wordpress/deprecated";
+import MediaUpload from "../media-upload";
+import MediaUploadCheck from "../media-upload/check";
+import URLPopover from "../url-popover";
+import { store as blockEditorStore } from "../../store";
+import { parseDropEvent } from "../use-on-block-drop";
+const noop = () => {
+};
 const InsertFromURLPopover = ({
   src,
   onChange,
   onSubmit,
   onClose,
   popoverAnchor
-}) => /*#__PURE__*/_jsx(URLPopover, {
-  anchor: popoverAnchor,
-  onClose: onClose,
-  children: /*#__PURE__*/_jsx("form", {
+}) => /* @__PURE__ */ jsx(URLPopover, { anchor: popoverAnchor, onClose, children: /* @__PURE__ */ jsx(
+  "form",
+  {
     className: "block-editor-media-placeholder__url-input-form",
-    onSubmit: onSubmit,
-    children: /*#__PURE__*/_jsx(InputControl, {
-      __next40pxDefaultSize: true,
-      label: __('URL'),
-      type: "text" // Use text instead of URL to allow relative paths (e.g., /image/image.jpg)
-      ,
-      hideLabelFromVision: true,
-      placeholder: __('Paste or type URL'),
-      onChange: onChange,
-      value: src,
-      suffix: /*#__PURE__*/_jsx(InputControlSuffixWrapper, {
-        variant: "control",
-        children: /*#__PURE__*/_jsx(Button, {
-          size: "small",
-          icon: keyboardReturn,
-          label: __('Apply'),
-          type: "submit"
-        })
-      })
-    })
-  })
-});
-const URLSelectionUI = ({
-  src,
-  onChangeSrc,
-  onSelectURL
-}) => {
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the popover's anchor updates.
+    onSubmit,
+    children: /* @__PURE__ */ jsx(
+      InputControl,
+      {
+        __next40pxDefaultSize: true,
+        label: __("URL"),
+        type: "text",
+        hideLabelFromVision: true,
+        placeholder: __("Paste or type URL"),
+        onChange,
+        value: src,
+        suffix: /* @__PURE__ */ jsx(InputControlSuffixWrapper, { variant: "control", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            icon: keyboardReturn,
+            label: __("Apply"),
+            type: "submit"
+          }
+        ) })
+      }
+    )
+  }
+) });
+const URLSelectionUI = ({ src, onChangeSrc, onSelectURL }) => {
   const [popoverAnchor, setPopoverAnchor] = useState(null);
   const [isURLInputVisible, setIsURLInputVisible] = useState(false);
   const openURLInput = () => {
@@ -72,34 +65,40 @@ const URLSelectionUI = ({
     setIsURLInputVisible(false);
     popoverAnchor?.focus();
   };
-  const onSubmitSrc = event => {
+  const onSubmitSrc = (event) => {
     event.preventDefault();
     if (src && onSelectURL) {
       onSelectURL(src);
       closeURLInput();
     }
   };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "block-editor-media-placeholder__url-input-container",
-    children: [/*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      className: "block-editor-media-placeholder__button",
-      onClick: openURLInput,
-      isPressed: isURLInputVisible,
-      variant: "secondary",
-      "aria-haspopup": "dialog",
-      ref: setPopoverAnchor,
-      children: __('Insert from URL')
-    }), isURLInputVisible && /*#__PURE__*/_jsx(InsertFromURLPopover, {
-      src: src,
-      onChange: onChangeSrc,
-      onSubmit: onSubmitSrc,
-      onClose: closeURLInput,
-      popoverAnchor: popoverAnchor
-    })]
-  });
+  return /* @__PURE__ */ jsxs("div", { className: "block-editor-media-placeholder__url-input-container", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        __next40pxDefaultSize: true,
+        className: "block-editor-media-placeholder__button",
+        onClick: openURLInput,
+        isPressed: isURLInputVisible,
+        variant: "secondary",
+        "aria-haspopup": "dialog",
+        ref: setPopoverAnchor,
+        children: __("Insert from URL")
+      }
+    ),
+    isURLInputVisible && /* @__PURE__ */ jsx(
+      InsertFromURLPopover,
+      {
+        src,
+        onChange: onChangeSrc,
+        onSubmit: onSubmitSrc,
+        onClose: closeURLInput,
+        popoverAnchor
+      }
+    )
+  ] });
 };
-export function MediaPlaceholder({
+function MediaPlaceholder({
   value = {},
   allowedTypes,
   className,
@@ -128,72 +127,53 @@ export function MediaPlaceholder({
   style
 }) {
   if (deprecatedOnHTMLDrop) {
-    deprecated('wp.blockEditor.MediaPlaceholder onHTMLDrop prop', {
-      since: '6.2',
-      version: '6.4'
+    deprecated("wp.blockEditor.MediaPlaceholder onHTMLDrop prop", {
+      since: "6.2",
+      version: "6.4"
     });
   }
-  const mediaUpload = useSelect(select => {
-    const {
-      getSettings
-    } = select(blockEditorStore);
+  const mediaUpload = useSelect((select) => {
+    const { getSettings } = select(blockEditorStore);
     return getSettings().mediaUpload;
   }, []);
-  const [src, setSrc] = useState('');
+  const [src, setSrc] = useState("");
   useEffect(() => {
-    var _value$src;
-    setSrc((_value$src = value?.src) !== null && _value$src !== void 0 ? _value$src : '');
+    setSrc(value?.src ?? "");
   }, [value?.src]);
   const onlyAllowsImages = () => {
     if (!allowedTypes || allowedTypes.length === 0) {
       return false;
     }
-    return allowedTypes.every(allowedType => allowedType === 'image' || allowedType.startsWith('image/'));
+    return allowedTypes.every(
+      (allowedType) => allowedType === "image" || allowedType.startsWith("image/")
+    );
   };
-  const onFilesUpload = files => {
-    if (!handleUpload || typeof handleUpload === 'function' && !handleUpload(files)) {
+  const onFilesUpload = (files) => {
+    if (!handleUpload || typeof handleUpload === "function" && !handleUpload(files)) {
       return onSelect(files);
     }
     onFilesPreUpload(files);
     let setMedia;
     if (multiple) {
       if (addToGallery) {
-        // Since the setMedia function runs multiple times per upload group
-        // and is passed newMedia containing every item in its group each time, we must
-        // filter out whatever this upload group had previously returned to the
-        // gallery before adding and returning the image array with replacement newMedia
-        // values.
-
-        // Define an array to store urls from newMedia between subsequent function calls.
         let lastMediaPassed = [];
-        setMedia = newMedia => {
-          // Remove any images this upload group is responsible for (lastMediaPassed).
-          // Their replacements are contained in newMedia.
-          const filteredMedia = (value !== null && value !== void 0 ? value : []).filter(item => {
-            // If Item has id, only remove it if lastMediaPassed has an item with that id.
+        setMedia = (newMedia) => {
+          const filteredMedia = (value ?? []).filter((item) => {
             if (item.id) {
               return !lastMediaPassed.some(
-              // Be sure to convert to number for comparison.
-              ({
-                id
-              }) => Number(id) === Number(item.id));
+                // Be sure to convert to number for comparison.
+                ({ id }) => Number(id) === Number(item.id)
+              );
             }
-            // Compare transient images via .includes since gallery may append extra info onto the url.
-            return !lastMediaPassed.some(({
-              urlSlug
-            }) => item.url.includes(urlSlug));
+            return !lastMediaPassed.some(
+              ({ urlSlug }) => item.url.includes(urlSlug)
+            );
           });
-          // Return the filtered media array along with newMedia.
           onSelect(filteredMedia.concat(newMedia));
-          // Reset lastMediaPassed and set it with ids and urls from newMedia.
-          lastMediaPassed = newMedia.map(media => {
-            // Add everything up to '.fileType' to compare via .includes.
-            const cutOffIndex = media.url.lastIndexOf('.');
+          lastMediaPassed = newMedia.map((media) => {
+            const cutOffIndex = media.url.lastIndexOf(".");
             const urlSlug = media.url.slice(0, cutOffIndex);
-            return {
-              id: media.id,
-              urlSlug
-            };
+            return { id: media.id, urlSlug };
           });
         };
       } else {
@@ -211,228 +191,285 @@ export function MediaPlaceholder({
     });
   };
   async function handleBlocksDrop(event) {
-    const {
-      blocks
-    } = parseDropEvent(event);
+    const { blocks } = parseDropEvent(event);
     if (!blocks?.length) {
       return;
     }
-    const uploadedMediaList = await Promise.all(blocks.map(block => {
-      const blockType = block.name.split('/')[1];
-      if (block.attributes.id) {
-        block.attributes.type = blockType;
-        return block.attributes;
-      }
-      return new Promise((resolve, reject) => {
-        window.fetch(block.attributes.url).then(response => response.blob()).then(blob => mediaUpload({
-          filesList: [blob],
-          additionalData: {
-            title: block.attributes.title,
-            alt_text: block.attributes.alt,
-            caption: block.attributes.caption,
-            type: blockType
-          },
-          onFileChange: ([media]) => {
-            if (media.id) {
-              resolve(media);
-            }
-          },
-          allowedTypes,
-          onError: reject
-        })).catch(() => resolve(block.attributes.url));
-      });
-    })).catch(err => onError(err));
+    const uploadedMediaList = await Promise.all(
+      blocks.map((block) => {
+        const blockType = block.name.split("/")[1];
+        if (block.attributes.id) {
+          block.attributes.type = blockType;
+          return block.attributes;
+        }
+        return new Promise((resolve, reject) => {
+          window.fetch(block.attributes.url).then((response) => response.blob()).then(
+            (blob) => mediaUpload({
+              filesList: [blob],
+              additionalData: {
+                title: block.attributes.title,
+                alt_text: block.attributes.alt,
+                caption: block.attributes.caption,
+                type: blockType
+              },
+              onFileChange: ([media]) => {
+                if (media.id) {
+                  resolve(media);
+                }
+              },
+              allowedTypes,
+              onError: reject
+            })
+          ).catch(() => resolve(block.attributes.url));
+        });
+      })
+    ).catch((err) => onError(err));
     if (!uploadedMediaList?.length) {
       return;
     }
     onSelect(multiple ? uploadedMediaList : uploadedMediaList[0]);
   }
-  const onUpload = event => {
+  const onUpload = (event) => {
     onFilesUpload(event.target.files);
   };
-  const defaultRenderPlaceholder = content => {
-    let {
-      instructions,
-      title
-    } = labels;
+  const defaultRenderPlaceholder = (content) => {
+    let { instructions, title } = labels;
     if (!mediaUpload && !onSelectURL) {
-      instructions = __('To edit this block, you need permission to upload media.');
+      instructions = __(
+        "To edit this block, you need permission to upload media."
+      );
     }
-    if (instructions === undefined || title === undefined) {
-      const typesAllowed = allowedTypes !== null && allowedTypes !== void 0 ? allowedTypes : [];
+    if (instructions === void 0 || title === void 0) {
+      const typesAllowed = allowedTypes ?? [];
       const [firstAllowedType] = typesAllowed;
       const isOneType = 1 === typesAllowed.length;
-      const isAudio = isOneType && 'audio' === firstAllowedType;
-      const isImage = isOneType && 'image' === firstAllowedType;
-      const isVideo = isOneType && 'video' === firstAllowedType;
-      if (instructions === undefined && mediaUpload) {
-        instructions = __('Drag and drop an image or video, upload, or choose from your library.');
+      const isAudio = isOneType && "audio" === firstAllowedType;
+      const isImage = isOneType && "image" === firstAllowedType;
+      const isVideo = isOneType && "video" === firstAllowedType;
+      if (instructions === void 0 && mediaUpload) {
+        instructions = __(
+          "Drag and drop an image or video, upload, or choose from your library."
+        );
         if (isAudio) {
-          instructions = __('Drag and drop an audio file, upload, or choose from your library.');
+          instructions = __(
+            "Drag and drop an audio file, upload, or choose from your library."
+          );
         } else if (isImage) {
-          instructions = __('Drag and drop an image, upload, or choose from your library.');
+          instructions = __(
+            "Drag and drop an image, upload, or choose from your library."
+          );
         } else if (isVideo) {
-          instructions = __('Drag and drop a video, upload, or choose from your library.');
+          instructions = __(
+            "Drag and drop a video, upload, or choose from your library."
+          );
         }
       }
-      if (title === undefined) {
-        title = __('Media');
+      if (title === void 0) {
+        title = __("Media");
         if (isAudio) {
-          title = __('Audio');
+          title = __("Audio");
         } else if (isImage) {
-          title = __('Image');
+          title = __("Image");
         } else if (isVideo) {
-          title = __('Video');
+          title = __("Video");
         }
       }
     }
-    const placeholderClassName = clsx('block-editor-media-placeholder', className, {
-      'is-appender': isAppender
-    });
-    return /*#__PURE__*/_jsxs(Placeholder, {
-      icon: icon,
-      label: title,
-      instructions: instructions,
-      className: placeholderClassName,
-      notices: notices,
-      onDoubleClick: onDoubleClick,
-      preview: mediaPreview,
-      style: style,
-      children: [content, children]
-    });
+    const placeholderClassName = clsx(
+      "block-editor-media-placeholder",
+      className,
+      {
+        "is-appender": isAppender
+      }
+    );
+    return /* @__PURE__ */ jsxs(
+      Placeholder,
+      {
+        icon,
+        label: title,
+        instructions,
+        className: placeholderClassName,
+        notices,
+        onDoubleClick,
+        preview: mediaPreview,
+        style,
+        children: [
+          content,
+          children
+        ]
+      }
+    );
   };
-  const renderPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : defaultRenderPlaceholder;
+  const renderPlaceholder = placeholder ?? defaultRenderPlaceholder;
   const renderDropZone = () => {
     if (disableDropZone) {
       return null;
     }
-    return /*#__PURE__*/_jsx(DropZone, {
-      onFilesDrop: onFilesUpload,
-      onDrop: handleBlocksDrop,
-      isEligible: dataTransfer => {
-        const prefix = 'wp-block:core/';
-        const types = [];
-        for (const type of dataTransfer.types) {
-          if (type.startsWith(prefix)) {
-            types.push(type.slice(prefix.length));
+    return /* @__PURE__ */ jsx(
+      DropZone,
+      {
+        onFilesDrop: onFilesUpload,
+        onDrop: handleBlocksDrop,
+        isEligible: (dataTransfer) => {
+          const prefix = "wp-block:core/";
+          const types = [];
+          for (const type of dataTransfer.types) {
+            if (type.startsWith(prefix)) {
+              types.push(type.slice(prefix.length));
+            }
           }
+          return types.every(
+            (type) => allowedTypes.includes(type)
+          ) && (multiple ? true : types.length === 1);
         }
-        return types.every(type => allowedTypes.includes(type)) && (multiple ? true : types.length === 1);
       }
-    });
+    );
   };
   const renderCancelLink = () => {
-    return onCancel && /*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      className: "block-editor-media-placeholder__cancel-button",
-      title: __('Cancel'),
-      variant: "link",
-      onClick: onCancel,
-      children: __('Cancel')
-    });
+    return onCancel && /* @__PURE__ */ jsx(
+      Button,
+      {
+        __next40pxDefaultSize: true,
+        className: "block-editor-media-placeholder__cancel-button",
+        title: __("Cancel"),
+        variant: "link",
+        onClick: onCancel,
+        children: __("Cancel")
+      }
+    );
   };
   const renderUrlSelectionUI = () => {
-    return onSelectURL && /*#__PURE__*/_jsx(URLSelectionUI, {
-      src: src,
-      onChangeSrc: setSrc,
-      onSelectURL: onSelectURL
-    });
+    return onSelectURL && /* @__PURE__ */ jsx(
+      URLSelectionUI,
+      {
+        src,
+        onChangeSrc: setSrc,
+        onSelectURL
+      }
+    );
   };
   const renderFeaturedImageToggle = () => {
-    return onToggleFeaturedImage && /*#__PURE__*/_jsx("div", {
-      className: "block-editor-media-placeholder__url-input-container",
-      children: /*#__PURE__*/_jsx(Button, {
+    return onToggleFeaturedImage && /* @__PURE__ */ jsx("div", { className: "block-editor-media-placeholder__url-input-container", children: /* @__PURE__ */ jsx(
+      Button,
+      {
         __next40pxDefaultSize: true,
         className: "block-editor-media-placeholder__button",
         onClick: onToggleFeaturedImage,
         variant: "secondary",
-        children: __('Use featured image')
-      })
-    });
+        children: __("Use featured image")
+      }
+    ) });
   };
   const renderMediaUploadChecked = () => {
-    const defaultButton = ({
-      open
-    }) => {
-      return /*#__PURE__*/_jsx(Button, {
-        __next40pxDefaultSize: true,
-        variant: "secondary",
-        onClick: () => {
-          open();
-        },
-        children: __('Media Library')
-      });
+    const defaultButton = ({ open }) => {
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          __next40pxDefaultSize: true,
+          variant: "secondary",
+          onClick: () => {
+            open();
+          },
+          children: __("Media Library")
+        }
+      );
     };
-    const libraryButton = mediaLibraryButton !== null && mediaLibraryButton !== void 0 ? mediaLibraryButton : defaultButton;
-    const uploadMediaLibraryButton = /*#__PURE__*/_jsx(MediaUpload, {
-      addToGallery: addToGallery,
-      gallery: multiple && onlyAllowsImages(),
-      multiple: multiple,
-      onSelect: onSelect,
-      allowedTypes: allowedTypes,
-      mode: "browse",
-      value: Array.isArray(value) ? value.map(({
-        id
-      }) => id) : value.id,
-      render: libraryButton
-    });
+    const libraryButton = mediaLibraryButton ?? defaultButton;
+    const uploadMediaLibraryButton = /* @__PURE__ */ jsx(
+      MediaUpload,
+      {
+        addToGallery,
+        gallery: multiple && onlyAllowsImages(),
+        multiple,
+        onSelect,
+        allowedTypes,
+        mode: "browse",
+        value: Array.isArray(value) ? value.map(({ id }) => id) : value.id,
+        render: libraryButton
+      }
+    );
     if (mediaUpload && isAppender) {
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [renderDropZone(), /*#__PURE__*/_jsx(FormFileUpload, {
-          onChange: onUpload,
-          accept: accept,
-          multiple: !!multiple,
-          render: ({
-            openFileDialog
-          }) => {
-            const content = /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(Button, {
-                __next40pxDefaultSize: true,
-                variant: "primary",
-                className: clsx('block-editor-media-placeholder__button', 'block-editor-media-placeholder__upload-button'),
-                onClick: openFileDialog,
-                children: _x('Upload', 'verb')
-              }), uploadMediaLibraryButton, renderUrlSelectionUI(), renderFeaturedImageToggle(), renderCancelLink()]
-            });
-            return renderPlaceholder(content);
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        renderDropZone(),
+        /* @__PURE__ */ jsx(
+          FormFileUpload,
+          {
+            onChange: onUpload,
+            accept,
+            multiple: !!multiple,
+            render: ({ openFileDialog }) => {
+              const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    __next40pxDefaultSize: true,
+                    variant: "primary",
+                    className: clsx(
+                      "block-editor-media-placeholder__button",
+                      "block-editor-media-placeholder__upload-button"
+                    ),
+                    onClick: openFileDialog,
+                    children: _x("Upload", "verb")
+                  }
+                ),
+                uploadMediaLibraryButton,
+                renderUrlSelectionUI(),
+                renderFeaturedImageToggle(),
+                renderCancelLink()
+              ] });
+              return renderPlaceholder(content);
+            }
           }
-        })]
-      });
+        )
+      ] });
     }
     if (mediaUpload) {
-      const content = /*#__PURE__*/_jsxs(_Fragment, {
-        children: [renderDropZone(), /*#__PURE__*/_jsx(FormFileUpload, {
-          render: ({
-            openFileDialog
-          }) => /*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
-            onClick: openFileDialog,
-            variant: "primary",
-            className: clsx('block-editor-media-placeholder__button', 'block-editor-media-placeholder__upload-button'),
-            children: _x('Upload', 'verb')
-          }),
-          onChange: onUpload,
-          accept: accept,
-          multiple: !!multiple
-        }), uploadMediaLibraryButton, renderUrlSelectionUI(), renderFeaturedImageToggle(), renderCancelLink()]
-      });
+      const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+        renderDropZone(),
+        /* @__PURE__ */ jsx(
+          FormFileUpload,
+          {
+            render: ({ openFileDialog }) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                __next40pxDefaultSize: true,
+                onClick: openFileDialog,
+                variant: "primary",
+                className: clsx(
+                  "block-editor-media-placeholder__button",
+                  "block-editor-media-placeholder__upload-button"
+                ),
+                children: _x("Upload", "verb")
+              }
+            ),
+            onChange: onUpload,
+            accept,
+            multiple: !!multiple
+          }
+        ),
+        uploadMediaLibraryButton,
+        renderUrlSelectionUI(),
+        renderFeaturedImageToggle(),
+        renderCancelLink()
+      ] });
       return renderPlaceholder(content);
     }
     return renderPlaceholder(uploadMediaLibraryButton);
   };
   if (disableMediaButtons) {
-    return /*#__PURE__*/_jsx(MediaUploadCheck, {
-      children: renderDropZone()
-    });
+    return /* @__PURE__ */ jsx(MediaUploadCheck, { children: renderDropZone() });
   }
-  return /*#__PURE__*/_jsx(MediaUploadCheck, {
-    fallback: renderPlaceholder(renderUrlSelectionUI()),
-    children: renderMediaUploadChecked()
-  });
+  return /* @__PURE__ */ jsx(
+    MediaUploadCheck,
+    {
+      fallback: renderPlaceholder(renderUrlSelectionUI()),
+      children: renderMediaUploadChecked()
+    }
+  );
 }
-
-/**
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-placeholder/README.md
- */
-export default withFilters('editor.MediaPlaceholder')(MediaPlaceholder);
-//# sourceMappingURL=index.js.map
+var media_placeholder_default = withFilters("editor.MediaPlaceholder")(MediaPlaceholder);
+export {
+  MediaPlaceholder,
+  media_placeholder_default as default
+};
+//# sourceMappingURL=index.js.map