@wordpress/block-library 9.47.0 → 9.48.1

package/build/gallery/edit.cjs

@@ -99,8 +99,9 @@ var NAVIGATION_BUTTON_TYPE_OPTIONS = [
   }
 ];
 var ALLOWED_MEDIA_TYPES = ["image"];
-var PLACEHOLDER_TEXT = import_element.Platform.isNative ? (0, import_i18n.__)("Add media") : (0, import_i18n.__)("Drag and drop images, upload, or choose from your library.");
-var MOBILE_CONTROL_PROPS_RANGE_CONTROL = import_element.Platform.isNative ? { type: "stepper" } : {};
+var PLACEHOLDER_TEXT = (0, import_i18n.__)(
+  "Drag and drop images, upload, or choose from your library."
+);
 var DEFAULT_BLOCK = { name: "core/image" };
 var EMPTY_ARRAY = [];
 function GalleryEdit(props) {
@@ -111,8 +112,7 @@ function GalleryEdit(props) {
     clientId,
     isSelected,
     insertBlocksAfter,
-    isContentLocked,
-    onFocus
+    isContentLocked
   } = props;
   const [lightboxSetting, defaultRatios, themeRatios, showDefaultRatios] = (0, import_block_editor.useSettings)(
     "blocks.core/image.lightbox",
@@ -140,30 +140,19 @@ function GalleryEdit(props) {
     selectBlock
   } = (0, import_data.useDispatch)(import_block_editor.store);
   const { createSuccessNotice, createErrorNotice } = (0, import_data.useDispatch)(import_notices.store);
-  const {
-    getBlock,
-    getSettings,
-    innerBlockImages,
-    blockWasJustInserted,
-    multiGallerySelection
-  } = (0, import_data.useSelect)(
+  const { getBlock, getSettings, innerBlockImages, multiGallerySelection } = (0, import_data.useSelect)(
     (select) => {
       const {
         getBlockName,
         getMultiSelectedBlockClientIds,
         getSettings: _getSettings,
-        getBlock: _getBlock,
-        wasBlockJustInserted
+        getBlock: _getBlock
       } = select(import_block_editor.store);
       const multiSelectedClientIds = getMultiSelectedBlockClientIds();
       return {
         getBlock: _getBlock,
         getSettings: _getSettings,
         innerBlockImages: _getBlock(clientId)?.innerBlocks ?? EMPTY_ARRAY,
-        blockWasJustInserted: wasBlockJustInserted(
-          clientId,
-          "inserter_menu"
-        ),
         multiGallerySelection: multiSelectedClientIds.length && multiSelectedClientIds.every(
           (_clientId) => getBlockName(_clientId) === "core/gallery"
         )
@@ -254,8 +243,7 @@ function GalleryEdit(props) {
     };
   }
   function isValidFileType(file) {
-    const nativeFileData = import_element.Platform.isNative && file.id ? imageData.find(({ id }) => id === file.id) : null;
-    const mediaTypeSelector = nativeFileData ? nativeFileData?.media_type : file.type;
+    const mediaTypeSelector = file.type;
     return ALLOWED_MEDIA_TYPES.some(
       (mediaType) => mediaTypeSelector?.indexOf(mediaType) === 0
     ) || file.blob;
@@ -452,23 +440,13 @@ function GalleryEdit(props) {
   const hasImages = !!images.length;
   const hasImageIds = hasImages && images.some((image) => !!image.id);
   const imagesUploading = images.some(
-    (img) => !import_element.Platform.isNative ? !img.id && img.url?.indexOf("blob:") === 0 : img.url?.indexOf("file:") === 0
+    (img) => !img.id && img.url?.indexOf("blob:") === 0
   );
-  const mediaPlaceholderProps = import_element.Platform.select({
-    web: {
-      addToGallery: false,
-      disableMediaButtons: imagesUploading,
-      value: {}
-    },
-    native: {
-      addToGallery: hasImageIds,
-      isAppender: hasImages,
-      disableMediaButtons: hasImages && !isSelected || imagesUploading,
-      value: hasImageIds ? images : {},
-      autoOpenMediaUpload: !hasImages && isSelected && blockWasJustInserted,
-      onFocus
-    }
-  });
+  const mediaPlaceholderProps = {
+    addToGallery: false,
+    disableMediaButtons: imagesUploading,
+    value: {}
+  };
   const mediaPlaceholder = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_block_editor.MediaPlaceholder,
     {
@@ -488,16 +466,11 @@ function GalleryEdit(props) {
   const blockProps = (0, import_block_editor.useBlockProps)({
     className: (0, import_clsx.default)(className, "has-nested-images")
   });
-  const nativeInnerBlockProps = import_element.Platform.isNative && {
-    marginHorizontal: 0,
-    marginVertical: 0
-  };
   const innerBlocksProps = (0, import_block_editor.useInnerBlocksProps)(blockProps, {
     defaultBlock: DEFAULT_BLOCK,
     directInsert: true,
     orientation: "horizontal",
-    renderAppender: false,
-    ...nativeInnerBlockProps
+    renderAppender: false
   });
   const dropdownMenuProps = (0, import_hooks.useToolsPanelDropdownMenuProps)();
   if (!hasImages) {
@@ -508,301 +481,209 @@ function GalleryEdit(props) {
   }
   const hasLinkTo = linkTo && linkTo !== "none";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_block_editor.InspectorControls, { children: [
-      import_element.Platform.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_components.__experimentalToolsPanel,
-        {
-          label: (0, import_i18n.__)("Settings"),
-          resetAll: () => {
-            setAttributes({
-              navigationButtonType: "icon",
-              columns: void 0,
-              imageCrop: true,
-              randomOrder: false
-            });
-            setAspectRatio("auto");
-            if (sizeSlug !== import_constants.DEFAULT_MEDIA_SIZE_SLUG) {
-              updateImagesSize(import_constants.DEFAULT_MEDIA_SIZE_SLUG);
-            }
-            if (linkTarget) {
-              toggleOpenInNewTab(false);
-            }
-          },
-          dropdownMenuProps,
-          children: [
-            images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalToolsPanelItem,
-              {
-                isShownByDefault: true,
-                label: (0, import_i18n.__)("Columns"),
-                hasValue: () => !!columns && columns !== images.length,
-                onDeselect: () => setColumnsNumber(void 0),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.RangeControl,
-                  {
-                    label: (0, import_i18n.__)("Columns"),
-                    value: columns ? columns : (0, import_shared.defaultColumnsNumber)(
-                      images.length
-                    ),
-                    onChange: setColumnsNumber,
-                    min: 1,
-                    max: Math.min(
-                      MAX_COLUMNS,
-                      images.length
-                    ),
-                    required: true,
-                    __next40pxDefaultSize: true
-                  }
-                )
-              }
-            ),
-            imageSizeOptions?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalToolsPanelItem,
-              {
-                isShownByDefault: true,
-                label: (0, import_i18n.__)("Resolution"),
-                hasValue: () => sizeSlug !== import_constants.DEFAULT_MEDIA_SIZE_SLUG,
-                onDeselect: () => updateImagesSize(import_constants.DEFAULT_MEDIA_SIZE_SLUG),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.SelectControl,
-                  {
-                    label: (0, import_i18n.__)("Resolution"),
-                    help: (0, import_i18n.__)(
-                      "Select the size of the source images."
-                    ),
-                    value: sizeSlug,
-                    options: imageSizeOptions,
-                    onChange: updateImagesSize,
-                    hideCancelButton: true,
-                    size: "__unstable-large"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalToolsPanelItem,
-              {
-                isShownByDefault: true,
-                label: (0, import_i18n.__)("Crop images to fit"),
-                hasValue: () => !imageCrop,
-                onDeselect: () => setAttributes({ imageCrop: true }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.ToggleControl,
-                  {
-                    label: (0, import_i18n.__)("Crop images to fit"),
-                    checked: !!imageCrop,
-                    onChange: toggleImageCrop
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalToolsPanelItem,
-              {
-                isShownByDefault: true,
-                label: (0, import_i18n.__)("Randomize order"),
-                hasValue: () => !!randomOrder,
-                onDeselect: () => setAttributes({ randomOrder: false }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.ToggleControl,
-                  {
-                    label: (0, import_i18n.__)("Randomize order"),
-                    checked: !!randomOrder,
-                    onChange: toggleRandomOrder
-                  }
-                )
-              }
-            ),
-            hasLinkTo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalToolsPanelItem,
-              {
-                isShownByDefault: true,
-                label: (0, import_i18n.__)("Open images in new tab"),
-                hasValue: () => !!linkTarget,
-                onDeselect: () => toggleOpenInNewTab(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.ToggleControl,
-                  {
-                    label: (0, import_i18n.__)("Open images in new tab"),
-                    checked: linkTarget === "_blank",
-                    onChange: toggleOpenInNewTab
-                  }
-                )
-              }
-            ),
-            aspectRatioOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalToolsPanelItem,
-              {
-                hasValue: () => !!aspectRatio && aspectRatio !== "auto",
-                label: (0, import_i18n.__)("Aspect ratio"),
-                onDeselect: () => setAspectRatio("auto"),
-                isShownByDefault: true,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.SelectControl,
-                  {
-                    __next40pxDefaultSize: true,
-                    label: (0, import_i18n.__)("Aspect ratio"),
-                    help: (0, import_i18n.__)(
-                      "Set a consistent aspect ratio for all images in the gallery."
-                    ),
-                    value: aspectRatio,
-                    options: aspectRatioOptions,
-                    onChange: setAspectRatio
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.__experimentalToolsPanelItem,
-              {
-                label: (0, import_i18n.__)("Navigation button type"),
-                isShownByDefault: true,
-                hasValue: () => navigationButtonType !== "icon",
-                onDeselect: () => setAttributes({
-                  navigationButtonType: "icon"
-                }),
-                children: hasLightboxImages && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_components.__experimentalToggleGroupControl,
-                  {
-                    label: (0, import_i18n.__)("Navigation button type"),
-                    value: navigationButtonType,
-                    onChange: (value) => setAttributes({
-                      navigationButtonType: value
-                    }),
-                    isBlock: true,
-                    __next40pxDefaultSize: true,
-                    help: (0, import_i18n.__)(
-                      "Adjust the appearance of buttons in the lightbox."
-                    ),
-                    children: NAVIGATION_BUTTON_TYPE_OPTIONS.map(
-                      (option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                        import_components.__experimentalToggleGroupControlOption,
-                        {
-                          value: option.value,
-                          label: option.label
-                        },
-                        option.value
-                      )
-                    )
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      import_element.Platform.isNative && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.PanelBody, { title: (0, import_i18n.__)("Settings"), children: [
-        images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.RangeControl,
-          {
-            label: (0, import_i18n.__)("Columns"),
-            value: columns ? columns : (0, import_shared.defaultColumnsNumber)(images.length),
-            onChange: setColumnsNumber,
-            min: 1,
-            max: Math.min(MAX_COLUMNS, images.length),
-            ...MOBILE_CONTROL_PROPS_RANGE_CONTROL,
-            required: true,
-            __next40pxDefaultSize: true
-          }
-        ),
-        imageSizeOptions?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.SelectControl,
-          {
-            label: (0, import_i18n.__)("Resolution"),
-            help: (0, import_i18n.__)(
-              "Select the size of the source images."
-            ),
-            value: sizeSlug,
-            options: imageSizeOptions,
-            onChange: updateImagesSize,
-            hideCancelButton: true,
-            size: "__unstable-large"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.SelectControl,
-          {
-            label: (0, import_i18n.__)("Link"),
-            value: linkTo,
-            onChange: setLinkTo,
-            options: linkOptions,
-            hideCancelButton: true,
-            size: "__unstable-large"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.ToggleControl,
-          {
-            label: (0, import_i18n.__)("Crop images to fit"),
-            checked: !!imageCrop,
-            onChange: toggleImageCrop
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.ToggleControl,
-          {
-            label: (0, import_i18n.__)("Randomize order"),
-            checked: !!randomOrder,
-            onChange: toggleRandomOrder
-          }
-        ),
-        hasLinkTo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.ToggleControl,
-          {
-            label: (0, import_i18n.__)("Open images in new tab"),
-            checked: linkTarget === "_blank",
-            onChange: toggleOpenInNewTab
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_components.__experimentalToolsPanel,
+      {
+        label: (0, import_i18n.__)("Settings"),
+        resetAll: () => {
+          setAttributes({
+            navigationButtonType: "icon",
+            columns: void 0,
+            imageCrop: true,
+            randomOrder: false
+          });
+          setAspectRatio("auto");
+          if (sizeSlug !== import_constants.DEFAULT_MEDIA_SIZE_SLUG) {
+            updateImagesSize(import_constants.DEFAULT_MEDIA_SIZE_SLUG);
           }
-        ),
-        aspectRatioOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.SelectControl,
-          {
-            label: (0, import_i18n.__)("Aspect Ratio"),
-            help: (0, import_i18n.__)(
-              "Set a consistent aspect ratio for all images in the gallery."
-            ),
-            value: aspectRatio,
-            options: aspectRatioOptions,
-            onChange: setAspectRatio,
-            hideCancelButton: true,
-            size: "__unstable-large"
+          if (linkTarget) {
+            toggleOpenInNewTab(false);
           }
-        )
-      ] })
-    ] }),
-    import_element.Platform.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.ToolbarDropdownMenu,
-      {
-        icon: import_icons.link,
-        label: (0, import_i18n.__)("Link"),
-        children: ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.MenuGroup, { children: linkOptions.map((linkItem) => {
-          const isOptionSelected = linkTo === linkItem.value;
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_components.MenuItem,
+        },
+        dropdownMenuProps,
+        children: [
+          images.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToolsPanelItem,
             {
-              isSelected: isOptionSelected,
-              className: (0, import_clsx.default)(
-                "components-dropdown-menu__menu-item",
+              isShownByDefault: true,
+              label: (0, import_i18n.__)("Columns"),
+              hasValue: () => !!columns && columns !== images.length,
+              onDeselect: () => setColumnsNumber(void 0),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.RangeControl,
                 {
-                  "is-active": isOptionSelected
+                  label: (0, import_i18n.__)("Columns"),
+                  value: columns ? columns : (0, import_shared.defaultColumnsNumber)(images.length),
+                  onChange: setColumnsNumber,
+                  min: 1,
+                  max: Math.min(MAX_COLUMNS, images.length),
+                  required: true,
+                  __next40pxDefaultSize: true
                 }
-              ),
-              iconPosition: "left",
-              icon: linkItem.icon,
-              onClick: () => {
-                setLinkTo(linkItem.value);
-                onClose();
-              },
-              role: "menuitemradio",
-              info: linkItem.infoText,
-              children: linkItem.label
-            },
-            linkItem.value
-          );
-        }) })
+              )
+            }
+          ),
+          imageSizeOptions?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToolsPanelItem,
+            {
+              isShownByDefault: true,
+              label: (0, import_i18n.__)("Resolution"),
+              hasValue: () => sizeSlug !== import_constants.DEFAULT_MEDIA_SIZE_SLUG,
+              onDeselect: () => updateImagesSize(import_constants.DEFAULT_MEDIA_SIZE_SLUG),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.SelectControl,
+                {
+                  label: (0, import_i18n.__)("Resolution"),
+                  help: (0, import_i18n.__)(
+                    "Select the size of the source images."
+                  ),
+                  value: sizeSlug,
+                  options: imageSizeOptions,
+                  onChange: updateImagesSize,
+                  hideCancelButton: true,
+                  size: "__unstable-large"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToolsPanelItem,
+            {
+              isShownByDefault: true,
+              label: (0, import_i18n.__)("Crop images to fit"),
+              hasValue: () => !imageCrop,
+              onDeselect: () => setAttributes({ imageCrop: true }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.ToggleControl,
+                {
+                  label: (0, import_i18n.__)("Crop images to fit"),
+                  checked: !!imageCrop,
+                  onChange: toggleImageCrop
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToolsPanelItem,
+            {
+              isShownByDefault: true,
+              label: (0, import_i18n.__)("Randomize order"),
+              hasValue: () => !!randomOrder,
+              onDeselect: () => setAttributes({ randomOrder: false }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.ToggleControl,
+                {
+                  label: (0, import_i18n.__)("Randomize order"),
+                  checked: !!randomOrder,
+                  onChange: toggleRandomOrder
+                }
+              )
+            }
+          ),
+          hasLinkTo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToolsPanelItem,
+            {
+              isShownByDefault: true,
+              label: (0, import_i18n.__)("Open images in new tab"),
+              hasValue: () => !!linkTarget,
+              onDeselect: () => toggleOpenInNewTab(false),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.ToggleControl,
+                {
+                  label: (0, import_i18n.__)("Open images in new tab"),
+                  checked: linkTarget === "_blank",
+                  onChange: toggleOpenInNewTab
+                }
+              )
+            }
+          ),
+          aspectRatioOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToolsPanelItem,
+            {
+              hasValue: () => !!aspectRatio && aspectRatio !== "auto",
+              label: (0, import_i18n.__)("Aspect ratio"),
+              onDeselect: () => setAspectRatio("auto"),
+              isShownByDefault: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.SelectControl,
+                {
+                  __next40pxDefaultSize: true,
+                  label: (0, import_i18n.__)("Aspect ratio"),
+                  help: (0, import_i18n.__)(
+                    "Set a consistent aspect ratio for all images in the gallery."
+                  ),
+                  value: aspectRatio,
+                  options: aspectRatioOptions,
+                  onChange: setAspectRatio
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToolsPanelItem,
+            {
+              label: (0, import_i18n.__)("Navigation button type"),
+              isShownByDefault: true,
+              hasValue: () => navigationButtonType !== "icon",
+              onDeselect: () => setAttributes({
+                navigationButtonType: "icon"
+              }),
+              children: hasLightboxImages && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.__experimentalToggleGroupControl,
+                {
+                  label: (0, import_i18n.__)("Navigation button type"),
+                  value: navigationButtonType,
+                  onChange: (value) => setAttributes({
+                    navigationButtonType: value
+                  }),
+                  isBlock: true,
+                  __next40pxDefaultSize: true,
+                  help: (0, import_i18n.__)(
+                    "Adjust the appearance of buttons in the lightbox."
+                  ),
+                  children: NAVIGATION_BUTTON_TYPE_OPTIONS.map(
+                    (option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_components.__experimentalToggleGroupControlOption,
+                      {
+                        value: option.value,
+                        label: option.label
+                      },
+                      option.value
+                    )
+                  )
+                }
+              )
+            }
+          )
+        ]
       }
-    ) }) : null,
-    import_element.Platform.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.ToolbarDropdownMenu, { icon: import_icons.link, label: (0, import_i18n.__)("Link"), children: ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.MenuGroup, { children: linkOptions.map((linkItem) => {
+      const isOptionSelected = linkTo === linkItem.value;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.MenuItem,
+        {
+          isSelected: isOptionSelected,
+          className: (0, import_clsx.default)(
+            "components-dropdown-menu__menu-item",
+            {
+              "is-active": isOptionSelected
+            }
+          ),
+          iconPosition: "left",
+          icon: linkItem.icon,
+          onClick: () => {
+            setLinkTo(linkItem.value);
+            onClose();
+          },
+          role: "menuitemradio",
+          info: linkItem.infoText,
+          children: linkItem.label
+        },
+        linkItem.value
+      );
+    }) }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       !multiGallerySelection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "other", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_block_editor.MediaReplaceFlow,
         {
@@ -830,7 +711,7 @@ function GalleryEdit(props) {
         ...props,
         isContentLocked,
         images,
-        mediaPlaceholder: !hasImages || import_element.Platform.isNative ? mediaPlaceholder : void 0,
+        mediaPlaceholder: !hasImages ? mediaPlaceholder : void 0,
         blockProps: innerBlocksProps,
         insertBlocksAfter,
         multiGallerySelection