@wordpress/block-library 8.35.0 → 9.0.0

package/build/comments-pagination-numbers/edit.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsPaginationNumbersEdit;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -14,34 +14,37 @@ const PaginationItem = ({
   content,
   tag: Tag = 'a',
   extraClass = ''
-}) => Tag === 'a' ? (0, _react.createElement)(Tag, {
+}) => Tag === 'a' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
   className: `page-numbers ${extraClass}`,
   href: "#comments-pagination-numbers-pseudo-link",
-  onClick: event => event.preventDefault()
-}, content) : (0, _react.createElement)(Tag, {
-  className: `page-numbers ${extraClass}`
-}, content);
+  onClick: event => event.preventDefault(),
+  children: content
+}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+  className: `page-numbers ${extraClass}`,
+  children: content
+});
 function CommentsPaginationNumbersEdit() {
-  return (0, _react.createElement)("div", {
-    ...(0, _blockEditor.useBlockProps)()
-  }, (0, _react.createElement)(PaginationItem, {
-    content: "1"
-  }), (0, _react.createElement)(PaginationItem, {
-    content: "2"
-  }), (0, _react.createElement)(PaginationItem, {
-    content: "3",
-    tag: "span",
-    extraClass: "current"
-  }), (0, _react.createElement)(PaginationItem, {
-    content: "4"
-  }), (0, _react.createElement)(PaginationItem, {
-    content: "5"
-  }), (0, _react.createElement)(PaginationItem, {
-    content: "...",
-    tag: "span",
-    extraClass: "dots"
-  }), (0, _react.createElement)(PaginationItem, {
-    content: "8"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ...(0, _blockEditor.useBlockProps)(),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+      content: "1"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+      content: "2"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+      content: "3",
+      tag: "span",
+      extraClass: "current"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+      content: "4"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+      content: "5"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+      content: "...",
+      tag: "span",
+      extraClass: "dots"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItem, {
+      content: "8"
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build/comments-pagination-numbers/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","PaginationItem","content","tag","Tag","extraClass","_react","createElement","className","href","onClick","event","preventDefault","CommentsPaginationNumbersEdit","useBlockProps"],"sources":["@wordpress/block-library/src/comments-pagination-numbers/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\nconst PaginationItem = ( { content, tag: Tag = 'a', extraClass = '' } ) =>\n\tTag === 'a' ? (\n\t\t<Tag\n\t\t\tclassName={ `page-numbers ${ extraClass }` }\n\t\t\thref=\"#comments-pagination-numbers-pseudo-link\"\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t>\n\t\t\t{ content }\n\t\t</Tag>\n\t) : (\n\t\t<Tag className={ `page-numbers ${ extraClass }` }>{ content }</Tag>\n\t);\n\nexport default function CommentsPaginationNumbersEdit() {\n\treturn (\n\t\t<div { ...useBlockProps() }>\n\t\t\t<PaginationItem content=\"1\" />\n\t\t\t<PaginationItem content=\"2\" />\n\t\t\t<PaginationItem content=\"3\" tag=\"span\" extraClass=\"current\" />\n\t\t\t<PaginationItem content=\"4\" />\n\t\t\t<PaginationItem content=\"5\" />\n\t\t\t<PaginationItem content=\"...\" tag=\"span\" extraClass=\"dots\" />\n\t\t\t<PaginationItem content=\"8\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,cAAc,GAAGA,CAAE;EAAEC,OAAO;EAAEC,GAAG,EAAEC,GAAG,GAAG,GAAG;EAAEC,UAAU,GAAG;AAAG,CAAC,KACpED,GAAG,KAAK,GAAG,GACV,IAAAE,MAAA,CAAAC,aAAA,EAACH,GAAG;EACHI,SAAS,EAAI,gBAAgBH,UAAY,EAAG;EAC5CI,IAAI,EAAC,0CAA0C;EAC/CC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC;AAAG,GAE7CV,OACE,CAAC,GAEN,IAAAI,MAAA,CAAAC,aAAA,EAACH,GAAG;EAACI,SAAS,EAAI,gBAAgBH,UAAY;AAAG,GAAGH,OAAc,CAClE;AAEa,SAASW,6BAA6BA,CAAA,EAAG;EACvD,OACC,IAAAP,MAAA,CAAAC,aAAA;IAAA,GAAU,IAAAO,0BAAa,EAAC;EAAC,GACxB,IAAAR,MAAA,CAAAC,aAAA,EAACN,cAAc;IAACC,OAAO,EAAC;EAAG,CAAE,CAAC,EAC9B,IAAAI,MAAA,CAAAC,aAAA,EAACN,cAAc;IAACC,OAAO,EAAC;EAAG,CAAE,CAAC,EAC9B,IAAAI,MAAA,CAAAC,aAAA,EAACN,cAAc;IAACC,OAAO,EAAC,GAAG;IAACC,GAAG,EAAC,MAAM;IAACE,UAAU,EAAC;EAAS,CAAE,CAAC,EAC9D,IAAAC,MAAA,CAAAC,aAAA,EAACN,cAAc;IAACC,OAAO,EAAC;EAAG,CAAE,CAAC,EAC9B,IAAAI,MAAA,CAAAC,aAAA,EAACN,cAAc;IAACC,OAAO,EAAC;EAAG,CAAE,CAAC,EAC9B,IAAAI,MAAA,CAAAC,aAAA,EAACN,cAAc;IAACC,OAAO,EAAC,KAAK;IAACC,GAAG,EAAC,MAAM;IAACE,UAAU,EAAC;EAAM,CAAE,CAAC,EAC7D,IAAAC,MAAA,CAAAC,aAAA,EAACN,cAAc;IAACC,OAAO,EAAC;EAAG,CAAE,CACzB,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_jsxRuntime","PaginationItem","content","tag","Tag","extraClass","jsx","className","href","onClick","event","preventDefault","children","CommentsPaginationNumbersEdit","jsxs","useBlockProps"],"sources":["@wordpress/block-library/src/comments-pagination-numbers/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useBlockProps } from '@wordpress/block-editor';\n\nconst PaginationItem = ( { content, tag: Tag = 'a', extraClass = '' } ) =>\n\tTag === 'a' ? (\n\t\t<Tag\n\t\t\tclassName={ `page-numbers ${ extraClass }` }\n\t\t\thref=\"#comments-pagination-numbers-pseudo-link\"\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t>\n\t\t\t{ content }\n\t\t</Tag>\n\t) : (\n\t\t<Tag className={ `page-numbers ${ extraClass }` }>{ content }</Tag>\n\t);\n\nexport default function CommentsPaginationNumbersEdit() {\n\treturn (\n\t\t<div { ...useBlockProps() }>\n\t\t\t<PaginationItem content=\"1\" />\n\t\t\t<PaginationItem content=\"2\" />\n\t\t\t<PaginationItem content=\"3\" tag=\"span\" extraClass=\"current\" />\n\t\t\t<PaginationItem content=\"4\" />\n\t\t\t<PaginationItem content=\"5\" />\n\t\t\t<PaginationItem content=\"...\" tag=\"span\" extraClass=\"dots\" />\n\t\t\t<PaginationItem content=\"8\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAAwD,IAAAC,WAAA,GAAAD,OAAA;AAHxD;AACA;AACA;;AAGA,MAAME,cAAc,GAAGA,CAAE;EAAEC,OAAO;EAAEC,GAAG,EAAEC,GAAG,GAAG,GAAG;EAAEC,UAAU,GAAG;AAAG,CAAC,KACpED,GAAG,KAAK,GAAG,gBACV,IAAAJ,WAAA,CAAAM,GAAA,EAACF,GAAG;EACHG,SAAS,EAAI,gBAAgBF,UAAY,EAAG;EAC5CG,IAAI,EAAC,0CAA0C;EAC/CC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;EAAAC,QAAA,EAE7CV;AAAO,CACL,CAAC,gBAEN,IAAAF,WAAA,CAAAM,GAAA,EAACF,GAAG;EAACG,SAAS,EAAI,gBAAgBF,UAAY,EAAG;EAAAO,QAAA,EAAGV;AAAO,CAAO,CAClE;AAEa,SAASW,6BAA6BA,CAAA,EAAG;EACvD,oBACC,IAAAb,WAAA,CAAAc,IAAA;IAAA,GAAU,IAAAC,0BAAa,EAAC,CAAC;IAAAH,QAAA,gBACxB,IAAAZ,WAAA,CAAAM,GAAA,EAACL,cAAc;MAACC,OAAO,EAAC;IAAG,CAAE,CAAC,eAC9B,IAAAF,WAAA,CAAAM,GAAA,EAACL,cAAc;MAACC,OAAO,EAAC;IAAG,CAAE,CAAC,eAC9B,IAAAF,WAAA,CAAAM,GAAA,EAACL,cAAc;MAACC,OAAO,EAAC,GAAG;MAACC,GAAG,EAAC,MAAM;MAACE,UAAU,EAAC;IAAS,CAAE,CAAC,eAC9D,IAAAL,WAAA,CAAAM,GAAA,EAACL,cAAc;MAACC,OAAO,EAAC;IAAG,CAAE,CAAC,eAC9B,IAAAF,WAAA,CAAAM,GAAA,EAACL,cAAc;MAACC,OAAO,EAAC;IAAG,CAAE,CAAC,eAC9B,IAAAF,WAAA,CAAAM,GAAA,EAACL,cAAc;MAACC,OAAO,EAAC,KAAK;MAACC,GAAG,EAAC,MAAM;MAACE,UAAU,EAAC;IAAM,CAAE,CAAC,eAC7D,IAAAL,WAAA,CAAAM,GAAA,EAACL,cAAc;MAACC,OAAO,EAAC;IAAG,CAAE,CAAC;EAAA,CAC1B,CAAC;AAER","ignoreList":[]}

package/build/comments-pagination-previous/edit.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CommentsPaginationPreviousEdit;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -26,21 +26,23 @@ function CommentsPaginationPreviousEdit({
   }
 }) {
   const displayArrow = arrowMap[paginationArrow];
-  return (0, _react.createElement)("a", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
     href: "#comments-pagination-previous-pseudo-link",
     onClick: event => event.preventDefault(),
-    ...(0, _blockEditor.useBlockProps)()
-  }, displayArrow && (0, _react.createElement)("span", {
-    className: `wp-block-comments-pagination-previous-arrow is-arrow-${paginationArrow}`
-  }, displayArrow), (0, _react.createElement)(_blockEditor.PlainText, {
-    __experimentalVersion: 2,
-    tagName: "span",
-    "aria-label": (0, _i18n.__)('Older comments page link'),
-    placeholder: (0, _i18n.__)('Older Comments'),
-    value: label,
-    onChange: newLabel => setAttributes({
-      label: newLabel
-    })
-  }));
+    ...(0, _blockEditor.useBlockProps)(),
+    children: [displayArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: `wp-block-comments-pagination-previous-arrow is-arrow-${paginationArrow}`,
+      children: displayArrow
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.PlainText, {
+      __experimentalVersion: 2,
+      tagName: "span",
+      "aria-label": (0, _i18n.__)('Older comments page link'),
+      placeholder: (0, _i18n.__)('Older Comments'),
+      value: label,
+      onChange: newLabel => setAttributes({
+        label: newLabel
+      })
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build/comments-pagination-previous/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","arrowMap","none","arrow","chevron","CommentsPaginationPreviousEdit","attributes","label","setAttributes","context","paginationArrow","displayArrow","_react","createElement","href","onClick","event","preventDefault","useBlockProps","className","PlainText","__experimentalVersion","tagName","__","placeholder","value","onChange","newLabel"],"sources":["@wordpress/block-library/src/comments-pagination-previous/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useBlockProps, PlainText } from '@wordpress/block-editor';\n\nconst arrowMap = {\n\tnone: '',\n\tarrow: '←',\n\tchevron: '«',\n};\n\nexport default function CommentsPaginationPreviousEdit( {\n\tattributes: { label },\n\tsetAttributes,\n\tcontext: { 'comments/paginationArrow': paginationArrow },\n} ) {\n\tconst displayArrow = arrowMap[ paginationArrow ];\n\treturn (\n\t\t<a\n\t\t\thref=\"#comments-pagination-previous-pseudo-link\"\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t{ ...useBlockProps() }\n\t\t>\n\t\t\t{ displayArrow && (\n\t\t\t\t<span\n\t\t\t\t\tclassName={ `wp-block-comments-pagination-previous-arrow is-arrow-${ paginationArrow }` }\n\t\t\t\t>\n\t\t\t\t\t{ displayArrow }\n\t\t\t\t</span>\n\t\t\t) }\n\t\t\t<PlainText\n\t\t\t\t__experimentalVersion={ 2 }\n\t\t\t\ttagName=\"span\"\n\t\t\t\taria-label={ __( 'Older comments page link' ) }\n\t\t\t\tplaceholder={ __( 'Older Comments' ) }\n\t\t\t\tvalue={ label }\n\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,QAAQ,GAAG;EAChBC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,GAAG;EACVC,OAAO,EAAE;AACV,CAAC;AAEc,SAASC,8BAA8BA,CAAE;EACvDC,UAAU,EAAE;IAAEC;EAAM,CAAC;EACrBC,aAAa;EACbC,OAAO,EAAE;IAAE,0BAA0B,EAAEC;EAAgB;AACxD,CAAC,EAAG;EACH,MAAMC,YAAY,GAAGV,QAAQ,CAAES,eAAe,CAAE;EAChD,OACC,IAAAE,MAAA,CAAAC,aAAA;IACCC,IAAI,EAAC,2CAA2C;IAChDC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;IAAA,GAC1C,IAAAC,0BAAa,EAAC;EAAC,GAElBP,YAAY,IACb,IAAAC,MAAA,CAAAC,aAAA;IACCM,SAAS,EAAI,wDAAwDT,eAAiB;EAAG,GAEvFC,YACG,CACN,EACD,IAAAC,MAAA,CAAAC,aAAA,EAACb,YAAA,CAAAoB,SAAS;IACTC,qBAAqB,EAAG,CAAG;IAC3BC,OAAO,EAAC,MAAM;IACd,cAAa,IAAAC,QAAE,EAAE,0BAA2B,CAAG;IAC/CC,WAAW,EAAG,IAAAD,QAAE,EAAE,gBAAiB,CAAG;IACtCE,KAAK,EAAGlB,KAAO;IACfmB,QAAQ,EAAKC,QAAQ,IACpBnB,aAAa,CAAE;MAAED,KAAK,EAAEoB;IAAS,CAAE;EACnC,CACD,CACC,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_blockEditor","_jsxRuntime","arrowMap","none","arrow","chevron","CommentsPaginationPreviousEdit","attributes","label","setAttributes","context","paginationArrow","displayArrow","jsxs","href","onClick","event","preventDefault","useBlockProps","children","jsx","className","PlainText","__experimentalVersion","tagName","__","placeholder","value","onChange","newLabel"],"sources":["@wordpress/block-library/src/comments-pagination-previous/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useBlockProps, PlainText } from '@wordpress/block-editor';\n\nconst arrowMap = {\n\tnone: '',\n\tarrow: '←',\n\tchevron: '«',\n};\n\nexport default function CommentsPaginationPreviousEdit( {\n\tattributes: { label },\n\tsetAttributes,\n\tcontext: { 'comments/paginationArrow': paginationArrow },\n} ) {\n\tconst displayArrow = arrowMap[ paginationArrow ];\n\treturn (\n\t\t<a\n\t\t\thref=\"#comments-pagination-previous-pseudo-link\"\n\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t{ ...useBlockProps() }\n\t\t>\n\t\t\t{ displayArrow && (\n\t\t\t\t<span\n\t\t\t\t\tclassName={ `wp-block-comments-pagination-previous-arrow is-arrow-${ paginationArrow }` }\n\t\t\t\t>\n\t\t\t\t\t{ displayArrow }\n\t\t\t\t</span>\n\t\t\t) }\n\t\t\t<PlainText\n\t\t\t\t__experimentalVersion={ 2 }\n\t\t\t\ttagName=\"span\"\n\t\t\t\taria-label={ __( 'Older comments page link' ) }\n\t\t\t\tplaceholder={ __( 'Older Comments' ) }\n\t\t\t\tvalue={ label }\n\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</a>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAmE,IAAAE,WAAA,GAAAF,OAAA;AAJnE;AACA;AACA;;AAIA,MAAMG,QAAQ,GAAG;EAChBC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,GAAG;EACVC,OAAO,EAAE;AACV,CAAC;AAEc,SAASC,8BAA8BA,CAAE;EACvDC,UAAU,EAAE;IAAEC;EAAM,CAAC;EACrBC,aAAa;EACbC,OAAO,EAAE;IAAE,0BAA0B,EAAEC;EAAgB;AACxD,CAAC,EAAG;EACH,MAAMC,YAAY,GAAGV,QAAQ,CAAES,eAAe,CAAE;EAChD,oBACC,IAAAV,WAAA,CAAAY,IAAA;IACCC,IAAI,EAAC,2CAA2C;IAChDC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;IAAA,GAC1C,IAAAC,0BAAa,EAAC,CAAC;IAAAC,QAAA,GAElBP,YAAY,iBACb,IAAAX,WAAA,CAAAmB,GAAA;MACCC,SAAS,EAAI,wDAAwDV,eAAiB,EAAG;MAAAQ,QAAA,EAEvFP;IAAY,CACT,CACN,eACD,IAAAX,WAAA,CAAAmB,GAAA,EAACpB,YAAA,CAAAsB,SAAS;MACTC,qBAAqB,EAAG,CAAG;MAC3BC,OAAO,EAAC,MAAM;MACd,cAAa,IAAAC,QAAE,EAAE,0BAA2B,CAAG;MAC/CC,WAAW,EAAG,IAAAD,QAAE,EAAE,gBAAiB,CAAG;MACtCE,KAAK,EAAGnB,KAAO;MACfoB,QAAQ,EAAKC,QAAQ,IACpBpB,aAAa,CAAE;QAAED,KAAK,EAAEqB;MAAS,CAAE;IACnC,CACD,CAAC;EAAA,CACA,CAAC;AAEN","ignoreList":[]}

package/build/comments-title/edit.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Edit;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
@@ -15,6 +14,7 @@ var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
 var _url = require("@wordpress/url");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -83,36 +83,40 @@ function Edit({
       setCommentsCount(0);
     });
   }, [postId]);
-  const blockControls = (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "block"
-  }, (0, _react.createElement)(_blockEditor.AlignmentControl, {
-    value: textAlign,
-    onChange: newAlign => setAttributes({
-      textAlign: newAlign
-    })
-  }), (0, _react.createElement)(_blockEditor.HeadingLevelDropdown, {
-    value: level,
-    onChange: newLevel => setAttributes({
-      level: newLevel
-    })
-  }));
-  const inspectorControls = (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.__)('Show post title'),
-    checked: showPostTitle,
-    onChange: value => setAttributes({
-      showPostTitle: value
-    })
-  }), (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Show comments count'),
-    checked: showCommentsCount,
-    onChange: value => setAttributes({
-      showCommentsCount: value
+  const blockControls = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.BlockControls, {
+    group: "block",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.AlignmentControl, {
+      value: textAlign,
+      onChange: newAlign => setAttributes({
+        textAlign: newAlign
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.HeadingLevelDropdown, {
+      value: level,
+      onChange: newLevel => setAttributes({
+        level: newLevel
+      })
+    })]
+  });
+  const inspectorControls = /*#__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.__)('Show post title'),
+        checked: showPostTitle,
+        onChange: value => setAttributes({
+          showPostTitle: value
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Show comments count'),
+        checked: showCommentsCount,
+        onChange: value => setAttributes({
+          showCommentsCount: value
+        })
+      })]
     })
-  })));
+  });
   const postTitle = isSiteEditor ? (0, _i18n.__)('“Post Title”') : `"${rawTitle}"`;
   let placeholder;
   if (showCommentsCount && commentsCount !== undefined) {
@@ -143,8 +147,11 @@ function Edit({
   } else {
     placeholder = (0, _i18n.__)('Responses');
   }
-  return (0, _react.createElement)(_react.Fragment, null, blockControls, inspectorControls, (0, _react.createElement)(TagName, {
-    ...blockProps
-  }, placeholder));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [blockControls, inspectorControls, /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
+      ...blockProps,
+      children: placeholder
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build/comments-title/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_i18n","_coreData","_components","_element","_data","_apiFetch","_url","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","useState","rawTitle","useEntityProp","isSiteEditor","blockProps","useBlockProps","className","clsx","threadCommentsDepth","threadComments","commentsPerPage","pageComments","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","useEffect","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","apiFetch","path","addQueryArgs","post","_fields","method","parse","then","res","headers","get","catch","blockControls","_react","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","HeadingLevelDropdown","newLevel","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined","sprintf","_n","Fragment"],"sources":["@wordpress/block-library/src/comments-title/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function Edit( {\n\tattributes: { textAlign, showPostTitle, showCommentsCount, level },\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst TagName = 'h' + level;\n\tconst [ commentsCount, setCommentsCount ] = useState();\n\tconst [ rawTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tconst isSiteEditor = typeof postId === 'undefined';\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst {\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( isSiteEditor ) {\n\t\t\t// Match the number of comments that will be shown in the comment-template/edit.js placeholder\n\n\t\t\tconst nestedCommentsNumber = threadComments\n\t\t\t\t? Math.min( threadCommentsDepth, 3 ) - 1\n\t\t\t\t: 0;\n\t\t\tconst topLevelCommentsNumber = pageComments ? commentsPerPage : 3;\n\n\t\t\tconst commentsNumber =\n\t\t\t\tparseInt( nestedCommentsNumber ) +\n\t\t\t\tparseInt( topLevelCommentsNumber );\n\n\t\t\tsetCommentsCount( Math.min( commentsNumber, 3 ) );\n\t\t\treturn;\n\t\t}\n\t\tconst currentPostId = postId;\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\tpost: postId,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\t\tif ( currentPostId === postId ) {\n\t\t\t\t\tsetCommentsCount(\n\t\t\t\t\t\tparseInt( res.headers.get( 'X-WP-Total' ) )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tsetCommentsCount( 0 );\n\t\t\t} );\n\t}, [ postId ] );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<HeadingLevelDropdown\n\t\t\t\tvalue={ level }\n\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\tchecked={ showPostTitle }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showPostTitle: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\tchecked={ showCommentsCount }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showCommentsCount: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst postTitle = isSiteEditor ? __( '“Post Title”' ) : `\"${ rawTitle }\"`;\n\n\tlet placeholder;\n\tif ( showCommentsCount && commentsCount !== undefined ) {\n\t\tif ( showPostTitle ) {\n\t\t\tif ( commentsCount === 1 ) {\n\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\tplaceholder = sprintf( __( 'One response to %s' ), postTitle );\n\t\t\t} else {\n\t\t\t\tplaceholder = sprintf(\n\t\t\t\t\t/* translators: 1: Number of comments, 2: Post title. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%1$s response to %2$s',\n\t\t\t\t\t\t'%1$s responses to %2$s',\n\t\t\t\t\t\tcommentsCount\n\t\t\t\t\t),\n\t\t\t\t\tcommentsCount,\n\t\t\t\t\tpostTitle\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( commentsCount === 1 ) {\n\t\t\tplaceholder = __( 'One response' );\n\t\t} else {\n\t\t\tplaceholder = sprintf(\n\t\t\t\t/* translators: %s: Number of comments. */\n\t\t\t\t_n( '%s response', '%s responses', commentsCount ),\n\t\t\t\tcommentsCount\n\t\t\t);\n\t\t}\n\t} else if ( showPostTitle ) {\n\t\tif ( commentsCount === 1 ) {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Response to %s' ), postTitle );\n\t\t} else {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Responses to %s' ), postTitle );\n\t\t}\n\t} else if ( commentsCount === 1 ) {\n\t\tplaceholder = __( 'Response' );\n\t} else {\n\t\tplaceholder = __( 'Responses' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName { ...blockProps }>{ placeholder }</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_i18n","_coreData","_components","_element","_data","_apiFetch","_url","_jsxRuntime","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","useState","rawTitle","useEntityProp","isSiteEditor","blockProps","useBlockProps","className","clsx","threadCommentsDepth","threadComments","commentsPerPage","pageComments","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","useEffect","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","apiFetch","path","addQueryArgs","post","_fields","method","parse","then","res","headers","get","catch","blockControls","jsxs","BlockControls","group","children","jsx","AlignmentControl","value","onChange","newAlign","HeadingLevelDropdown","newLevel","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined","sprintf","_n","Fragment"],"sources":["@wordpress/block-library/src/comments-title/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function Edit( {\n\tattributes: { textAlign, showPostTitle, showCommentsCount, level },\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst TagName = 'h' + level;\n\tconst [ commentsCount, setCommentsCount ] = useState();\n\tconst [ rawTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tconst isSiteEditor = typeof postId === 'undefined';\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst {\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( isSiteEditor ) {\n\t\t\t// Match the number of comments that will be shown in the comment-template/edit.js placeholder\n\n\t\t\tconst nestedCommentsNumber = threadComments\n\t\t\t\t? Math.min( threadCommentsDepth, 3 ) - 1\n\t\t\t\t: 0;\n\t\t\tconst topLevelCommentsNumber = pageComments ? commentsPerPage : 3;\n\n\t\t\tconst commentsNumber =\n\t\t\t\tparseInt( nestedCommentsNumber ) +\n\t\t\t\tparseInt( topLevelCommentsNumber );\n\n\t\t\tsetCommentsCount( Math.min( commentsNumber, 3 ) );\n\t\t\treturn;\n\t\t}\n\t\tconst currentPostId = postId;\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\tpost: postId,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\t\tif ( currentPostId === postId ) {\n\t\t\t\t\tsetCommentsCount(\n\t\t\t\t\t\tparseInt( res.headers.get( 'X-WP-Total' ) )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tsetCommentsCount( 0 );\n\t\t\t} );\n\t}, [ postId ] );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<HeadingLevelDropdown\n\t\t\t\tvalue={ level }\n\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\tchecked={ showPostTitle }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showPostTitle: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\tchecked={ showCommentsCount }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showCommentsCount: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst postTitle = isSiteEditor ? __( '“Post Title”' ) : `\"${ rawTitle }\"`;\n\n\tlet placeholder;\n\tif ( showCommentsCount && commentsCount !== undefined ) {\n\t\tif ( showPostTitle ) {\n\t\t\tif ( commentsCount === 1 ) {\n\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\tplaceholder = sprintf( __( 'One response to %s' ), postTitle );\n\t\t\t} else {\n\t\t\t\tplaceholder = sprintf(\n\t\t\t\t\t/* translators: 1: Number of comments, 2: Post title. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%1$s response to %2$s',\n\t\t\t\t\t\t'%1$s responses to %2$s',\n\t\t\t\t\t\tcommentsCount\n\t\t\t\t\t),\n\t\t\t\t\tcommentsCount,\n\t\t\t\t\tpostTitle\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( commentsCount === 1 ) {\n\t\t\tplaceholder = __( 'One response' );\n\t\t} else {\n\t\t\tplaceholder = sprintf(\n\t\t\t\t/* translators: %s: Number of comments. */\n\t\t\t\t_n( '%s response', '%s responses', commentsCount ),\n\t\t\t\tcommentsCount\n\t\t\t);\n\t\t}\n\t} else if ( showPostTitle ) {\n\t\tif ( commentsCount === 1 ) {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Response to %s' ), postTitle );\n\t\t} else {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Responses to %s' ), postTitle );\n\t\t}\n\t} else if ( commentsCount === 1 ) {\n\t\tplaceholder = __( 'Response' );\n\t} else {\n\t\tplaceholder = __( 'Responses' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName { ...blockProps }>{ placeholder }</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/cover/controls.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 _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
 var _components = require("@wordpress/components");
@@ -18,6 +17,7 @@ var _style = _interopRequireDefault(require("./style.scss"));
 var _overlayColorSettings = _interopRequireDefault(require("./overlay-color-settings"));
 var _focalPointSettingsButton = _interopRequireDefault(require("./focal-point-settings-button"));
 var _shared = require("./shared");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -113,7 +113,7 @@ function Controls({
     // Hide Video component since it has black background while loading the source
     opacity: displayPlaceholder ? 0 : 1
   }, _style.default.video, displayPlaceholder && _style.default.imagePlaceholder];
-  const focalPointHint = !hasParallax && !displayPlaceholder && (0, _react.createElement)(_components.Icon, {
+  const focalPointHint = !hasParallax && !displayPlaceholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: _icons.plus,
     size: _style.default.focalPointHint?.width,
     style: [_style.default.focalPointHint, focalPointPosition(focalPoint)]
@@ -121,117 +121,128 @@ function Controls({
   const renderMediaSection = ({
     open: openMediaOptions,
     getMediaOptions
-  }) => (0, _react.createElement)(_react.Fragment, null, getMediaOptions(), url ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BottomSheet.Cell, {
-    accessible: false,
-    cellContainerStyle: [_style.default.mediaPreview, mediaBackground]
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.mediaInner
-  }, _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_components.Image, {
-    editButton: !displayPlaceholder,
-    highlightSelected: false,
-    isSelected: !displayPlaceholder,
-    isUploadFailed: didUploadFail,
-    isUploadInProgress: isUploadInProgress,
-    mediaPickerOptions: [{
-      destructiveButton: true,
-      id: 'clearMedia',
-      label: (0, _i18n.__)('Clear Media'),
-      onPress: onClearMedia,
-      separated: true,
-      value: 'clearMedia'
-    }],
-    onImageDataLoad: () => {
-      setDisplayPlaceholder(false);
-    },
-    onSelectMediaUploadOption: onSelectMedia,
-    openMediaOptions: openMediaOptions,
-    url: url,
-    height: "100%",
-    style: imagePreviewStyles,
-    width: _style.default.image?.width
-  }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_reactNativeVideo.default, {
-    muted: true,
-    paused: true,
-    disableFocus: true,
-    onLoadStart: () => {
-      setDisplayPlaceholder(true);
-    },
-    onLoad: event => {
-      const {
-        height,
-        width
-      } = event.naturalSize;
-      setVideoNaturalSize({
-        height,
-        width
-      });
-      setDisplayPlaceholder(false);
-      // Avoid invisible, paused video on Android, presumably
-      // related to https://github.com/react-native-video/react-native-video/issues/1979
-      videoRef?.current.seek(0);
-    },
-    ref: videoRef,
-    resizeMode: 'cover',
-    source: {
-      uri: url
-    },
-    style: videoPreviewStyles
-  }), displayPlaceholder ? null : focalPointHint)), (0, _react.createElement)(_focalPointSettingsButton.default, {
-    disabled: hasParallax,
-    focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
-    onFocalPointChange: setFocalPoint,
-    url: url
-  }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_components.ToggleControl, {
-    label: (0, _i18n.__)('Fixed background'),
-    checked: hasParallax,
-    onChange: toggleParallax
-  }), (0, _react.createElement)(_components.TextControl, {
-    leftAlign: true,
-    label: (0, _i18n.__)('Clear Media'),
-    labelStyle: _style.default.clearMediaButton,
-    onPress: onClearMedia
-  })) : (0, _react.createElement)(_components.TextControl, {
-    accessibilityLabel: (0, _i18n.__)('Add image or video'),
-    label: (0, _i18n.__)('Add image or video'),
-    labelStyle: addMediaButtonStyle,
-    leftAlign: true,
-    onPress: openMediaOptions
-  }));
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Media')
-  }, (0, _react.createElement)(_blockEditor.MediaUpload, {
-    allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
-    isReplacingMedia: !hasOnlyColorBackground,
-    onSelect: onSelectMedia,
-    render: renderMediaSection
-  })), (0, _react.createElement)(_overlayColorSettings.default, {
-    overlayColor: attributes.overlayColor,
-    customOverlayColor: attributes.customOverlayColor,
-    gradient: attributes.gradient,
-    customGradient: attributes.customGradient,
-    setAttributes: setAttributes
-  }), url ? (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.RangeControl, {
-    label: (0, _i18n.__)('Opacity'),
-    minimumValue: 0,
-    maximumValue: 100,
-    value: dimRatio,
-    onChange: onOpacityChange,
-    style: _style.default.rangeCellContainer,
-    separatorType: 'topFullWidth'
-  })) : null, (0, _react.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Dimensions')
-  }, (0, _react.createElement)(_components.UnitControl, {
-    label: (0, _i18n.__)('Minimum height'),
-    min: minHeightUnit === 'px' ? _shared.COVER_MIN_HEIGHT : 1,
-    max: _shared.COVER_MAX_HEIGHT,
-    unit: minHeightUnit,
-    value: CONTAINER_HEIGHT,
-    onChange: onHeightChange,
-    onUnitChange: onChangeUnit,
-    units: units,
-    style: _style.default.rangeCellContainer,
-    key: minHeightUnit
-  })));
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [getMediaOptions(), url ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.Cell, {
+        accessible: false,
+        cellContainerStyle: [_style.default.mediaPreview, mediaBackground],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: _style.default.mediaInner,
+          children: [_shared.IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Image, {
+            editButton: !displayPlaceholder,
+            highlightSelected: false,
+            isSelected: !displayPlaceholder,
+            isUploadFailed: didUploadFail,
+            isUploadInProgress: isUploadInProgress,
+            mediaPickerOptions: [{
+              destructiveButton: true,
+              id: 'clearMedia',
+              label: (0, _i18n.__)('Clear Media'),
+              onPress: onClearMedia,
+              separated: true,
+              value: 'clearMedia'
+            }],
+            onImageDataLoad: () => {
+              setDisplayPlaceholder(false);
+            },
+            onSelectMediaUploadOption: onSelectMedia,
+            openMediaOptions: openMediaOptions,
+            url: url,
+            height: "100%",
+            style: imagePreviewStyles,
+            width: _style.default.image?.width
+          }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeVideo.default, {
+            muted: true,
+            paused: true,
+            disableFocus: true,
+            onLoadStart: () => {
+              setDisplayPlaceholder(true);
+            },
+            onLoad: event => {
+              const {
+                height,
+                width
+              } = event.naturalSize;
+              setVideoNaturalSize({
+                height,
+                width
+              });
+              setDisplayPlaceholder(false);
+              // Avoid invisible, paused video on Android, presumably
+              // related to https://github.com/react-native-video/react-native-video/issues/1979
+              videoRef?.current.seek(0);
+            },
+            ref: videoRef,
+            resizeMode: "cover",
+            source: {
+              uri: url
+            },
+            style: videoPreviewStyles
+          }), displayPlaceholder ? null : focalPointHint]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_focalPointSettingsButton.default, {
+        disabled: hasParallax,
+        focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
+        onFocalPointChange: setFocalPoint,
+        url: url
+      }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+        label: (0, _i18n.__)('Fixed background'),
+        checked: hasParallax,
+        onChange: toggleParallax
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+        leftAlign: true,
+        label: (0, _i18n.__)('Clear Media'),
+        labelStyle: _style.default.clearMediaButton,
+        onPress: onClearMedia
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+      accessibilityLabel: (0, _i18n.__)('Add image or video'),
+      label: (0, _i18n.__)('Add image or video'),
+      labelStyle: addMediaButtonStyle,
+      leftAlign: true,
+      onPress: openMediaOptions
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+      title: (0, _i18n.__)('Media'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
+        allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
+        isReplacingMedia: !hasOnlyColorBackground,
+        onSelect: onSelectMedia,
+        render: renderMediaSection
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlayColorSettings.default, {
+      overlayColor: attributes.overlayColor,
+      customOverlayColor: attributes.customOverlayColor,
+      gradient: attributes.gradient,
+      customGradient: attributes.customGradient,
+      setAttributes: setAttributes
+    }), url ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+        label: (0, _i18n.__)('Opacity'),
+        minimumValue: 0,
+        maximumValue: 100,
+        value: dimRatio,
+        onChange: onOpacityChange,
+        style: _style.default.rangeCellContainer,
+        separatorType: "topFullWidth"
+      })
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
+      title: (0, _i18n.__)('Dimensions'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.UnitControl, {
+        label: (0, _i18n.__)('Minimum height'),
+        min: minHeightUnit === 'px' ? _shared.COVER_MIN_HEIGHT : 1,
+        max: _shared.COVER_MAX_HEIGHT,
+        unit: minHeightUnit,
+        value: CONTAINER_HEIGHT,
+        onChange: onHeightChange,
+        onUnitChange: onChangeUnit,
+        units: units,
+        style: _style.default.rangeCellContainer
+      }, minHeightUnit)
+    })]
+  });
 }
 var _default = exports.default = Controls;
 //# sourceMappingURL=controls.native.js.map