@wordpress/block-library 8.34.0 → 9.0.0

package/build/loginout/edit.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LoginOutEdit;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -20,28 +20,35 @@ function LoginOutEdit({
     displayLoginAsForm,
     redirectToCurrent
   } = attributes;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Display login as form'),
-    checked: displayLoginAsForm,
-    onChange: () => setAttributes({
-      displayLoginAsForm: !displayLoginAsForm
-    })
-  }), (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Redirect to current URL'),
-    checked: redirectToCurrent,
-    onChange: () => setAttributes({
-      redirectToCurrent: !redirectToCurrent
-    })
-  }))), (0, _react.createElement)("div", {
-    ...(0, _blockEditor.useBlockProps)({
-      className: 'logged-in'
-    })
-  }, (0, _react.createElement)("a", {
-    href: "#login-pseudo-link"
-  }, (0, _i18n.__)('Log out'))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__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: (0, _i18n.__)('Display login as form'),
+          checked: displayLoginAsForm,
+          onChange: () => setAttributes({
+            displayLoginAsForm: !displayLoginAsForm
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Redirect to current URL'),
+          checked: redirectToCurrent,
+          onChange: () => setAttributes({
+            redirectToCurrent: !redirectToCurrent
+          })
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ...(0, _blockEditor.useBlockProps)({
+        className: 'logged-in'
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        href: "#login-pseudo-link",
+        children: (0, _i18n.__)('Log out')
+      })
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build/loginout/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_blockEditor","LoginOutEdit","attributes","setAttributes","displayLoginAsForm","redirectToCurrent","_react","createElement","Fragment","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","onChange","useBlockProps","className","href"],"sources":["@wordpress/block-library/src/loginout/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\n\nexport default function LoginOutEdit( { attributes, setAttributes } ) {\n\tconst { displayLoginAsForm, redirectToCurrent } = attributes;\n\n\treturn (\n\t\t<>\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={ __( 'Display login as form' ) }\n\t\t\t\t\t\tchecked={ displayLoginAsForm }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayLoginAsForm: ! displayLoginAsForm,\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\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Redirect to current URL' ) }\n\t\t\t\t\t\tchecked={ redirectToCurrent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tredirectToCurrent: ! redirectToCurrent,\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\t<div\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName: 'logged-in',\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<a href=\"#login-pseudo-link\">{ __( 'Log out' ) }</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKe,SAASG,YAAYA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACrE,MAAM;IAAEC,kBAAkB;IAAEC;EAAkB,CAAC,GAAGH,UAAU;EAE5D,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACP,YAAA,CAAAS,iBAAiB,QACjB,IAAAH,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAa,SAAS;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;EAAG,GACpC,IAAAN,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,uBAAwB,CAAG;IACvCI,OAAO,EAAGZ,kBAAoB;IAC9Ba,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;MACdC,kBAAkB,EAAE,CAAEA;IACvB,CAAE;EACF,CACD,CAAC,EACF,IAAAE,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAgB,aAAa;IACbC,uBAAuB;IACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,yBAA0B,CAAG;IACzCI,OAAO,EAAGX,iBAAmB;IAC7BY,QAAQ,EAAGA,CAAA,KACVd,aAAa,CAAE;MACdE,iBAAiB,EAAE,CAAEA;IACtB,CAAE;EACF,CACD,CACS,CACO,CAAC,EACpB,IAAAC,MAAA,CAAAC,aAAA;IAAA,GACM,IAAAW,0BAAa,EAAE;MACnBC,SAAS,EAAE;IACZ,CAAE;EAAC,GAEH,IAAAb,MAAA,CAAAC,aAAA;IAAGa,IAAI,EAAC;EAAoB,GAAG,IAAAR,QAAE,EAAE,SAAU,CAAM,CAC/C,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_blockEditor","_jsxRuntime","LoginOutEdit","attributes","setAttributes","displayLoginAsForm","redirectToCurrent","jsxs","Fragment","children","jsx","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","onChange","useBlockProps","className","href"],"sources":["@wordpress/block-library/src/loginout/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { InspectorControls, useBlockProps } from '@wordpress/block-editor';\n\nexport default function LoginOutEdit( { attributes, setAttributes } ) {\n\tconst { displayLoginAsForm, redirectToCurrent } = attributes;\n\n\treturn (\n\t\t<>\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={ __( 'Display login as form' ) }\n\t\t\t\t\t\tchecked={ displayLoginAsForm }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayLoginAsForm: ! displayLoginAsForm,\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\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Redirect to current URL' ) }\n\t\t\t\t\t\tchecked={ redirectToCurrent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tredirectToCurrent: ! redirectToCurrent,\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\t<div\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName: 'logged-in',\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<a href=\"#login-pseudo-link\">{ __( 'Log out' ) }</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA2E,IAAAG,WAAA,GAAAH,OAAA;AAL3E;AACA;AACA;;AAKe,SAASI,YAAYA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACrE,MAAM;IAAEC,kBAAkB;IAAEC;EAAkB,CAAC,GAAGH,UAAU;EAE5D,oBACC,IAAAF,WAAA,CAAAM,IAAA,EAAAN,WAAA,CAAAO,QAAA;IAAAC,QAAA,gBACC,IAAAR,WAAA,CAAAS,GAAA,EAACV,YAAA,CAAAW,iBAAiB;MAAAF,QAAA,eACjB,IAAAR,WAAA,CAAAM,IAAA,EAACV,WAAA,CAAAe,SAAS;QAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;QAAAL,QAAA,gBACpC,IAAAR,WAAA,CAAAS,GAAA,EAACb,WAAA,CAAAkB,aAAa;UACbC,uBAAuB;UACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,uBAAwB,CAAG;UACvCI,OAAO,EAAGb,kBAAoB;UAC9Bc,QAAQ,EAAGA,CAAA,KACVf,aAAa,CAAE;YACdC,kBAAkB,EAAE,CAAEA;UACvB,CAAE;QACF,CACD,CAAC,eACF,IAAAJ,WAAA,CAAAS,GAAA,EAACb,WAAA,CAAAkB,aAAa;UACbC,uBAAuB;UACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,yBAA0B,CAAG;UACzCI,OAAO,EAAGZ,iBAAmB;UAC7Ba,QAAQ,EAAGA,CAAA,KACVf,aAAa,CAAE;YACdE,iBAAiB,EAAE,CAAEA;UACtB,CAAE;QACF,CACD,CAAC;MAAA,CACQ;IAAC,CACM,CAAC,eACpB,IAAAL,WAAA,CAAAS,GAAA;MAAA,GACM,IAAAU,0BAAa,EAAE;QACnBC,SAAS,EAAE;MACZ,CAAE,CAAC;MAAAZ,QAAA,eAEH,IAAAR,WAAA,CAAAS,GAAA;QAAGY,IAAI,EAAC,oBAAoB;QAAAb,QAAA,EAAG,IAAAK,QAAE,EAAE,SAAU;MAAC,CAAK;IAAC,CAChD,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build/media-text/deprecated.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 _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -250,31 +250,32 @@ const v6 = {
     } = attributes;
     const mediaSizeSlug = attributes.mediaSizeSlug || _constants.DEFAULT_MEDIA_SIZE_SLUG;
     const newRel = !rel ? undefined : rel;
-    const imageClasses = (0, _classnames.default)({
+    const imageClasses = (0, _clsx.default)({
       [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
       [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
     });
-    let image = (0, _react.createElement)("img", {
+    let image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: imageClasses || null
     });
     if (href) {
-      image = (0, _react.createElement)("a", {
+      image = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => (0, _react.createElement)("video", {
+      video: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    const className = (0, _classnames.default)({
+    const className = (0, _clsx.default)({
       'has-media-on-the-right': 'right' === mediaPosition,
       'is-stacked-on-mobile': isStackedOnMobile,
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -289,33 +290,37 @@ const v6 = {
       gridTemplateColumns
     };
     if ('right' === mediaPosition) {
-      return (0, _react.createElement)("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         ..._blockEditor.useBlockProps.save({
           className,
           style
-        })
-      }, (0, _react.createElement)("div", {
-        ..._blockEditor.useInnerBlocksProps.save({
-          className: 'wp-block-media-text__content'
-        })
-      }), (0, _react.createElement)("figure", {
-        className: "wp-block-media-text__media",
-        style: backgroundStyles
-      }, (mediaTypeRenders[mediaType] || noop)()));
+        }),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ..._blockEditor.useInnerBlocksProps.save({
+            className: 'wp-block-media-text__content'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+          className: "wp-block-media-text__media",
+          style: backgroundStyles,
+          children: (mediaTypeRenders[mediaType] || noop)()
+        })]
+      });
     }
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className,
         style
-      })
-    }, (0, _react.createElement)("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    }));
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-media-text__content'
+        })
+      })]
+    });
   },
   migrate: migrateDefaultAlign,
   isEligible(attributes, innerBlocks, {
@@ -362,31 +367,32 @@ const v5 = {
     } = attributes;
     const mediaSizeSlug = attributes.mediaSizeSlug || _constants.DEFAULT_MEDIA_SIZE_SLUG;
     const newRel = !rel ? undefined : rel;
-    const imageClasses = (0, _classnames.default)({
+    const imageClasses = (0, _clsx.default)({
       [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
       [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
     });
-    let image = (0, _react.createElement)("img", {
+    let image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: imageClasses || null
     });
     if (href) {
-      image = (0, _react.createElement)("a", {
+      image = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => (0, _react.createElement)("video", {
+      video: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    const className = (0, _classnames.default)({
+    const className = (0, _clsx.default)({
       'has-media-on-the-right': 'right' === mediaPosition,
       'is-stacked-on-mobile': isStackedOnMobile,
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -401,33 +407,37 @@ const v5 = {
       gridTemplateColumns
     };
     if ('right' === mediaPosition) {
-      return (0, _react.createElement)("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         ..._blockEditor.useBlockProps.save({
           className,
           style
-        })
-      }, (0, _react.createElement)("div", {
-        ..._blockEditor.useInnerBlocksProps.save({
-          className: 'wp-block-media-text__content'
-        })
-      }), (0, _react.createElement)("figure", {
-        className: "wp-block-media-text__media",
-        style: backgroundStyles
-      }, (mediaTypeRenders[mediaType] || noop)()));
+        }),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ..._blockEditor.useInnerBlocksProps.save({
+            className: 'wp-block-media-text__content'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+          className: "wp-block-media-text__media",
+          style: backgroundStyles,
+          children: (mediaTypeRenders[mediaType] || noop)()
+        })]
+      });
     }
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className,
         style
-      })
-    }, (0, _react.createElement)("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    }));
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-media-text__content'
+        })
+      })]
+    });
   },
   migrate: migrateDefaultAlign
 };
