@wordpress/block-library 8.34.0 → 9.0.0

package/build/post-featured-image/edit.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PostFeaturedImageEdit;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blob = require("@wordpress/blob");
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
@@ -19,6 +18,7 @@ var _notices = require("@wordpress/notices");
 var _dimensionControls = _interopRequireDefault(require("./dimension-controls"));
 var _overlayControls = _interopRequireDefault(require("./overlay-controls"));
 var _overlay = _interopRequireDefault(require("./overlay"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -103,7 +103,7 @@ function PostFeaturedImageEdit({
       height,
       aspectRatio
     },
-    className: (0, _classnames.default)({
+    className: (0, _clsx.default)({
       'is-transient': temporaryURL
     })
   });
@@ -111,16 +111,17 @@ function PostFeaturedImageEdit({
   const shadowProps = (0, _blockEditor.__experimentalGetShadowClassesAndStyles)(attributes);
   const blockEditingMode = (0, _blockEditor.useBlockEditingMode)();
   const placeholder = content => {
-    return (0, _react.createElement)(_components.Placeholder, {
-      className: (0, _classnames.default)('block-editor-media-placeholder', borderProps.className),
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+      className: (0, _clsx.default)('block-editor-media-placeholder', borderProps.className),
       withIllustration: true,
       style: {
         height: !!aspectRatio && '100%',
         width: !!aspectRatio && '100%',
         ...borderProps.style,
         ...shadowProps.style
-      }
-    }, content);
+      },
+      children: content
+    });
   };
   const onSelectImage = value => {
     if (value?.id) {
@@ -146,45 +147,54 @@ function PostFeaturedImageEdit({
     });
     setTemporaryURL();
   };
-  const controls = blockEditingMode === 'default' && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, {
-    group: "color"
-  }, (0, _react.createElement)(_overlayControls.default, {
-    attributes: attributes,
-    setAttributes: setAttributes,
-    clientId: clientId
-  })), (0, _react.createElement)(_blockEditor.InspectorControls, {
-    group: "dimensions"
-  }, (0, _react.createElement)(_dimensionControls.default, {
-    clientId: clientId,
-    attributes: attributes,
-    setAttributes: setAttributes,
-    media: media
-  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: postType?.labels.singular_name ? (0, _i18n.sprintf)(
-    // translators: %s: Name of the post type e.g: "Page".
-    (0, _i18n.__)('Link to %s'), postType.labels.singular_name) : (0, _i18n.__)('Link to post'),
-    onChange: () => setAttributes({
-      isLink: !isLink
-    }),
-    checked: isLink
-  }), isLink && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Open in new tab'),
-    onChange: value => setAttributes({
-      linkTarget: value ? '_blank' : '_self'
-    }),
-    checked: linkTarget === '_blank'
-  }), (0, _react.createElement)(_components.TextControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Link rel'),
-    value: rel,
-    onChange: newRel => setAttributes({
-      rel: newRel
-    })
-  })))));
+  const controls = blockEditingMode === 'default' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      group: "color",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlayControls.default, {
+        attributes: attributes,
+        setAttributes: setAttributes,
+        clientId: clientId
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      group: "dimensions",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dimensionControls.default, {
+        clientId: clientId,
+        attributes: attributes,
+        setAttributes: setAttributes,
+        media: media
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
+        title: (0, _i18n.__)('Settings'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: postType?.labels.singular_name ? (0, _i18n.sprintf)(
+          // translators: %s: Name of the post type e.g: "Page".
+          (0, _i18n.__)('Link to %s'), postType.labels.singular_name) : (0, _i18n.__)('Link to post'),
+          onChange: () => setAttributes({
+            isLink: !isLink
+          }),
+          checked: isLink
+        }), isLink && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Open in new tab'),
+            onChange: value => setAttributes({
+              linkTarget: value ? '_blank' : '_self'
+            }),
+            checked: linkTarget === '_blank'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+            __nextHasNoMarginBottom: true,
+            label: (0, _i18n.__)('Link rel'),
+            value: rel,
+            onChange: newRel => setAttributes({
+              rel: newRel
+            })
+          })]
+        })]
+      })
+    })]
+  });
   let image;
 
   /**
@@ -197,17 +207,21 @@ function PostFeaturedImageEdit({
    * in a template or template part).
    */
   if (!featuredImage && (isDescendentOfQueryLoop || !postId)) {
-    return (0, _react.createElement)(_react.Fragment, null, controls, (0, _react.createElement)("div", {
-      ...blockProps
-    }, !!isLink ? (0, _react.createElement)("a", {
-      href: postPermalink,
-      target: linkTarget,
-      ...disabledClickProps
-    }, placeholder()) : placeholder(), (0, _react.createElement)(_overlay.default, {
-      attributes: attributes,
-      setAttributes: setAttributes,
-      clientId: clientId
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [controls, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        ...blockProps,
+        children: [!!isLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          href: postPermalink,
+          target: linkTarget,
+          ...disabledClickProps,
+          children: placeholder()
+        }) : placeholder(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.default, {
+          attributes: attributes,
+          setAttributes: setAttributes,
+          clientId: clientId
+        })]
+      })]
+    });
   }
   const label = (0, _i18n.__)('Add a featured image');
   const imageStyles = {
@@ -226,7 +240,7 @@ function PostFeaturedImageEdit({
    * Then display the placeholder with the image upload option.
    */
   if (!featuredImage && !temporaryURL) {
-    image = (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
+    image = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaPlaceholder, {
       onSelect: onSelectImage,
       accept: "image/*",
       allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -235,7 +249,7 @@ function PostFeaturedImageEdit({
       mediaLibraryButton: ({
         open
       }) => {
-        return (0, _react.createElement)(_components.Button, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           icon: _icons.upload,
           variant: "primary",
           label: label,
@@ -249,14 +263,16 @@ function PostFeaturedImageEdit({
     });
   } else {
     // We have a Featured image so show a Placeholder if is loading.
-    image = !media && !temporaryURL ? placeholder() : (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("img", {
-      className: borderProps.className,
-      src: temporaryURL || mediaUrl,
-      alt: media && media?.alt_text ? (0, _i18n.sprintf)(
-      // translators: %s: The image's alt text.
-      (0, _i18n.__)('Featured image: %s'), media.alt_text) : (0, _i18n.__)('Featured image'),
-      style: imageStyles
-    }), temporaryURL && (0, _react.createElement)(_components.Spinner, null));
+    image = !media && !temporaryURL ? placeholder() : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        className: borderProps.className,
+        src: temporaryURL || mediaUrl,
+        alt: media && media?.alt_text ? (0, _i18n.sprintf)(
+        // translators: %s: The image's alt text.
+        (0, _i18n.__)('Featured image: %s'), media.alt_text) : (0, _i18n.__)('Featured image'),
+        style: imageStyles
+      }), temporaryURL && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})]
+    });
   }
 
   /**
@@ -265,27 +281,34 @@ function PostFeaturedImageEdit({
    * - Is not inside a query loop
    * Then display the image and the image replacement option.
    */
-  return (0, _react.createElement)(_react.Fragment, null, !temporaryURL && controls, !!media && !isDescendentOfQueryLoop && (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "other"
-  }, (0, _react.createElement)(_blockEditor.MediaReplaceFlow, {
-    mediaId: featuredImage,
-    mediaURL: mediaUrl,
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    accept: "image/*",
-    onSelect: onSelectImage,
-    onError: onUploadError
-  }, (0, _react.createElement)(_components.MenuItem, {
-    onClick: () => setFeaturedImage(0)
-  }, (0, _i18n.__)('Reset')))), (0, _react.createElement)("figure", {
-    ...blockProps
-  }, !!isLink ? (0, _react.createElement)("a", {
-    href: postPermalink,
-    target: linkTarget,
-    ...disabledClickProps
-  }, image) : image, (0, _react.createElement)(_overlay.default, {
-    attributes: attributes,
-    setAttributes: setAttributes,
-    clientId: clientId
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!temporaryURL && controls, !!media && !isDescendentOfQueryLoop && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      group: "other",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaReplaceFlow, {
+        mediaId: featuredImage,
+        mediaURL: mediaUrl,
+        allowedTypes: ALLOWED_MEDIA_TYPES,
+        accept: "image/*",
+        onSelect: onSelectImage,
+        onError: onUploadError,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+          onClick: () => setFeaturedImage(0),
+          children: (0, _i18n.__)('Reset')
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
+      ...blockProps,
+      children: [!!isLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: postPermalink,
+        target: linkTarget,
+        ...disabledClickProps,
+        children: image
+      }) : image, /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlay.default, {
+        attributes: attributes,
+        setAttributes: setAttributes,
+        clientId: clientId
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build/post-featured-image/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blob","_coreData","_data","_components","_blockEditor","_element","_i18n","_icons","_notices","_dimensionControls","_overlayControls","_overlay","ALLOWED_MEDIA_TYPES","getMediaSourceUrlBySizeSlug","media","slug","media_details","sizes","source_url","disabledClickProps","onClick","event","preventDefault","PostFeaturedImageEdit","clientId","attributes","setAttributes","context","postId","postType","postTypeSlug","queryId","isDescendentOfQueryLoop","Number","isFinite","isLink","aspectRatio","height","width","scale","sizeSlug","rel","linkTarget","useFirstImageFromPost","temporaryURL","setTemporaryURL","useState","storedFeaturedImage","setFeaturedImage","useEntityProp","postContent","featuredImage","useMemo","imageOpener","exec","imageId","groups","attrs","JSON","parse","id","postPermalink","useSelect","select","getMedia","getPostType","getEditedEntityRecord","coreStore","link","mediaUrl","blockProps","useBlockProps","style","className","classnames","borderProps","useBorderProps","shadowProps","getShadowClassesAndStyles","blockEditingMode","useBlockEditingMode","placeholder","content","_react","createElement","Placeholder","withIllustration","onSelectImage","value","url","isBlobURL","useEffect","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","controls","Fragment","InspectorControls","group","default","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","labels","singular_name","sprintf","onChange","checked","TextControl","newRel","image","href","target","imageStyles","objectFit","MediaPlaceholder","onSelect","accept","allowedTypes","onError","mediaLibraryButton","open","Button","icon","upload","variant","showTooltip","tooltipPosition","src","alt","alt_text","Spinner","BlockControls","MediaReplaceFlow","mediaId","mediaURL","MenuItem"],"sources":["@wordpress/block-library/src/post-featured-image/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tMenuItem,\n\tToggleControl,\n\tPanelBody,\n\tPlaceholder,\n\tButton,\n\tSpinner,\n\tTextControl,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tBlockControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useMemo, useEffect, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport DimensionControls from './dimension-controls';\nimport OverlayControls from './overlay-controls';\nimport Overlay from './overlay';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction getMediaSourceUrlBySizeSlug( media, slug ) {\n\treturn (\n\t\tmedia?.media_details?.sizes?.[ slug ]?.source_url || media?.source_url\n\t);\n}\n\nconst disabledClickProps = {\n\tonClick: ( event ) => event.preventDefault(),\n\t'aria-disabled': true,\n};\n\nexport default function PostFeaturedImageEdit( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\tcontext: { postId, postType: postTypeSlug, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst {\n\t\tisLink,\n\t\taspectRatio,\n\t\theight,\n\t\twidth,\n\t\tscale,\n\t\tsizeSlug,\n\t\trel,\n\t\tlinkTarget,\n\t\tuseFirstImageFromPost,\n\t} = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState();\n\n\tconst [ storedFeaturedImage, setFeaturedImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\t// Fallback to post content if no featured image is set.\n\t// This is needed for the \"Use first image from post\" option.\n\tconst [ postContent ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\t'content',\n\t\tpostId\n\t);\n\n\tconst featuredImage = useMemo( () => {\n\t\tif ( storedFeaturedImage ) {\n\t\t\treturn storedFeaturedImage;\n\t\t}\n\n\t\tif ( ! useFirstImageFromPost ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst imageOpener =\n\t\t\t/<!--\\s+wp:(?:core\\/)?image\\s+(?<attrs>{(?:(?:[^}]+|}+(?=})|(?!}\\s+\\/?-->).)*)?}\\s+)?-->/.exec(\n\t\t\t\tpostContent\n\t\t\t);\n\t\tconst imageId =\n\t\t\timageOpener?.groups?.attrs &&\n\t\t\tJSON.parse( imageOpener.groups.attrs )?.id;\n\t\treturn imageId;\n\t}, [ storedFeaturedImage, useFirstImageFromPost, postContent ] );\n\n\tconst { media, postType, postPermalink } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia, getPostType, getEditedEntityRecord } =\n\t\t\t\tselect( coreStore );\n\t\t\treturn {\n\t\t\t\tmedia:\n\t\t\t\t\tfeaturedImage &&\n\t\t\t\t\tgetMedia( featuredImage, {\n\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t} ),\n\t\t\t\tpostType: postTypeSlug && getPostType( postTypeSlug ),\n\t\t\t\tpostPermalink: getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostTypeSlug,\n\t\t\t\t\tpostId\n\t\t\t\t)?.link,\n\t\t\t};\n\t\t},\n\t\t[ featuredImage, postTypeSlug, postId ]\n\t);\n\n\tconst mediaUrl = getMediaSourceUrlBySizeSlug( media, sizeSlug );\n\n\tconst blockProps = useBlockProps( {\n\t\tstyle: { width, height, aspectRatio },\n\t\tclassName: classnames( {\n\t\t\t'is-transient': temporaryURL,\n\t\t} ),\n\t} );\n\tconst borderProps = useBorderProps( attributes );\n\tconst shadowProps = getShadowClassesAndStyles( attributes );\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'block-editor-media-placeholder',\n\t\t\t\t\tborderProps.className\n\t\t\t\t) }\n\t\t\t\twithIllustration\n\t\t\t\tstyle={ {\n\t\t\t\t\theight: !! aspectRatio && '100%',\n\t\t\t\t\twidth: !! aspectRatio && '100%',\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t...shadowProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst onSelectImage = ( value ) => {\n\t\tif ( value?.id ) {\n\t\t\tsetFeaturedImage( value.id );\n\t\t}\n\n\t\tif ( value?.url && isBlobURL( value.url ) ) {\n\t\t\tsetTemporaryURL( value.url );\n\t\t}\n\t};\n\n\t// Reset temporary url when media is available.\n\tuseEffect( () => {\n\t\tif ( mediaUrl && temporaryURL ) {\n\t\t\tsetTemporaryURL();\n\t\t}\n\t}, [ mediaUrl, temporaryURL ] );\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\tsetTemporaryURL();\n\t};\n\n\tconst controls = blockEditingMode === 'default' && (\n\t\t<>\n\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t<OverlayControls\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<DimensionControls\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tmedia={ media }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tpostType?.labels.singular_name\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Name of the post type e.g: \"Page\".\n\t\t\t\t\t\t\t\t\t\t__( 'Link to %s' ),\n\t\t\t\t\t\t\t\t\t\tpostType.labels.singular_name\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Link to post' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isLink && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\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\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\t\t\t\tvalue={ rel }\n\t\t\t\t\t\t\t\tonChange={ ( newRel ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { rel: newRel } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tlet image;\n\n\t/**\n\t * A Post Featured Image block should not have image replacement\n\t * or upload options in the following cases:\n\t * - Is placed in a Query Loop. This is a conscious decision to\n\t * prevent content editing of different posts in Query Loop, and\n\t * this could change in the future.\n\t * - Is in a context where it does not have a postId (for example\n\t * in a template or template part).\n\t */\n\tif ( ! featuredImage && ( isDescendentOfQueryLoop || ! postId ) ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t{ !! isLink ? (\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref={ postPermalink }\n\t\t\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\t\t\t{ ...disabledClickProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ placeholder() }\n\t\t\t\t\t\t</a>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tplaceholder()\n\t\t\t\t\t) }\n\t\t\t\t\t<Overlay\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst label = __( 'Add a featured image' );\n\tconst imageStyles = {\n\t\t...borderProps.style,\n\t\t...shadowProps.style,\n\t\theight: aspectRatio ? '100%' : height,\n\t\twidth: !! aspectRatio && '100%',\n\t\tobjectFit: !! ( height || aspectRatio ) && scale,\n\t};\n\n\t/**\n\t * When the post featured image block is placed in a context where:\n\t * - It has a postId (for example in a single post)\n\t * - It is not inside a query loop\n\t * - It has no image assigned yet\n\t * Then display the placeholder with the image upload option.\n\t */\n\tif ( ! featuredImage && ! temporaryURL ) {\n\t\timage = (\n\t\t\t<MediaPlaceholder\n\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\taccept=\"image/*\"\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonError={ onUploadError }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tmediaLibraryButton={ ( { open } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topen();\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\t\t\t/>\n\t\t);\n\t} else {\n\t\t// We have a Featured image so show a Placeholder if is loading.\n\t\timage =\n\t\t\t! media && ! temporaryURL ? (\n\t\t\t\tplaceholder()\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ borderProps.className }\n\t\t\t\t\t\tsrc={ temporaryURL || mediaUrl }\n\t\t\t\t\t\talt={\n\t\t\t\t\t\t\tmedia && media?.alt_text\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: The image's alt text.\n\t\t\t\t\t\t\t\t\t\t__( 'Featured image: %s' ),\n\t\t\t\t\t\t\t\t\t\tmedia.alt_text\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Featured image' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstyle={ imageStyles }\n\t\t\t\t\t/>\n\t\t\t\t\t{ temporaryURL && <Spinner /> }\n\t\t\t\t</>\n\t\t\t);\n\t}\n\n\t/**\n\t * When the post featured image block:\n\t * - Has an image assigned\n\t * - Is not inside a query loop\n\t * Then display the image and the image replacement option.\n\t */\n\treturn (\n\t\t<>\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ !! media && ! isDescendentOfQueryLoop && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ featuredImage }\n\t\t\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem onClick={ () => setFeaturedImage( 0 ) }>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MediaReplaceFlow>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /* If the featured image is linked, wrap in an <a /> tag to trigger any inherited link element styles */ }\n\t\t\t\t{ !! isLink ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={ postPermalink }\n\t\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\t\t{ ...disabledClickProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ image }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\timage\n\t\t\t\t) }\n\t\t\t\t<Overlay\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blob","_coreData","_data","_components","_blockEditor","_element","_i18n","_icons","_notices","_dimensionControls","_overlayControls","_overlay","_jsxRuntime","ALLOWED_MEDIA_TYPES","getMediaSourceUrlBySizeSlug","media","slug","media_details","sizes","source_url","disabledClickProps","onClick","event","preventDefault","PostFeaturedImageEdit","clientId","attributes","setAttributes","context","postId","postType","postTypeSlug","queryId","isDescendentOfQueryLoop","Number","isFinite","isLink","aspectRatio","height","width","scale","sizeSlug","rel","linkTarget","useFirstImageFromPost","temporaryURL","setTemporaryURL","useState","storedFeaturedImage","setFeaturedImage","useEntityProp","postContent","featuredImage","useMemo","imageOpener","exec","imageId","groups","attrs","JSON","parse","id","postPermalink","useSelect","select","getMedia","getPostType","getEditedEntityRecord","coreStore","link","mediaUrl","blockProps","useBlockProps","style","className","clsx","borderProps","useBorderProps","shadowProps","getShadowClassesAndStyles","blockEditingMode","useBlockEditingMode","placeholder","content","jsx","Placeholder","withIllustration","children","onSelectImage","value","url","isBlobURL","useEffect","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","controls","jsxs","Fragment","InspectorControls","group","default","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","labels","singular_name","sprintf","onChange","checked","TextControl","newRel","image","href","target","imageStyles","objectFit","MediaPlaceholder","onSelect","accept","allowedTypes","onError","mediaLibraryButton","open","Button","icon","upload","variant","showTooltip","tooltipPosition","src","alt","alt_text","Spinner","BlockControls","MediaReplaceFlow","mediaId","mediaURL","MenuItem"],"sources":["@wordpress/block-library/src/post-featured-image/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { isBlobURL } from '@wordpress/blob';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tMenuItem,\n\tToggleControl,\n\tPanelBody,\n\tPlaceholder,\n\tButton,\n\tSpinner,\n\tTextControl,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tBlockControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n\t__experimentalUseBorderProps as useBorderProps,\n\t__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,\n\tuseBlockEditingMode,\n} from '@wordpress/block-editor';\nimport { useMemo, useEffect, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport DimensionControls from './dimension-controls';\nimport OverlayControls from './overlay-controls';\nimport Overlay from './overlay';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction getMediaSourceUrlBySizeSlug( media, slug ) {\n\treturn (\n\t\tmedia?.media_details?.sizes?.[ slug ]?.source_url || media?.source_url\n\t);\n}\n\nconst disabledClickProps = {\n\tonClick: ( event ) => event.preventDefault(),\n\t'aria-disabled': true,\n};\n\nexport default function PostFeaturedImageEdit( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\tcontext: { postId, postType: postTypeSlug, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst {\n\t\tisLink,\n\t\taspectRatio,\n\t\theight,\n\t\twidth,\n\t\tscale,\n\t\tsizeSlug,\n\t\trel,\n\t\tlinkTarget,\n\t\tuseFirstImageFromPost,\n\t} = attributes;\n\tconst [ temporaryURL, setTemporaryURL ] = useState();\n\n\tconst [ storedFeaturedImage, setFeaturedImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\t// Fallback to post content if no featured image is set.\n\t// This is needed for the \"Use first image from post\" option.\n\tconst [ postContent ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\t'content',\n\t\tpostId\n\t);\n\n\tconst featuredImage = useMemo( () => {\n\t\tif ( storedFeaturedImage ) {\n\t\t\treturn storedFeaturedImage;\n\t\t}\n\n\t\tif ( ! useFirstImageFromPost ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst imageOpener =\n\t\t\t/<!--\\s+wp:(?:core\\/)?image\\s+(?<attrs>{(?:(?:[^}]+|}+(?=})|(?!}\\s+\\/?-->).)*)?}\\s+)?-->/.exec(\n\t\t\t\tpostContent\n\t\t\t);\n\t\tconst imageId =\n\t\t\timageOpener?.groups?.attrs &&\n\t\t\tJSON.parse( imageOpener.groups.attrs )?.id;\n\t\treturn imageId;\n\t}, [ storedFeaturedImage, useFirstImageFromPost, postContent ] );\n\n\tconst { media, postType, postPermalink } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia, getPostType, getEditedEntityRecord } =\n\t\t\t\tselect( coreStore );\n\t\t\treturn {\n\t\t\t\tmedia:\n\t\t\t\t\tfeaturedImage &&\n\t\t\t\t\tgetMedia( featuredImage, {\n\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t} ),\n\t\t\t\tpostType: postTypeSlug && getPostType( postTypeSlug ),\n\t\t\t\tpostPermalink: getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\tpostTypeSlug,\n\t\t\t\t\tpostId\n\t\t\t\t)?.link,\n\t\t\t};\n\t\t},\n\t\t[ featuredImage, postTypeSlug, postId ]\n\t);\n\n\tconst mediaUrl = getMediaSourceUrlBySizeSlug( media, sizeSlug );\n\n\tconst blockProps = useBlockProps( {\n\t\tstyle: { width, height, aspectRatio },\n\t\tclassName: clsx( {\n\t\t\t'is-transient': temporaryURL,\n\t\t} ),\n\t} );\n\tconst borderProps = useBorderProps( attributes );\n\tconst shadowProps = getShadowClassesAndStyles( attributes );\n\tconst blockEditingMode = useBlockEditingMode();\n\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'block-editor-media-placeholder',\n\t\t\t\t\tborderProps.className\n\t\t\t\t) }\n\t\t\t\twithIllustration\n\t\t\t\tstyle={ {\n\t\t\t\t\theight: !! aspectRatio && '100%',\n\t\t\t\t\twidth: !! aspectRatio && '100%',\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t\t...shadowProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst onSelectImage = ( value ) => {\n\t\tif ( value?.id ) {\n\t\t\tsetFeaturedImage( value.id );\n\t\t}\n\n\t\tif ( value?.url && isBlobURL( value.url ) ) {\n\t\t\tsetTemporaryURL( value.url );\n\t\t}\n\t};\n\n\t// Reset temporary url when media is available.\n\tuseEffect( () => {\n\t\tif ( mediaUrl && temporaryURL ) {\n\t\t\tsetTemporaryURL();\n\t\t}\n\t}, [ mediaUrl, temporaryURL ] );\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t\tsetTemporaryURL();\n\t};\n\n\tconst controls = blockEditingMode === 'default' && (\n\t\t<>\n\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t<OverlayControls\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<DimensionControls\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tmedia={ media }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tpostType?.labels.singular_name\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Name of the post type e.g: \"Page\".\n\t\t\t\t\t\t\t\t\t\t__( 'Link to %s' ),\n\t\t\t\t\t\t\t\t\t\tpostType.labels.singular_name\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Link to post' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isLink && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\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\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\t\t\t\tvalue={ rel }\n\t\t\t\t\t\t\t\tonChange={ ( newRel ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { rel: newRel } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\n\tlet image;\n\n\t/**\n\t * A Post Featured Image block should not have image replacement\n\t * or upload options in the following cases:\n\t * - Is placed in a Query Loop. This is a conscious decision to\n\t * prevent content editing of different posts in Query Loop, and\n\t * this could change in the future.\n\t * - Is in a context where it does not have a postId (for example\n\t * in a template or template part).\n\t */\n\tif ( ! featuredImage && ( isDescendentOfQueryLoop || ! postId ) ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t{ !! isLink ? (\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\thref={ postPermalink }\n\t\t\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\t\t\t{ ...disabledClickProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ placeholder() }\n\t\t\t\t\t\t</a>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tplaceholder()\n\t\t\t\t\t) }\n\t\t\t\t\t<Overlay\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst label = __( 'Add a featured image' );\n\tconst imageStyles = {\n\t\t...borderProps.style,\n\t\t...shadowProps.style,\n\t\theight: aspectRatio ? '100%' : height,\n\t\twidth: !! aspectRatio && '100%',\n\t\tobjectFit: !! ( height || aspectRatio ) && scale,\n\t};\n\n\t/**\n\t * When the post featured image block is placed in a context where:\n\t * - It has a postId (for example in a single post)\n\t * - It is not inside a query loop\n\t * - It has no image assigned yet\n\t * Then display the placeholder with the image upload option.\n\t */\n\tif ( ! featuredImage && ! temporaryURL ) {\n\t\timage = (\n\t\t\t<MediaPlaceholder\n\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\taccept=\"image/*\"\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonError={ onUploadError }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tmediaLibraryButton={ ( { open } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topen();\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\t\t\t/>\n\t\t);\n\t} else {\n\t\t// We have a Featured image so show a Placeholder if is loading.\n\t\timage =\n\t\t\t! media && ! temporaryURL ? (\n\t\t\t\tplaceholder()\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ borderProps.className }\n\t\t\t\t\t\tsrc={ temporaryURL || mediaUrl }\n\t\t\t\t\t\talt={\n\t\t\t\t\t\t\tmedia && media?.alt_text\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: The image's alt text.\n\t\t\t\t\t\t\t\t\t\t__( 'Featured image: %s' ),\n\t\t\t\t\t\t\t\t\t\tmedia.alt_text\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Featured image' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstyle={ imageStyles }\n\t\t\t\t\t/>\n\t\t\t\t\t{ temporaryURL && <Spinner /> }\n\t\t\t\t</>\n\t\t\t);\n\t}\n\n\t/**\n\t * When the post featured image block:\n\t * - Has an image assigned\n\t * - Is not inside a query loop\n\t * Then display the image and the image replacement option.\n\t */\n\treturn (\n\t\t<>\n\t\t\t{ ! temporaryURL && controls }\n\t\t\t{ !! media && ! isDescendentOfQueryLoop && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ featuredImage }\n\t\t\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem onClick={ () => setFeaturedImage( 0 ) }>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MediaReplaceFlow>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ /* If the featured image is linked, wrap in an <a /> tag to trigger any inherited link element styles */ }\n\t\t\t\t{ !! isLink ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={ postPermalink }\n\t\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\t\t{ ...disabledClickProps }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ image }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\timage\n\t\t\t\t) }\n\t\t\t\t<Overlay\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/post-featured-image/overlay-controls.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -31,48 +31,51 @@ const Overlay = ({
   if (!colorGradientSettings.hasColorsOrGradients) {
     return null;
   }
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
-    __experimentalIsRenderedInSidebar: true,
-    settings: [{
-      colorValue: overlayColor.color,
-      gradientValue,
-      label: (0, _i18n.__)('Overlay'),
-      onColorChange: setOverlayColor,
-      onGradientChange: setGradient,
-      isShownByDefault: true,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
+      __experimentalIsRenderedInSidebar: true,
+      settings: [{
+        colorValue: overlayColor.color,
+        gradientValue,
+        label: (0, _i18n.__)('Overlay'),
+        onColorChange: setOverlayColor,
+        onGradientChange: setGradient,
+        isShownByDefault: true,
+        resetAllFilter: () => ({
+          overlayColor: undefined,
+          customOverlayColor: undefined,
+          gradient: undefined,
+          customGradient: undefined
+        })
+      }],
+      panelId: clientId,
+      ...colorGradientSettings
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+      hasValue: () => dimRatio !== undefined,
+      label: (0, _i18n.__)('Overlay opacity'),
+      onDeselect: () => setAttributes({
+        dimRatio: 0
+      }),
       resetAllFilter: () => ({
-        overlayColor: undefined,
-        customOverlayColor: undefined,
-        gradient: undefined,
-        customGradient: undefined
+        dimRatio: 0
+      }),
+      isShownByDefault: true,
+      panelId: clientId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Overlay opacity'),
+        value: dimRatio,
+        onChange: newDimRatio => setAttributes({
+          dimRatio: newDimRatio
+        }),
+        min: 0,
+        max: 100,
+        step: 10,
+        required: true,
+        __next40pxDefaultSize: true
       })
-    }],
-    panelId: clientId,
-    ...colorGradientSettings
-  }), (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
-    hasValue: () => dimRatio !== undefined,
-    label: (0, _i18n.__)('Overlay opacity'),
-    onDeselect: () => setAttributes({
-      dimRatio: 0
-    }),
-    resetAllFilter: () => ({
-      dimRatio: 0
-    }),
-    isShownByDefault: true,
-    panelId: clientId
-  }, (0, _react.createElement)(_components.RangeControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Overlay opacity'),
-    value: dimRatio,
-    onChange: newDimRatio => setAttributes({
-      dimRatio: newDimRatio
-    }),
-    min: 0,
-    max: 100,
-    step: 10,
-    required: true,
-    __next40pxDefaultSize: true
-  })));
+    })]
+  });
 };
 var _default = exports.default = (0, _compose.compose)([(0, _blockEditor.withColors)({
   overlayColor: 'background-color'

package/build/post-featured-image/overlay-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_blockEditor","_compose","_i18n","Overlay","clientId","attributes","setAttributes","overlayColor","setOverlayColor","dimRatio","gradientValue","setGradient","useGradient","colorGradientSettings","useMultipleOriginColorsAndGradients","hasColorsOrGradients","_react","createElement","Fragment","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","label","__","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","undefined","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","__nextHasNoMarginBottom","value","onChange","newDimRatio","min","max","step","required","__next40pxDefaultSize","_default","exports","default","compose","withColors"],"sources":["@wordpress/block-library/src/post-featured-image/overlay-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRangeControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient as useGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\nconst Overlay = ( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\toverlayColor,\n\tsetOverlayColor,\n} ) => {\n\tconst { dimRatio } = attributes;\n\tconst { gradientValue, setGradient } = useGradient();\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tif ( ! colorGradientSettings.hasColorsOrGradients ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\tsettings={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tpanelId={ clientId }\n\t\t\t\t{ ...colorGradientSettings }\n\t\t\t/>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => dimRatio !== undefined }\n\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { dimRatio: 0 } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\tdimRatio: 0,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tdimRatio: newDimRatio,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ 100 }\n\t\t\t\t\tstep={ 10 }\n\t\t\t\t\trequired\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n};\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( Overlay );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAcA,MAAMI,OAAO,GAAGA,CAAE;EACjBC,QAAQ;EACRC,UAAU;EACVC,aAAa;EACbC,YAAY;EACZC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAS,CAAC,GAAGJ,UAAU;EAC/B,MAAM;IAAEK,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,sCAAW,EAAC,CAAC;EACpD,MAAMC,qBAAqB,GAAG,IAAAC,8DAAmC,EAAC,CAAC;EAEnE,IAAK,CAAED,qBAAqB,CAACE,oBAAoB,EAAG;IACnD,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAmB,2CAA6B;IAC7BC,iCAAiC;IACjCC,QAAQ,EAAG,CACV;MACCC,UAAU,EAAEf,YAAY,CAACgB,KAAK;MAC9Bb,aAAa;MACbc,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAU,CAAC;MACtBC,aAAa,EAAElB,eAAe;MAC9BmB,gBAAgB,EAAEhB,WAAW;MAC7BiB,gBAAgB,EAAE,IAAI;MACtBC,cAAc,EAAEA,CAAA,MAAQ;QACvBtB,YAAY,EAAEuB,SAAS;QACvBC,kBAAkB,EAAED,SAAS;QAC7BE,QAAQ,EAAEF,SAAS;QACnBG,cAAc,EAAEH;MACjB,CAAC;IACF,CAAC,CACC;IACHI,OAAO,EAAG9B,QAAU;IAAA,GACfS;EAAqB,CAC1B,CAAC,EACF,IAAAG,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAqC,4BAAc;IACdC,QAAQ,EAAGA,CAAA,KAAM3B,QAAQ,KAAKqB,SAAW;IACzCN,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;IACjCY,UAAU,EAAGA,CAAA,KAAM/B,aAAa,CAAE;MAAEG,QAAQ,EAAE;IAAE,CAAE,CAAG;IACrDoB,cAAc,EAAGA,CAAA,MAAQ;MACxBpB,QAAQ,EAAE;IACX,CAAC,CAAI;IACLmB,gBAAgB;IAChBM,OAAO,EAAG9B;EAAU,GAEpB,IAAAY,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAwC,YAAY;IACZC,uBAAuB;IACvBf,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;IACjCe,KAAK,EAAG/B,QAAU;IAClBgC,QAAQ,EAAKC,WAAW,IACvBpC,aAAa,CAAE;MACdG,QAAQ,EAAEiC;IACX,CAAE,CACF;IACDC,GAAG,EAAG,CAAG;IACTC,GAAG,EAAG,GAAK;IACXC,IAAI,EAAG,EAAI;IACXC,QAAQ;IACRC,qBAAqB;EAAA,CACrB,CACc,CACf,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,uBAAU,EAAE;EAAE7C,YAAY,EAAE;AAAmB,CAAE,CAAC,CACjD,CAAC,CAAEJ,OAAQ,CAAC","ignoreList":[]}
+{"version":3,"names":["_components","require","_blockEditor","_compose","_i18n","_jsxRuntime","Overlay","clientId","attributes","setAttributes","overlayColor","setOverlayColor","dimRatio","gradientValue","setGradient","useGradient","colorGradientSettings","useMultipleOriginColorsAndGradients","hasColorsOrGradients","jsxs","Fragment","children","jsx","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","label","__","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","undefined","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","__nextHasNoMarginBottom","value","onChange","newDimRatio","min","max","step","required","__next40pxDefaultSize","_default","exports","default","compose","withColors"],"sources":["@wordpress/block-library/src/post-featured-image/overlay-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRangeControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient as useGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\nconst Overlay = ( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\toverlayColor,\n\tsetOverlayColor,\n} ) => {\n\tconst { dimRatio } = attributes;\n\tconst { gradientValue, setGradient } = useGradient();\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tif ( ! colorGradientSettings.hasColorsOrGradients ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\tsettings={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tpanelId={ clientId }\n\t\t\t\t{ ...colorGradientSettings }\n\t\t\t/>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => dimRatio !== undefined }\n\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { dimRatio: 0 } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\tdimRatio: 0,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<RangeControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tdimRatio: newDimRatio,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ 100 }\n\t\t\t\t\tstep={ 10 }\n\t\t\t\t\trequired\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</>\n\t);\n};\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( Overlay );\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAqC,IAAAI,WAAA,GAAAJ,OAAA;AAdrC;AACA;AACA;;AAcA,MAAMK,OAAO,GAAGA,CAAE;EACjBC,QAAQ;EACRC,UAAU;EACVC,aAAa;EACbC,YAAY;EACZC;AACD,CAAC,KAAM;EACN,MAAM;IAAEC;EAAS,CAAC,GAAGJ,UAAU;EAC/B,MAAM;IAAEK,aAAa;IAAEC;EAAY,CAAC,GAAG,IAAAC,sCAAW,EAAC,CAAC;EACpD,MAAMC,qBAAqB,GAAG,IAAAC,8DAAmC,EAAC,CAAC;EAEnE,IAAK,CAAED,qBAAqB,CAACE,oBAAoB,EAAG;IACnD,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAb,WAAA,CAAAc,IAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAC,QAAA,gBACC,IAAAhB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,2CAA6B;MAC7BC,iCAAiC;MACjCC,QAAQ,EAAG,CACV;QACCC,UAAU,EAAEhB,YAAY,CAACiB,KAAK;QAC9Bd,aAAa;QACbe,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAU,CAAC;QACtBC,aAAa,EAAEnB,eAAe;QAC9BoB,gBAAgB,EAAEjB,WAAW;QAC7BkB,gBAAgB,EAAE,IAAI;QACtBC,cAAc,EAAEA,CAAA,MAAQ;UACvBvB,YAAY,EAAEwB,SAAS;UACvBC,kBAAkB,EAAED,SAAS;UAC7BE,QAAQ,EAAEF,SAAS;UACnBG,cAAc,EAAEH;QACjB,CAAC;MACF,CAAC,CACC;MACHI,OAAO,EAAG/B,QAAU;MAAA,GACfS;IAAqB,CAC1B,CAAC,eACF,IAAAX,WAAA,CAAAiB,GAAA,EAACtB,WAAA,CAAAuC,4BAAc;MACdC,QAAQ,EAAGA,CAAA,KAAM5B,QAAQ,KAAKsB,SAAW;MACzCN,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;MACjCY,UAAU,EAAGA,CAAA,KAAMhC,aAAa,CAAE;QAAEG,QAAQ,EAAE;MAAE,CAAE,CAAG;MACrDqB,cAAc,EAAGA,CAAA,MAAQ;QACxBrB,QAAQ,EAAE;MACX,CAAC,CAAI;MACLoB,gBAAgB;MAChBM,OAAO,EAAG/B,QAAU;MAAAc,QAAA,eAEpB,IAAAhB,WAAA,CAAAiB,GAAA,EAACtB,WAAA,CAAA0C,YAAY;QACZC,uBAAuB;QACvBf,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;QACjCe,KAAK,EAAGhC,QAAU;QAClBiC,QAAQ,EAAKC,WAAW,IACvBrC,aAAa,CAAE;UACdG,QAAQ,EAAEkC;QACX,CAAE,CACF;QACDC,GAAG,EAAG,CAAG;QACTC,GAAG,EAAG,GAAK;QACXC,IAAI,EAAG,EAAI;QACXC,QAAQ;QACRC,qBAAqB;MAAA,CACrB;IAAC,CACa,CAAC;EAAA,CAChB,CAAC;AAEL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,uBAAU,EAAE;EAAE9C,YAAY,EAAE;AAAmB,CAAE,CAAC,CACjD,CAAC,CAAEJ,OAAQ,CAAC","ignoreList":[]}

package/build/post-featured-image/overlay.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -43,9 +43,9 @@ const Overlay = ({
   if (!colorGradientSettings.hasColorsOrGradients || !dimRatio) {
     return null;
   }
-  return (0, _react.createElement)("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     "aria-hidden": "true",
-    className: (0, _classnames.default)('wp-block-post-featured-image__overlay', (0, _utils.dimRatioToClass)(dimRatio), {
+    className: (0, _clsx.default)('wp-block-post-featured-image__overlay', (0, _utils.dimRatioToClass)(dimRatio), {
       [overlayColor.class]: overlayColor.class,
       'has-background-dim': dimRatio !== undefined,
       'has-background-gradient': gradientValue,

package/build/post-featured-image/overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_compose","_utils","Overlay","attributes","overlayColor","dimRatio","gradientClass","gradientValue","__experimentalUseGradient","colorGradientSettings","useMultipleOriginColorsAndGradients","borderProps","useBorderProps","overlayStyles","backgroundColor","color","backgroundImage","style","hasColorsOrGradients","_react","createElement","className","classnames","dimRatioToClass","class","undefined","_default","exports","default","compose","withColors"],"sources":["@wordpress/block-library/src/post-featured-image/overlay.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\twithColors,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { dimRatioToClass } from './utils';\n\nconst Overlay = ( { attributes, overlayColor } ) => {\n\tconst { dimRatio } = attributes;\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst overlayStyles = {\n\t\tbackgroundColor: overlayColor.color,\n\t\tbackgroundImage: gradientValue,\n\t\t...borderProps.style,\n\t};\n\n\tif ( ! colorGradientSettings.hasColorsOrGradients || ! dimRatio ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<span\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={ classnames(\n\t\t\t\t'wp-block-post-featured-image__overlay',\n\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t{\n\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t},\n\t\t\t\tborderProps.className\n\t\t\t) }\n\t\t\tstyle={ overlayStyles }\n\t\t/>\n\t);\n};\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( Overlay );\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAGA,MAAMI,OAAO,GAAGA,CAAE;EAAEC,UAAU;EAAEC;AAAa,CAAC,KAAM;EACnD,MAAM;IAAEC;EAAS,CAAC,GAAGF,UAAU;EAC/B,MAAM;IAAEG,aAAa;IAAEC;EAAc,CAAC,GAAG,IAAAC,sCAAyB,EAAC,CAAC;EACpE,MAAMC,qBAAqB,GAAG,IAAAC,8DAAmC,EAAC,CAAC;EAEnE,MAAMC,WAAW,GAAG,IAAAC,yCAAc,EAAET,UAAW,CAAC;EAChD,MAAMU,aAAa,GAAG;IACrBC,eAAe,EAAEV,YAAY,CAACW,KAAK;IACnCC,eAAe,EAAET,aAAa;IAC9B,GAAGI,WAAW,CAACM;EAChB,CAAC;EAED,IAAK,CAAER,qBAAqB,CAACS,oBAAoB,IAAI,CAAEb,QAAQ,EAAG;IACjE,OAAO,IAAI;EACZ;EAEA,OACC,IAAAc,MAAA,CAAAC,aAAA;IACC,eAAY,MAAM;IAClBC,SAAS,EAAG,IAAAC,mBAAU,EACrB,uCAAuC,EACvC,IAAAC,sBAAe,EAAElB,QAAS,CAAC,EAC3B;MACC,CAAED,YAAY,CAACoB,KAAK,GAAIpB,YAAY,CAACoB,KAAK;MAC1C,oBAAoB,EAAEnB,QAAQ,KAAKoB,SAAS;MAC5C,yBAAyB,EAAElB,aAAa;MACxC,CAAED,aAAa,GAAIA;IACpB,CAAC,EACDK,WAAW,CAACU,SACb,CAAG;IACHJ,KAAK,EAAGJ;EAAe,CACvB,CAAC;AAEJ,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,uBAAU,EAAE;EAAE1B,YAAY,EAAE;AAAmB,CAAE,CAAC,CACjD,CAAC,CAAEF,OAAQ,CAAC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_compose","_utils","_jsxRuntime","Overlay","attributes","overlayColor","dimRatio","gradientClass","gradientValue","__experimentalUseGradient","colorGradientSettings","useMultipleOriginColorsAndGradients","borderProps","useBorderProps","overlayStyles","backgroundColor","color","backgroundImage","style","hasColorsOrGradients","jsx","className","clsx","dimRatioToClass","class","undefined","_default","exports","default","compose","withColors"],"sources":["@wordpress/block-library/src/post-featured-image/overlay.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\twithColors,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { dimRatioToClass } from './utils';\n\nconst Overlay = ( { attributes, overlayColor } ) => {\n\tconst { dimRatio } = attributes;\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst overlayStyles = {\n\t\tbackgroundColor: overlayColor.color,\n\t\tbackgroundImage: gradientValue,\n\t\t...borderProps.style,\n\t};\n\n\tif ( ! colorGradientSettings.hasColorsOrGradients || ! dimRatio ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<span\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={ clsx(\n\t\t\t\t'wp-block-post-featured-image__overlay',\n\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t{\n\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t},\n\t\t\t\tborderProps.className\n\t\t\t) }\n\t\t\tstyle={ overlayStyles }\n\t\t/>\n\t);\n};\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( Overlay );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AAA0C,IAAAI,WAAA,GAAAJ,OAAA;AAnB1C;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;;AAGA,MAAMK,OAAO,GAAGA,CAAE;EAAEC,UAAU;EAAEC;AAAa,CAAC,KAAM;EACnD,MAAM;IAAEC;EAAS,CAAC,GAAGF,UAAU;EAC/B,MAAM;IAAEG,aAAa;IAAEC;EAAc,CAAC,GAAG,IAAAC,sCAAyB,EAAC,CAAC;EACpE,MAAMC,qBAAqB,GAAG,IAAAC,8DAAmC,EAAC,CAAC;EAEnE,MAAMC,WAAW,GAAG,IAAAC,yCAAc,EAAET,UAAW,CAAC;EAChD,MAAMU,aAAa,GAAG;IACrBC,eAAe,EAAEV,YAAY,CAACW,KAAK;IACnCC,eAAe,EAAET,aAAa;IAC9B,GAAGI,WAAW,CAACM;EAChB,CAAC;EAED,IAAK,CAAER,qBAAqB,CAACS,oBAAoB,IAAI,CAAEb,QAAQ,EAAG;IACjE,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAJ,WAAA,CAAAkB,GAAA;IACC,eAAY,MAAM;IAClBC,SAAS,EAAG,IAAAC,aAAI,EACf,uCAAuC,EACvC,IAAAC,sBAAe,EAAEjB,QAAS,CAAC,EAC3B;MACC,CAAED,YAAY,CAACmB,KAAK,GAAInB,YAAY,CAACmB,KAAK;MAC1C,oBAAoB,EAAElB,QAAQ,KAAKmB,SAAS;MAC5C,yBAAyB,EAAEjB,aAAa;MACxC,CAAED,aAAa,GAAIA;IACpB,CAAC,EACDK,WAAW,CAACS,SACb,CAAG;IACHH,KAAK,EAAGJ;EAAe,CACvB,CAAC;AAEJ,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa,IAAAC,gBAAO,EAAE,CACvB,IAAAC,uBAAU,EAAE;EAAEzB,YAAY,EAAE;AAAmB,CAAE,CAAC,CACjD,CAAC,CAAEF,OAAQ,CAAC","ignoreList":[]}