@wordpress/block-library 8.35.0 → 9.0.0

package/build/media-text/edit.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
@@ -17,6 +16,9 @@ var _icons = require("@wordpress/icons");
 var _coreData = require("@wordpress/core-data");
 var _mediaContainer = _interopRequireDefault(require("./media-container"));
 var _constants = require("./constants");
+var _lockUnlock = require("../lock-unlock");
+var _constants2 = require("../utils/constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -29,6 +31,10 @@ var _constants = require("./constants");
  * Internal dependencies
  */
 
+const {
+  ResolutionTool
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
 // this limits the resize to a safe zone to avoid making broken layouts
 const applyWidthConstraints = width => Math.max(_constants.WIDTH_CONSTRAINT_PERCENTAGE, Math.min(width, 100 - _constants.WIDTH_CONSTRAINT_PERCENTAGE));
 function getImageSourceUrlBySizeSlug(image, slug) {
@@ -143,6 +149,12 @@ function MediaTextEdit({
       mediaId: undefined,
       mediaUrl: undefined,
       mediaAlt: undefined,
+      mediaLink: undefined,
+      linkDestination: undefined,
+      linkTarget: undefined,
+      linkClass: undefined,
+      rel: undefined,
+      href: undefined,
       useFeaturedImage: !useFeaturedImage
     });
   };
@@ -230,55 +242,111 @@ function MediaTextEdit({
       mediaSizeSlug: newMediaSizeSlug
     });
   };
-  const mediaTextGeneralSettings = (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, (0, _react.createElement)(_components.RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: (0, _i18n.__)('Media width'),
-    value: temporaryMediaWidth || mediaWidth,
-    onChange: commitWidthChange,
-    min: _constants.WIDTH_CONSTRAINT_PERCENTAGE,
-    max: 100 - _constants.WIDTH_CONSTRAINT_PERCENTAGE
-  }), (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Stack on mobile'),
-    checked: isStackedOnMobile,
-    onChange: () => setAttributes({
-      isStackedOnMobile: !isStackedOnMobile
-    })
-  }), mediaType === 'image' && (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Crop image to fill'),
-    checked: !!imageFill,
-    onChange: () => setAttributes({
-      imageFill: !imageFill
-    })
-  }), imageFill && (mediaUrl || featuredImageURL) && mediaType === 'image' && (0, _react.createElement)(_components.FocalPointPicker, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Focal point'),
-    url: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
-    value: focalPoint,
-    onChange: value => setAttributes({
-      focalPoint: value
-    }),
-    onDragStart: imperativeFocalPointPreview,
-    onDrag: imperativeFocalPointPreview
-  }), mediaType === 'image' && mediaUrl && !useFeaturedImage && (0, _react.createElement)(_components.TextareaControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Alternative text'),
-    value: mediaAlt,
-    onChange: onMediaAltChange,
-    help: (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ExternalLink, {
-      href: "https://www.w3.org/WAI/tutorials/images/decision-tree"
-    }, (0, _i18n.__)('Describe the purpose of the image.')), (0, _react.createElement)("br", null), (0, _i18n.__)('Leave empty if decorative.'))
-  }), mediaType === 'image' && (0, _react.createElement)(_blockEditor.__experimentalImageSizeControl, {
-    onChangeImage: updateImage,
-    slug: mediaSizeSlug,
-    imageSizeOptions: imageSizeOptions,
-    isResizable: false,
-    imageSizeHelp: (0, _i18n.__)('Select the size of the source image.')
-  }));
+  const mediaTextGeneralSettings = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+    label: (0, _i18n.__)('Settings'),
+    resetAll: () => {
+      setAttributes({
+        isStackedOnMobile: true,
+        imageFill: false,
+        mediaAlt: '',
+        focalPoint: undefined,
+        mediaWidth: 50,
+        mediaSizeSlug: undefined
+      });
+    },
+    dropdownMenuProps: _constants2.TOOLSPANEL_DROPDOWNMENU_PROPS,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      label: (0, _i18n.__)('Media width'),
+      isShownByDefault: true,
+      hasValue: () => mediaWidth !== 50,
+      onDeselect: () => setAttributes({
+        mediaWidth: 50
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: (0, _i18n.__)('Media width'),
+        value: temporaryMediaWidth || mediaWidth,
+        onChange: commitWidthChange,
+        min: _constants.WIDTH_CONSTRAINT_PERCENTAGE,
+        max: 100 - _constants.WIDTH_CONSTRAINT_PERCENTAGE
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      label: (0, _i18n.__)('Stack on mobile'),
+      isShownByDefault: true,
+      hasValue: () => !isStackedOnMobile,
+      onDeselect: () => setAttributes({
+        isStackedOnMobile: true
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Stack on mobile'),
+        checked: isStackedOnMobile,
+        onChange: () => setAttributes({
+          isStackedOnMobile: !isStackedOnMobile
+        })
+      })
+    }), mediaType === 'image' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      label: (0, _i18n.__)('Crop image to fill'),
+      isShownByDefault: true,
+      hasValue: () => !!imageFill,
+      onDeselect: () => setAttributes({
+        imageFill: false
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Crop image to fill'),
+        checked: !!imageFill,
+        onChange: () => setAttributes({
+          imageFill: !imageFill
+        })
+      })
+    }), imageFill && (mediaUrl || featuredImageURL) && mediaType === 'image' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      label: (0, _i18n.__)('Focal point'),
+      isShownByDefault: true,
+      hasValue: () => !!focalPoint,
+      onDeselect: () => setAttributes({
+        focalPoint: undefined
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FocalPointPicker, {
+        __nextHasNoMarginBottom: true,
+        __next40pxDefaultSize: true,
+        label: (0, _i18n.__)('Focal point'),
+        url: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+        value: focalPoint,
+        onChange: value => setAttributes({
+          focalPoint: value
+        }),
+        onDragStart: imperativeFocalPointPreview,
+        onDrag: imperativeFocalPointPreview
+      })
+    }), mediaType === 'image' && mediaUrl && !useFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      label: (0, _i18n.__)('Alternative text'),
+      isShownByDefault: true,
+      hasValue: () => !!mediaAlt,
+      onDeselect: () => setAttributes({
+        mediaAlt: ''
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextareaControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Alternative text'),
+        value: mediaAlt,
+        onChange: onMediaAltChange,
+        help: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
+            href:
+            // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+            (0, _i18n.__)('https://www.w3.org/WAI/tutorials/images/decision-tree/'),
+            children: (0, _i18n.__)('Describe the purpose of the image.')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), (0, _i18n.__)('Leave empty if decorative.')]
+        })
+      })
+    }), mediaType === 'image' && !useFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(ResolutionTool, {
+      value: mediaSizeSlug,
+      options: imageSizeOptions,
+      onChange: updateImage
+    })]
+  });
   const blockProps = (0, _blockEditor.useBlockProps)({
     className: classNames,
     style
@@ -290,63 +358,71 @@ function MediaTextEdit({
     allowedBlocks
   });
   const blockEditingMode = (0, _blockEditor.useBlockEditingMode)();
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, mediaTextGeneralSettings), (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "block"
-  }, blockEditingMode === 'default' && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentControl, {
-    onChange: onVerticalAlignmentChange,
-    value: verticalAlignment
-  }), (0, _react.createElement)(_components.ToolbarButton, {
-    icon: _icons.pullLeft,
-    title: (0, _i18n.__)('Show media on left'),
-    isActive: mediaPosition === 'left',
-    onClick: () => setAttributes({
-      mediaPosition: 'left'
-    })
-  }), (0, _react.createElement)(_components.ToolbarButton, {
-    icon: _icons.pullRight,
-    title: (0, _i18n.__)('Show media on right'),
-    isActive: mediaPosition === 'right',
-    onClick: () => setAttributes({
-      mediaPosition: 'right'
-    })
-  })), mediaType === 'image' && (0, _react.createElement)(_blockEditor.__experimentalImageURLInputUI, {
-    url: href || '',
-    onChangeUrl: onSetHref,
-    linkDestination: linkDestination,
-    mediaType: mediaType,
-    mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : image && image.source_url,
-    mediaLink: image && image.link,
-    linkTarget: linkTarget,
-    linkClass: linkClass,
-    rel: rel
-  })), (0, _react.createElement)("div", {
-    ...blockProps
-  }, mediaPosition === 'right' && (0, _react.createElement)("div", {
-    ...innerBlocksProps
-  }), (0, _react.createElement)(_mediaContainer.default, {
-    className: "wp-block-media-text__media",
-    onSelectMedia: onSelectMedia,
-    onWidthChange: onWidthChange,
-    commitWidthChange: commitWidthChange,
-    ref: refMediaContainer,
-    enableResize: blockEditingMode === 'default',
-    toggleUseFeaturedImage: toggleUseFeaturedImage,
-    focalPoint,
-    imageFill,
-    isSelected,
-    isStackedOnMobile,
-    mediaAlt,
-    mediaId,
-    mediaPosition,
-    mediaType,
-    mediaUrl,
-    mediaWidth,
-    useFeaturedImage,
-    featuredImageURL,
-    featuredImageAlt
-  }), mediaPosition !== 'right' && (0, _react.createElement)("div", {
-    ...innerBlocksProps
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: mediaTextGeneralSettings
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.BlockControls, {
+      group: "block",
+      children: [blockEditingMode === 'default' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockVerticalAlignmentControl, {
+          onChange: onVerticalAlignmentChange,
+          value: verticalAlignment
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+          icon: _icons.pullLeft,
+          title: (0, _i18n.__)('Show media on left'),
+          isActive: mediaPosition === 'left',
+          onClick: () => setAttributes({
+            mediaPosition: 'left'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+          icon: _icons.pullRight,
+          title: (0, _i18n.__)('Show media on right'),
+          isActive: mediaPosition === 'right',
+          onClick: () => setAttributes({
+            mediaPosition: 'right'
+          })
+        })]
+      }), mediaType === 'image' && !useFeaturedImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalImageURLInputUI, {
+        url: href || '',
+        onChangeUrl: onSetHref,
+        linkDestination: linkDestination,
+        mediaType: mediaType,
+        mediaUrl: image && image.source_url,
+        mediaLink: image && image.link,
+        linkTarget: linkTarget,
+        linkClass: linkClass,
+        rel: rel
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      ...blockProps,
+      children: [mediaPosition === 'right' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ...innerBlocksProps
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mediaContainer.default, {
+        className: "wp-block-media-text__media",
+        onSelectMedia: onSelectMedia,
+        onWidthChange: onWidthChange,
+        commitWidthChange: commitWidthChange,
+        ref: refMediaContainer,
+        enableResize: blockEditingMode === 'default',
+        toggleUseFeaturedImage: toggleUseFeaturedImage,
+        focalPoint,
+        imageFill,
+        isSelected,
+        isStackedOnMobile,
+        mediaAlt,
+        mediaId,
+        mediaPosition,
+        mediaType,
+        mediaUrl,
+        mediaWidth,
+        useFeaturedImage,
+        featuredImageURL,
+        featuredImageAlt
+      }), mediaPosition !== 'right' && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ...innerBlocksProps
+      })]
+    })]
+  });
 }
 var _default = exports.default = MediaTextEdit;
 //# sourceMappingURL=edit.js.map