@@ -458,31 +468,32 @@ const v4 = {
     } = attributes;
     const mediaSizeSlug = attributes.mediaSizeSlug || _constants.DEFAULT_MEDIA_SIZE_SLUG;
     const newRel = !rel ? undefined : rel;
-    const imageClasses = (0, _classnames.default)({
+    const imageClasses = (0, _clsx.default)({
       [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
       [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
     });
-    let image = (0, _react.createElement)("img", {
+    let image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: imageClasses || null
     });
     if (href) {
-      image = (0, _react.createElement)("a", {
+      image = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => (0, _react.createElement)("video", {
+      video: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         controls: true,
         src: mediaUrl
       })
     };
-    const className = (0, _classnames.default)({
+    const className = (0, _clsx.default)({
       'has-media-on-the-right': 'right' === mediaPosition,
       'is-stacked-on-mobile': isStackedOnMobile,
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -496,19 +507,21 @@ const v4 = {
     const style = {
       gridTemplateColumns
     };
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ..._blockEditor.useBlockProps.save({
         className,
         style
-      })
-    }, (0, _react.createElement)("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), (0, _react.createElement)("div", {
-      ..._blockEditor.useInnerBlocksProps.save({
-        className: 'wp-block-media-text__content'
-      })
-    }));
+      }),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ..._blockEditor.useInnerBlocksProps.save({
+          className: 'wp-block-media-text__content'
+        })
+      })]
+    });
   },
   migrate: migrateDefaultAlign
 };
@@ -591,28 +604,29 @@ const v3 = {
       rel
     } = attributes;
     const newRel = !rel ? undefined : rel;
-    let image = (0, _react.createElement)("img", {
+    let image = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       src: mediaUrl,
       alt: mediaAlt,
       className: mediaId && mediaType === 'image' ? `wp-image-${mediaId}` : null
     });
     if (href) {
-      image = (0, _react.createElement)("a", {
+      image = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         className: linkClass,
         href: href,
         target: linkTarget,
-        rel: newRel
-      }, image);
+        rel: newRel,
+        children: image
+      });
     }
     const mediaTypeRenders = {
       image: () => image,
-      video: () => (0, _react.createElement)("video", {
+      video: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         controls: true,
         src: mediaUrl
       })
     };
     const backgroundClass = (0, _blockEditor.getColorClassName)('background-color', backgroundColor);
-    const className = (0, _classnames.default)({
+    const className = (0, _clsx.default)({
       'has-media-on-the-right': 'right' === mediaPosition,
       'has-background': backgroundClass || customBackgroundColor,
       [backgroundClass]: backgroundClass,
@@ -629,15 +643,18 @@ const v3 = {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       gridTemplateColumns
     };
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: className,
-      style: style
-    }, (0, _react.createElement)("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), (0, _react.createElement)("div", {
-      className: "wp-block-media-text__content"
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-block-media-text__content",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+      })]
+    });
   }
 };
 