package/build/media-text/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_data","_element","_blockEditor","_components","_blob","_icons","_coreData","_mediaContainer","_constants","applyWidthConstraints","width","Math","max","WIDTH_CONSTRAINT_PERCENTAGE","min","getImageSourceUrlBySizeSlug","image","slug","media_details","sizes","source_url","attributesFromMedia","attributes","linkDestination","href","setAttributes","media","url","mediaAlt","undefined","mediaId","mediaType","mediaUrl","mediaLink","focalPoint","isBlobURL","type","getBlobTypeByURL","src","media_type","large","newHref","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","link","alt","id","MediaTextEdit","isSelected","context","postId","postType","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","useFeaturedImage","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","featuredImage","useEntityProp","featuredImageMedia","useSelect","select","coreStore","getMedia","featuredImageURL","featuredImageAlt","alt_text","toggleUseFeaturedImage","imageSizes","getSettings","blockEditorStore","refMediaContainer","useRef","imperativeFocalPointPreview","value","style","current","resizable","x","y","backgroundPosition","temporaryMediaWidth","setTemporaryMediaWidth","useState","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","clsx","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","mediaTextGeneralSettings","_react","createElement","PanelBody","title","__","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","ToggleControl","checked","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","__experimentalImageSizeControl","onChangeImage","isResizable","imageSizeHelp","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","isActive","onClick","pullRight","__experimentalImageURLInputUI","onChangeUrl","default","ref","enableResize","_default","exports"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentControl,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\t__experimentalImageSizeControl as ImageSizeControl,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport MediaContainer from './media-container';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tWIDTH_CONSTRAINT_PERCENTAGE,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_ATTACHMENT,\n\tTEMPLATE,\n} from './constants';\n\n// this limits the resize to a safe zone to avoid making broken layouts\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nfunction getImageSourceUrlBySizeSlug( image, slug ) {\n\t// eslint-disable-next-line camelcase\n\treturn image?.media_details?.sizes?.[ slug ]?.source_url;\n}\n\nfunction attributesFromMedia( {\n\tattributes: { linkDestination, href },\n\tsetAttributes,\n} ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\tmediaAlt: undefined,\n\t\t\t\tmediaId: undefined,\n\t\t\t\tmediaType: undefined,\n\t\t\t\tmediaUrl: undefined,\n\t\t\t\tmediaLink: undefined,\n\t\t\t\thref: undefined,\n\t\t\t\tfocalPoint: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes?.large?.url ||\n\t\t\t\t// eslint-disable-next-line camelcase\n\t\t\t\tmedia.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tlet newHref = href;\n\t\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.url;\n\t\t}\n\n\t\t// Check if the image is linked to the attachment page.\n\t\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.link;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\tmediaLink: media.link || undefined,\n\t\t\thref: newHref,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t};\n}\n\nfunction MediaTextEdit( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tfocalPoint,\n\t\thref,\n\t\timageFill,\n\t\tisStackedOnMobile,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\tlinkTarget,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\trel,\n\t\tverticalAlignment,\n\t\tallowedBlocks,\n\t\tuseFeaturedImage,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst featuredImageMedia = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\n\tconst featuredImageURL = useFeaturedImage\n\t\t? featuredImageMedia?.source_url\n\t\t: '';\n\tconst featuredImageAlt = useFeaturedImage\n\t\t? featuredImageMedia?.alt_text\n\t\t: '';\n\n\tconst toggleUseFeaturedImage = () => {\n\t\tsetAttributes( {\n\t\t\timageFill: false,\n\t\t\tmediaType: 'image',\n\t\t\tmediaId: undefined,\n\t\t\tmediaUrl: undefined,\n\t\t\tmediaAlt: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t} );\n\t};\n\n\tconst { imageSizes, image } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tmediaId && isSelected\n\t\t\t\t\t\t? select( coreStore ).getMedia( mediaId, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: null,\n\t\t\t\timageSizes: getSettings()?.imageSizes,\n\t\t\t};\n\t\t},\n\t\t[ isSelected, mediaId ]\n\t);\n\n\tconst refMediaContainer = useRef();\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst { style } = refMediaContainer.current.resizable;\n\t\tconst { x, y } = value;\n\t\tstyle.backgroundPosition = `${ x * 100 }% ${ y * 100 }%`;\n\t};\n\n\tconst [ temporaryMediaWidth, setTemporaryMediaWidth ] = useState( null );\n\n\tconst onSelectMedia = attributesFromMedia( { attributes, setAttributes } );\n\n\tconst onSetHref = ( props ) => {\n\t\tsetAttributes( props );\n\t};\n\n\tconst onWidthChange = ( width ) => {\n\t\tsetTemporaryMediaWidth( applyWidthConstraints( width ) );\n\t};\n\tconst commitWidthChange = ( width ) => {\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tsetTemporaryMediaWidth( null );\n\t};\n\n\tconst classNames = clsx( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-selected': isSelected,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill': imageFill,\n\t} );\n\tconst widthString = `${ temporaryMediaWidth || mediaWidth }%`;\n\tconst gridTemplateColumns =\n\t\t'right' === mediaPosition\n\t\t\t? `1fr ${ widthString }`\n\t\t\t: `${ widthString } 1fr`;\n\tconst style = {\n\t\tgridTemplateColumns,\n\t\tmsGridColumns: gridTemplateColumns,\n\t};\n\tconst onMediaAltChange = ( newMediaAlt ) => {\n\t\tsetAttributes( { mediaAlt: newMediaAlt } );\n\t};\n\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => getImageSourceUrlBySizeSlug( image, slug ) )\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst updateImage = ( newMediaSizeSlug ) => {\n\t\tconst newUrl = getImageSourceUrlBySizeSlug( image, newMediaSizeSlug );\n\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl: newUrl,\n\t\t\tmediaSizeSlug: newMediaSizeSlug,\n\t\t} );\n\t};\n\n\tconst mediaTextGeneralSettings = (\n\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t<RangeControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t/>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\tonChange={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\turl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<TextareaControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\thelp={\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t{ __( 'Describe the purpose of the image.' ) }\n\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ImageSizeControl\n\t\t\t\t\tonChangeImage={ updateImage }\n\t\t\t\t\tslug={ mediaSizeSlug }\n\t\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t\t\tisResizable={ false }\n\t\t\t\t\timageSizeHelp={ __(\n\t\t\t\t\t\t'Select the size of the source image.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PanelBody>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={\n\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t: image && image.source_url\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ mediaPosition === 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonWidthChange={ onWidthChange }\n\t\t\t\t\tcommitWidthChange={ commitWidthChange }\n\t\t\t\t\tref={ refMediaContainer }\n\t\t\t\t\tenableResize={ blockEditingMode === 'default' }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tfocalPoint,\n\t\t\t\t\t\timageFill,\n\t\t\t\t\t\tisSelected,\n\t\t\t\t\t\tisStackedOnMobile,\n\t\t\t\t\t\tmediaAlt,\n\t\t\t\t\t\tmediaId,\n\t\t\t\t\t\tmediaPosition,\n\t\t\t\t\t\tmediaType,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t\tmediaWidth,\n\t\t\t\t\t\tuseFeaturedImage,\n\t\t\t\t\t\tfeaturedImageURL,\n\t\t\t\t\t\tfeaturedImageAlt,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ mediaPosition !== 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default MediaTextEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_data","_element","_blockEditor","_components","_blob","_icons","_coreData","_mediaContainer","_constants","_lockUnlock","_constants2","_jsxRuntime","ResolutionTool","unlock","blockEditorPrivateApis","applyWidthConstraints","width","Math","max","WIDTH_CONSTRAINT_PERCENTAGE","min","getImageSourceUrlBySizeSlug","image","slug","media_details","sizes","source_url","attributesFromMedia","attributes","linkDestination","href","setAttributes","media","url","mediaAlt","undefined","mediaId","mediaType","mediaUrl","mediaLink","focalPoint","isBlobURL","type","getBlobTypeByURL","src","media_type","large","newHref","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT","link","alt","id","MediaTextEdit","isSelected","context","postId","postType","imageFill","isStackedOnMobile","linkClass","linkTarget","mediaPosition","mediaWidth","rel","verticalAlignment","allowedBlocks","useFeaturedImage","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","featuredImage","useEntityProp","featuredImageMedia","useSelect","select","coreStore","getMedia","featuredImageURL","featuredImageAlt","alt_text","toggleUseFeaturedImage","imageSizes","getSettings","blockEditorStore","refMediaContainer","useRef","imperativeFocalPointPreview","value","style","current","resizable","x","y","backgroundPosition","temporaryMediaWidth","setTemporaryMediaWidth","useState","onSelectMedia","onSetHref","props","onWidthChange","commitWidthChange","classNames","clsx","widthString","gridTemplateColumns","msGridColumns","onMediaAltChange","newMediaAlt","onVerticalAlignmentChange","alignment","imageSizeOptions","filter","map","name","label","updateImage","newMediaSizeSlug","newUrl","mediaTextGeneralSettings","jsxs","__experimentalToolsPanel","__","resetAll","dropdownMenuProps","TOOLSPANEL_DROPDOWNMENU_PROPS","children","jsx","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","RangeControl","__nextHasNoMarginBottom","__next40pxDefaultSize","onChange","ToggleControl","checked","FocalPointPicker","onDragStart","onDrag","TextareaControl","help","Fragment","ExternalLink","options","blockProps","useBlockProps","className","innerBlocksProps","useInnerBlocksProps","template","TEMPLATE","blockEditingMode","useBlockEditingMode","InspectorControls","BlockControls","group","BlockVerticalAlignmentControl","ToolbarButton","icon","pullLeft","title","isActive","onClick","pullRight","__experimentalImageURLInputUI","onChangeUrl","default","ref","enableResize","_default","exports"],"sources":["@wordpress/block-library/src/media-text/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tBlockVerticalAlignmentControl,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalImageURLInputUI as ImageURLInputUI,\n\tstore as blockEditorStore,\n\tuseBlockEditingMode,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tToolbarButton,\n\tExternalLink,\n\tFocalPointPicker,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { isBlobURL, getBlobTypeByURL } from '@wordpress/blob';\nimport { pullLeft, pullRight } from '@wordpress/icons';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport MediaContainer from './media-container';\nimport {\n\tDEFAULT_MEDIA_SIZE_SLUG,\n\tWIDTH_CONSTRAINT_PERCENTAGE,\n\tLINK_DESTINATION_MEDIA,\n\tLINK_DESTINATION_ATTACHMENT,\n\tTEMPLATE,\n} from './constants';\nimport { unlock } from '../lock-unlock';\nimport { TOOLSPANEL_DROPDOWNMENU_PROPS } from '../utils/constants';\n\nconst { ResolutionTool } = unlock( blockEditorPrivateApis );\n\n// this limits the resize to a safe zone to avoid making broken layouts\nconst applyWidthConstraints = ( width ) =>\n\tMath.max(\n\t\tWIDTH_CONSTRAINT_PERCENTAGE,\n\t\tMath.min( width, 100 - WIDTH_CONSTRAINT_PERCENTAGE )\n\t);\n\nfunction getImageSourceUrlBySizeSlug( image, slug ) {\n\t// eslint-disable-next-line camelcase\n\treturn image?.media_details?.sizes?.[ slug ]?.source_url;\n}\n\nfunction attributesFromMedia( {\n\tattributes: { linkDestination, href },\n\tsetAttributes,\n} ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( {\n\t\t\t\tmediaAlt: undefined,\n\t\t\t\tmediaId: undefined,\n\t\t\t\tmediaType: undefined,\n\t\t\t\tmediaUrl: undefined,\n\t\t\t\tmediaLink: undefined,\n\t\t\t\thref: undefined,\n\t\t\t\tfocalPoint: undefined,\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\tlet src;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === 'image' ) {\n\t\t\t\tmediaType = 'image';\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// video contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = 'video';\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tif ( mediaType === 'image' ) {\n\t\t\t// Try the \"large\" size URL, falling back to the \"full\" size URL below.\n\t\t\tsrc =\n\t\t\t\tmedia.sizes?.large?.url ||\n\t\t\t\t// eslint-disable-next-line camelcase\n\t\t\t\tmedia.media_details?.sizes?.large?.source_url;\n\t\t}\n\n\t\tlet newHref = href;\n\t\tif ( linkDestination === LINK_DESTINATION_MEDIA ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.url;\n\t\t}\n\n\t\t// Check if the image is linked to the attachment page.\n\t\tif ( linkDestination === LINK_DESTINATION_ATTACHMENT ) {\n\t\t\t// Update the media link.\n\t\t\tnewHref = media.link;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaAlt: media.alt,\n\t\t\tmediaId: media.id,\n\t\t\tmediaType,\n\t\t\tmediaUrl: src || media.url,\n\t\t\tmediaLink: media.link || undefined,\n\t\t\thref: newHref,\n\t\t\tfocalPoint: undefined,\n\t\t} );\n\t};\n}\n\nfunction MediaTextEdit( {\n\tattributes,\n\tisSelected,\n\tsetAttributes,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tfocalPoint,\n\t\thref,\n\t\timageFill,\n\t\tisStackedOnMobile,\n\t\tlinkClass,\n\t\tlinkDestination,\n\t\tlinkTarget,\n\t\tmediaAlt,\n\t\tmediaId,\n\t\tmediaPosition,\n\t\tmediaType,\n\t\tmediaUrl,\n\t\tmediaWidth,\n\t\trel,\n\t\tverticalAlignment,\n\t\tallowedBlocks,\n\t\tuseFeaturedImage,\n\t} = attributes;\n\tconst mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst featuredImageMedia = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\n\tconst featuredImageURL = useFeaturedImage\n\t\t? featuredImageMedia?.source_url\n\t\t: '';\n\tconst featuredImageAlt = useFeaturedImage\n\t\t? featuredImageMedia?.alt_text\n\t\t: '';\n\n\tconst toggleUseFeaturedImage = () => {\n\t\tsetAttributes( {\n\t\t\timageFill: false,\n\t\t\tmediaType: 'image',\n\t\t\tmediaId: undefined,\n\t\t\tmediaUrl: undefined,\n\t\t\tmediaAlt: undefined,\n\t\t\tmediaLink: undefined,\n\t\t\tlinkDestination: undefined,\n\t\t\tlinkTarget: undefined,\n\t\t\tlinkClass: undefined,\n\t\t\trel: undefined,\n\t\t\thref: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t} );\n\t};\n\n\tconst { imageSizes, image } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\timage:\n\t\t\t\t\tmediaId && isSelected\n\t\t\t\t\t\t? select( coreStore ).getMedia( mediaId, {\n\t\t\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: null,\n\t\t\t\timageSizes: getSettings()?.imageSizes,\n\t\t\t};\n\t\t},\n\t\t[ isSelected, mediaId ]\n\t);\n\n\tconst refMediaContainer = useRef();\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst { style } = refMediaContainer.current.resizable;\n\t\tconst { x, y } = value;\n\t\tstyle.backgroundPosition = `${ x * 100 }% ${ y * 100 }%`;\n\t};\n\n\tconst [ temporaryMediaWidth, setTemporaryMediaWidth ] = useState( null );\n\n\tconst onSelectMedia = attributesFromMedia( { attributes, setAttributes } );\n\n\tconst onSetHref = ( props ) => {\n\t\tsetAttributes( props );\n\t};\n\n\tconst onWidthChange = ( width ) => {\n\t\tsetTemporaryMediaWidth( applyWidthConstraints( width ) );\n\t};\n\tconst commitWidthChange = ( width ) => {\n\t\tsetAttributes( {\n\t\t\tmediaWidth: applyWidthConstraints( width ),\n\t\t} );\n\t\tsetTemporaryMediaWidth( null );\n\t};\n\n\tconst classNames = clsx( {\n\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t'is-selected': isSelected,\n\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t'is-image-fill': imageFill,\n\t} );\n\tconst widthString = `${ temporaryMediaWidth || mediaWidth }%`;\n\tconst gridTemplateColumns =\n\t\t'right' === mediaPosition\n\t\t\t? `1fr ${ widthString }`\n\t\t\t: `${ widthString } 1fr`;\n\tconst style = {\n\t\tgridTemplateColumns,\n\t\tmsGridColumns: gridTemplateColumns,\n\t};\n\tconst onMediaAltChange = ( newMediaAlt ) => {\n\t\tsetAttributes( { mediaAlt: newMediaAlt } );\n\t};\n\tconst onVerticalAlignmentChange = ( alignment ) => {\n\t\tsetAttributes( { verticalAlignment: alignment } );\n\t};\n\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => getImageSourceUrlBySizeSlug( image, slug ) )\n\t\t.map( ( { name, slug } ) => ( { value: slug, label: name } ) );\n\tconst updateImage = ( newMediaSizeSlug ) => {\n\t\tconst newUrl = getImageSourceUrlBySizeSlug( image, newMediaSizeSlug );\n\n\t\tif ( ! newUrl ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tmediaUrl: newUrl,\n\t\t\tmediaSizeSlug: newMediaSizeSlug,\n\t\t} );\n\t};\n\n\tconst mediaTextGeneralSettings = (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t\timageFill: false,\n\t\t\t\t\tmediaAlt: '',\n\t\t\t\t\tfocalPoint: undefined,\n\t\t\t\t\tmediaWidth: 50,\n\t\t\t\t\tmediaSizeSlug: undefined,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ TOOLSPANEL_DROPDOWNMENU_PROPS }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => mediaWidth !== 50 }\n\t\t\t\tonDeselect={ () => setAttributes( { mediaWidth: 50 } ) }\n\t\t\t>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tlabel={ __( 'Media width' ) }\n\t\t\t\t\tvalue={ temporaryMediaWidth || mediaWidth }\n\t\t\t\t\tonChange={ commitWidthChange }\n\t\t\t\t\tmin={ WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t\tmax={ 100 - WIDTH_CONSTRAINT_PERCENTAGE }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => ! isStackedOnMobile }\n\t\t\t\tonDeselect={ () =>\n\t\t\t\t\tsetAttributes( { isStackedOnMobile: true } )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ mediaType === 'image' && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! imageFill }\n\t\t\t\t\tonDeselect={ () => setAttributes( { imageFill: false } ) }\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Crop image to fill' ) }\n\t\t\t\t\t\tchecked={ !! imageFill }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\timageFill: ! imageFill,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ imageFill &&\n\t\t\t\t( mediaUrl || featuredImageURL ) &&\n\t\t\t\tmediaType === 'image' && (\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\thasValue={ () => !! focalPoint }\n\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\tsetAttributes( { focalPoint: undefined } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Focal point' ) }\n\t\t\t\t\t\t\turl={\n\t\t\t\t\t\t\t\tuseFeaturedImage && featuredImageURL\n\t\t\t\t\t\t\t\t\t? featuredImageURL\n\t\t\t\t\t\t\t\t\t: mediaUrl\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tsetAttributes( { focalPoint: value } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t) }\n\t\t\t{ mediaType === 'image' && mediaUrl && ! useFeaturedImage && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => !! mediaAlt }\n\t\t\t\t\tonDeselect={ () => setAttributes( { mediaAlt: '' } ) }\n\t\t\t\t>\n\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\tvalue={ mediaAlt }\n\t\t\t\t\t\tonChange={ onMediaAltChange }\n\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={\n\t\t\t\t\t\t\t\t\t\t// translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.\n\t\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t\t'https://www.w3.org/WAI/tutorials/images/decision-tree/'\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ mediaType === 'image' && ! useFeaturedImage && (\n\t\t\t\t<ResolutionTool\n\t\t\t\t\tvalue={ mediaSizeSlug }\n\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\tonChange={ updateImage }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolsPanel>\n\t);\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classNames,\n\t\tstyle,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ className: 'wp-block-media-text__content' },\n\t\t{ template: TEMPLATE, allowedBlocks }\n\t);\n\n\tconst blockEditingMode = useBlockEditingMode();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>{ mediaTextGeneralSettings }</InspectorControls>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BlockVerticalAlignmentControl\n\t\t\t\t\t\t\tonChange={ onVerticalAlignmentChange }\n\t\t\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullLeft }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on left' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'left' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'left' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ticon={ pullRight }\n\t\t\t\t\t\t\ttitle={ __( 'Show media on right' ) }\n\t\t\t\t\t\t\tisActive={ mediaPosition === 'right' }\n\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { mediaPosition: 'right' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\n\t\t\t\t{ mediaType === 'image' && ! useFeaturedImage && (\n\t\t\t\t\t<ImageURLInputUI\n\t\t\t\t\t\turl={ href || '' }\n\t\t\t\t\t\tonChangeUrl={ onSetHref }\n\t\t\t\t\t\tlinkDestination={ linkDestination }\n\t\t\t\t\t\tmediaType={ mediaType }\n\t\t\t\t\t\tmediaUrl={ image && image.source_url }\n\t\t\t\t\t\tmediaLink={ image && image.link }\n\t\t\t\t\t\tlinkTarget={ linkTarget }\n\t\t\t\t\t\tlinkClass={ linkClass }\n\t\t\t\t\t\trel={ rel }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ mediaPosition === 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t\t<MediaContainer\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonWidthChange={ onWidthChange }\n\t\t\t\t\tcommitWidthChange={ commitWidthChange }\n\t\t\t\t\tref={ refMediaContainer }\n\t\t\t\t\tenableResize={ blockEditingMode === 'default' }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tfocalPoint,\n\t\t\t\t\t\timageFill,\n\t\t\t\t\t\tisSelected,\n\t\t\t\t\t\tisStackedOnMobile,\n\t\t\t\t\t\tmediaAlt,\n\t\t\t\t\t\tmediaId,\n\t\t\t\t\t\tmediaPosition,\n\t\t\t\t\t\tmediaType,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t\tmediaWidth,\n\t\t\t\t\t\tuseFeaturedImage,\n\t\t\t\t\t\tfeaturedImageURL,\n\t\t\t\t\t\tfeaturedImageAlt,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t{ mediaPosition !== 'right' && <div { ...innerBlocksProps } /> }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default MediaTextEdit;\n"],"mappings":"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","ignoreList":[]}

package/build/media-text/edit.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
@@ -17,6 +16,7 @@ var _icons = require("@wordpress/icons");
 var _constants = require("./constants");
 var _mediaContainer = _interopRequireDefault(require("./media-container"));
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -40,6 +40,7 @@ class MediaTextEdit extends _element.Component {
     super(...arguments);
     this.onSelectMedia = this.onSelectMedia.bind(this);
     this.onMediaUpdate = this.onMediaUpdate.bind(this);
+    this.onMediaThumbnailUpdate = this.onMediaThumbnailUpdate.bind(this);
     this.onWidthChange = this.onWidthChange.bind(this);
     this.commitWidthChange = this.commitWidthChange.bind(this);
     this.onLayoutChange = this.onLayoutChange.bind(this);
@@ -99,6 +100,14 @@ class MediaTextEdit extends _element.Component {
       mediaUrl: media.url
     });
   }
+  onMediaThumbnailUpdate(mediaUrl) {
+    const {
+      setAttributes
+    } = this.props;
+    setAttributes({
+      mediaUrl
+    });
+  }
   onWidthChange(width) {
     this.setState({
       mediaWidth: applyWidthConstraints(width)
@@ -163,13 +172,16 @@ class MediaTextEdit extends _element.Component {
     const {
       imageFill
     } = attributes;
-    return (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-      title: (0, _i18n.__)('Settings')
-    }, (0, _react.createElement)(_components.ToggleControl, {
-      label: (0, _i18n.__)('Crop image to fill'),
-      checked: imageFill,
-      onChange: this.onSetImageFill
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          label: (0, _i18n.__)('Crop image to fill'),
+          checked: imageFill,
+          onChange: this.onSetImageFill
+        })
+      })
+    });
   }
   renderMediaArea(shouldStack) {
     const {
@@ -193,12 +205,13 @@ class MediaTextEdit extends _element.Component {
     } = attributes;
     const mediaAreaWidth = mediaWidth && !shouldStack ? containerWidth * mediaWidth / 100 - _style.default.mediaAreaPadding.width : containerWidth;
     const aligmentStyles = _style.default[`is-vertically-aligned-${verticalAlignment || 'center'}`];
-    return (0, _react.createElement)(_mediaContainer.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mediaContainer.default, {
       commitWidthChange: this.commitWidthChange,
       isMediaSelected: isMediaSelected,
       onFocus: this.props.onFocus,
       onMediaSelected: this.onMediaSelected,
       onMediaUpdate: this.onMediaUpdate,
+      onMediaThumbnailUpdate: this.onMediaThumbnailUpdate,
       onSelectMedia: this.onSelectMedia,
       onSetOpenPickerRef: this.onSetOpenPickerRef,
       onWidthChange: this.onWidthChange,
@@ -288,28 +301,39 @@ class MediaTextEdit extends _element.Component {
         verticalAlignment: alignment
       });
     };
-    return (0, _react.createElement)(_react.Fragment, null, mediaType === _blockEditor.MEDIA_TYPE_IMAGE && this.getControls(), (0, _react.createElement)(_blockEditor.BlockControls, null, hasMedia && (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.Button, {
-      label: (0, _i18n.__)('Edit media'),
-      icon: _icons.replace,
-      onClick: this.onReplaceMedia
-    })), (!isMediaSelected || mediaType === _blockEditor.MEDIA_TYPE_VIDEO) && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToolbarGroup, {
-      controls: toolbarControls
-    }), (0, _react.createElement)(_blockEditor.BlockVerticalAlignmentToolbar, {
-      onChange: onVerticalAlignmentChange,
-      value: verticalAlignment
-    }))), (0, _react.createElement)(_reactNative.View, {
-      style: containerStyles,
-      onLayout: this.onLayoutChange
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: [(shouldStack || !imageFill) && {
-        width: widthString
-      }, mediaContainerStyle]
-    }, this.renderMediaArea(shouldStack)), (0, _react.createElement)(_reactNative.View, {
-      style: innerBlockContainerStyle
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks, {
-      template: TEMPLATE,
-      blockWidth: blockWidth
-    }))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [mediaType === _blockEditor.MEDIA_TYPE_IMAGE && this.getControls(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.BlockControls, {
+        children: [hasMedia && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            label: (0, _i18n.__)('Edit media'),
+            icon: _icons.replace,
+            onClick: this.onReplaceMedia
+          })
+        }), (!isMediaSelected || mediaType === _blockEditor.MEDIA_TYPE_VIDEO) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarGroup, {
+            controls: toolbarControls
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockVerticalAlignmentToolbar, {
+            onChange: onVerticalAlignmentChange,
+            value: verticalAlignment
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: containerStyles,
+        onLayout: this.onLayoutChange,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [(shouldStack || !imageFill) && {
+            width: widthString
+          }, mediaContainerStyle],
+          children: this.renderMediaArea(shouldStack)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: innerBlockContainerStyle,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks, {
+            template: TEMPLATE,
+            blockWidth: blockWidth
+          })
+        })]
+      })]
+    });
   }
 }
 var _default = exports.default = (0, _compose.compose)((0, _blockEditor.withColors)('backgroundColor'), (0, _data.withSelect)((select, {