@@ -687,18 +704,18 @@ const v2 = {
       focalPoint
     } = attributes;
     const mediaTypeRenders = {
-      image: () => (0, _react.createElement)("img", {
+      image: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: mediaUrl,
         alt: mediaAlt,
         className: mediaId && mediaType === 'image' ? `wp-image-${mediaId}` : null
       }),
-      video: () => (0, _react.createElement)("video", {
+      video: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         controls: true,
         src: mediaUrl
       })
     };
     const backgroundClass = (0, _blockEditor.getColorClassName)('background-color', backgroundColor);
-    const className = (0, _classnames.default)({
+    const className = (0, _clsx.default)({
       'has-media-on-the-right': 'right' === mediaPosition,
       [backgroundClass]: backgroundClass,
       'is-stacked-on-mobile': isStackedOnMobile,
@@ -714,15 +731,18 @@ const v2 = {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       gridTemplateColumns
     };
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: className,
-      style: style
-    }, (0, _react.createElement)("figure", {
-      className: "wp-block-media-text__media",
-      style: backgroundStyles
-    }, (mediaTypeRenders[mediaType] || noop)()), (0, _react.createElement)("div", {
-      className: "wp-block-media-text__content"
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles,
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-block-media-text__content",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+      })]
+    });
   }
 };
 
@@ -759,17 +779,17 @@ const v1 = {
       mediaWidth
     } = attributes;
     const mediaTypeRenders = {
-      image: () => (0, _react.createElement)("img", {
+      image: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: mediaUrl,
         alt: mediaAlt
       }),
-      video: () => (0, _react.createElement)("video", {
+      video: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
         controls: true,
         src: mediaUrl
       })
     };
     const backgroundClass = (0, _blockEditor.getColorClassName)('background-color', backgroundColor);
-    const className = (0, _classnames.default)({
+    const className = (0, _clsx.default)({
       'has-media-on-the-right': 'right' === mediaPosition,
       [backgroundClass]: backgroundClass,
       'is-stacked-on-mobile': isStackedOnMobile
@@ -782,14 +802,17 @@ const v1 = {
       backgroundColor: backgroundClass ? undefined : customBackgroundColor,
       gridTemplateColumns
     };
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: className,
-      style: style
-    }, (0, _react.createElement)("figure", {
-      className: "wp-block-media-text__media"
-    }, (mediaTypeRenders[mediaType] || noop)()), (0, _react.createElement)("div", {
-      className: "wp-block-media-text__content"
-    }, (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null)));
+      style: style,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("figure", {
+        className: "wp-block-media-text__media",
+        children: (mediaTypeRenders[mediaType] || noop)()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "wp-block-media-text__content",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks.Content, {})
+      })]
+    });
   }
 };
 var _default = exports.default = [v6, v5, v4, v3, v2, v1];