@wordpress/block-library 6.0.1-next.253d9b6e21.0 → 6.0.3

package/build-module/comment-template/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-template/edit.js"],"names":["useState","useMemo","useSelect","__","BlockContextProvider","BlockPreview","useBlockProps","useInnerBlocksProps","store","blockEditorStore","Spinner","coreStore","TEMPLATE","CommentTemplateInnerBlocks","innerBlocksProps","template","CommentTemplateEdit","clientId","context","postId","queryPerPage","blockProps","activeBlockContext","setActiveBlockContext","comments","blocks","select","getEntityRecords","getBlocks","post","status","per_page","order","blockContexts","map","comment","commentId","id","length","blockContext"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockContextProvider,\n\tBlockPreview,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Spinner } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\n\nconst TEMPLATE = [\n\t[ 'core/comment-author-avatar' ],\n\t[ 'core/comment-author-name' ],\n\t[ 'core/comment-date' ],\n\t[ 'core/comment-content' ],\n\t[ 'core/comment-reply-link' ],\n\t[ 'core/comment-edit-link' ],\n];\n\nfunction CommentTemplateInnerBlocks() {\n\tconst innerBlocksProps = useInnerBlocksProps( {}, { template: TEMPLATE } );\n\treturn <li { ...innerBlocksProps } />;\n}\n\nexport default function CommentTemplateEdit( {\n\tclientId,\n\tcontext: { postId, queryPerPage },\n} ) {\n\tconst blockProps = useBlockProps();\n\n\tconst [ activeBlockContext, setActiveBlockContext ] = useState();\n\n\tconst { comments, blocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst { getBlocks } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\tcomments: getEntityRecords( 'root', 'comment', {\n\t\t\t\t\tpost: postId,\n\t\t\t\t\tstatus: 'approve',\n\t\t\t\t\tper_page: queryPerPage,\n\t\t\t\t\torder: 'asc',\n\t\t\t\t} ),\n\t\t\t\tblocks: getBlocks( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ queryPerPage, postId, clientId ]\n\t);\n\n\tconst blockContexts = useMemo(\n\t\t() => comments?.map( ( comment ) => ( { commentId: comment.id } ) ),\n\t\t[ comments ]\n\t);\n\n\tif ( ! comments ) {\n\t\treturn (\n\t\t\t<p { ...blockProps }>\n\t\t\t\t<Spinner />\n\t\t\t</p>\n\t\t);\n\t}\n\n\tif ( ! comments.length ) {\n\t\treturn <p { ...blockProps }> { __( 'No results found.' ) }</p>;\n\t}\n\n\treturn (\n\t\t<ul { ...blockProps }>\n\t\t\t{ blockContexts &&\n\t\t\t\tblockContexts.map( ( blockContext ) => (\n\t\t\t\t\t<BlockContextProvider\n\t\t\t\t\t\tkey={ blockContext.commentId }\n\t\t\t\t\t\tvalue={ blockContext }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockContext ===\n\t\t\t\t\t\t( activeBlockContext || blockContexts[ 0 ] ) ? (\n\t\t\t\t\t\t\t<CommentTemplateInnerBlocks />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\t\t\t__experimentalLive\n\t\t\t\t\t\t\t\t\t__experimentalOnClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetActiveBlockContext( blockContext )\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</li>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</BlockContextProvider>\n\t\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n"]}

package/build-module/comment-template/index.js

@@ -0,0 +1,35 @@
+/**
+ * WordPress dependencies
+ */
+import { layout as icon } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+
+const metadata = {
+  apiVersion: 2,
+  name: "core/comment-template",
+  title: "Comment Template",
+  category: "design",
+  parent: ["core/comments-query-loop"],
+  description: "Contains the block elements used to render a comment, like the title, date, author, avatar and more.",
+  textdomain: "default",
+  usesContext: ["queryId", "queryPerPage", "postId"],
+  supports: {
+    reusable: false,
+    html: false,
+    align: true
+  }
+};
+import edit from './edit';
+import save from './save';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  icon,
+  edit,
+  save
+};
+//# sourceMappingURL=index.js.map

package/build-module/comment-template/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-template/index.js"],"names":["layout","icon","edit","save","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,IAAIC,IAAnB,QAA+B,kBAA/B;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBL,EAAAA,IADuB;AAEvBC,EAAAA,IAFuB;AAGvBC,EAAAA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { layout as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n"]}

package/build-module/comment-template/save.js

@@ -0,0 +1,10 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { InnerBlocks } from '@wordpress/block-editor';
+export default function CommentTemplateSave() {
+  return createElement(InnerBlocks.Content, null);
+}
+//# sourceMappingURL=save.js.map

package/build-module/comment-template/save.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comment-template/save.js"],"names":["InnerBlocks","CommentTemplateSave"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,yBAA5B;AAEA,eAAe,SAASC,mBAAT,GAA+B;AAC7C,SAAO,cAAC,WAAD,CAAa,OAAb,OAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function CommentTemplateSave() {\n\treturn <InnerBlocks.Content />;\n}\n"]}

package/build-module/comments-query-loop/edit.js

@@ -0,0 +1,50 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { BlockControls, InspectorControls, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import { SelectControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+/**
+ * Internal dependencies
+ */
+
+import QueryToolbar from './toolbar';
+const TEMPLATE = [['core/comment-template']];
+export default function CommentsQueryLoopEdit({
+  attributes,
+  setAttributes
+}) {
+  const {
+    queryPerPage,
+    tagName: TagName
+  } = attributes;
+  const blockProps = useBlockProps();
+  const innerBlocksProps = useInnerBlocksProps(blockProps, {
+    template: TEMPLATE
+  });
+  return createElement(Fragment, null, createElement(BlockControls, null, createElement(QueryToolbar, {
+    queryPerPage: queryPerPage,
+    setQuery: setAttributes
+  })), createElement(InspectorControls, {
+    __experimentalGroup: "advanced"
+  }, createElement(SelectControl, {
+    label: __('HTML element'),
+    options: [{
+      label: __('Default (<div>)'),
+      value: 'div'
+    }, {
+      label: '<section>',
+      value: 'section'
+    }, {
+      label: '<aside>',
+      value: 'aside'
+    }],
+    value: TagName,
+    onChange: value => setAttributes({
+      tagName: value
+    })
+  })), createElement(TagName, innerBlocksProps));
+}
+//# sourceMappingURL=edit.js.map

package/build-module/comments-query-loop/edit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/edit.js"],"names":["BlockControls","InspectorControls","useBlockProps","useInnerBlocksProps","SelectControl","__","QueryToolbar","TEMPLATE","CommentsQueryLoopEdit","attributes","setAttributes","queryPerPage","tagName","TagName","blockProps","innerBlocksProps","template","label","value"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,aADD,EAECC,iBAFD,EAGCC,aAHD,EAICC,mBAJD,QAKO,yBALP;AAMA,SAASC,aAAT,QAA8B,uBAA9B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,WAAzB;AAEA,MAAMC,QAAQ,GAAG,CAAE,CAAE,uBAAF,CAAF,CAAjB;AAEA,eAAe,SAASC,qBAAT,CAAgC;AAAEC,EAAAA,UAAF;AAAcC,EAAAA;AAAd,CAAhC,EAAgE;AAC9E,QAAM;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,OAAO,EAAEC;AAAzB,MAAqCJ,UAA3C;AAEA,QAAMK,UAAU,GAAGZ,aAAa,EAAhC;AACA,QAAMa,gBAAgB,GAAGZ,mBAAmB,CAAEW,UAAF,EAAc;AACzDE,IAAAA,QAAQ,EAAET;AAD+C,GAAd,CAA5C;AAIA,SACC,8BACC,cAAC,aAAD,QACC,cAAC,YAAD;AACC,IAAA,YAAY,EAAGI,YADhB;AAEC,IAAA,QAAQ,EAAGD;AAFZ,IADD,CADD,EAOC,cAAC,iBAAD;AAAmB,IAAA,mBAAmB,EAAC;AAAvC,KACC,cAAC,aAAD;AACC,IAAA,KAAK,EAAGL,EAAE,CAAE,cAAF,CADX;AAEC,IAAA,OAAO,EAAG,CACT;AAAEY,MAAAA,KAAK,EAAEZ,EAAE,CAAE,iBAAF,CAAX;AAAkCa,MAAAA,KAAK,EAAE;AAAzC,KADS,EAET;AAAED,MAAAA,KAAK,EAAE,WAAT;AAAsBC,MAAAA,KAAK,EAAE;AAA7B,KAFS,EAGT;AAAED,MAAAA,KAAK,EAAE,SAAT;AAAoBC,MAAAA,KAAK,EAAE;AAA3B,KAHS,CAFX;AAOC,IAAA,KAAK,EAAGL,OAPT;AAQC,IAAA,QAAQ,EAAKK,KAAF,IACVR,aAAa,CAAE;AAAEE,MAAAA,OAAO,EAAEM;AAAX,KAAF;AATf,IADD,CAPD,EAqBC,cAAC,OAAD,EAAcH,gBAAd,CArBD,CADD;AAyBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport QueryToolbar from './toolbar';\n\nconst TEMPLATE = [ [ 'core/comment-template' ] ];\n\nexport default function CommentsQueryLoopEdit( { attributes, setAttributes } ) {\n\tconst { queryPerPage, tagName: TagName } = attributes;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<QueryToolbar\n\t\t\t\t\tqueryPerPage={ queryPerPage }\n\t\t\t\t\tsetQuery={ setAttributes }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls __experimentalGroup=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<TagName { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"]}

package/build-module/comments-query-loop/index.js

@@ -0,0 +1,53 @@
+/**
+ * WordPress dependencies
+ */
+import { postComments as icon } from '@wordpress/icons';
+/**
+ * Internal dependencies
+ */
+
+const metadata = {
+  apiVersion: 2,
+  name: "core/comments-query-loop",
+  title: "Comments Query Loop",
+  category: "theme",
+  description: "An advanced block that allows displaying post comments based on different query parameters and visual configurations.",
+  textdomain: "default",
+  attributes: {
+    queryId: {
+      type: "number"
+    },
+    queryPerPage: {
+      type: "number",
+      "default": 4
+    },
+    tagName: {
+      type: "string",
+      "default": "div"
+    }
+  },
+  providesContext: {
+    queryId: "queryId",
+    queryPerPage: "queryPerPage"
+  },
+  supports: {
+    align: ["wide", "full"],
+    html: false,
+    color: {
+      gradients: true,
+      link: true
+    }
+  }
+};
+import edit from './edit';
+import save from './save';
+const {
+  name
+} = metadata;
+export { metadata, name };
+export const settings = {
+  icon,
+  edit,
+  save
+};
+//# sourceMappingURL=index.js.map

package/build-module/comments-query-loop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/index.js"],"names":["postComments","icon","edit","save","name","metadata","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,IAAIC,IAAzB,QAAqC,kBAArC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AACA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBL,EAAAA,IADuB;AAEvBC,EAAAA,IAFuB;AAGvBC,EAAAA;AAHuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { postComments as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n};\n"]}

package/build-module/comments-query-loop/save.js

@@ -0,0 +1,14 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
+export default function CommentsQueryLoopSave({
+  attributes: {
+    tagName: Tag
+  }
+}) {
+  return createElement(Tag, useBlockProps.save(), createElement(InnerBlocks.Content, null));
+}
+//# sourceMappingURL=save.js.map

package/build-module/comments-query-loop/save.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/save.js"],"names":["InnerBlocks","useBlockProps","CommentsQueryLoopSave","attributes","tagName","Tag","save"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,aAAtB,QAA2C,yBAA3C;AAEA,eAAe,SAASC,qBAAT,CAAgC;AAC9CC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,OAAO,EAAEC;AAAX;AADkC,CAAhC,EAEX;AACH,SACC,cAAC,GAAD,EAAUJ,aAAa,CAACK,IAAd,EAAV,EACC,cAAC,WAAD,CAAa,OAAb,OADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\nexport default function CommentsQueryLoopSave( {\n\tattributes: { tagName: Tag },\n} ) {\n\treturn (\n\t\t<Tag { ...useBlockProps.save() }>\n\t\t\t<InnerBlocks.Content />\n\t\t</Tag>\n\t);\n}\n"]}

package/build-module/comments-query-loop/toolbar.js

@@ -0,0 +1,44 @@
+import { createElement, Fragment } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { ToolbarGroup, Dropdown, ToolbarButton, BaseControl, __experimentalNumberControl as NumberControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { settings } from '@wordpress/icons';
+export default function CommentsQueryLoopToolbar({
+  queryPerPage,
+  setQuery
+}) {
+  return createElement(ToolbarGroup, null, createElement(Dropdown, {
+    renderToggle: ({
+      onToggle
+    }) => createElement(ToolbarButton, {
+      icon: settings,
+      label: __('Display settings'),
+      onClick: onToggle
+    }),
+    renderContent: () => createElement(Fragment, null, createElement(BaseControl, null, createElement(NumberControl, {
+      __unstableInputWidth: "60px",
+      label: __('Items per Page'),
+      labelPosition: "edge",
+      min: 1,
+      max: 100,
+      onChange: value => {
+        const num = parseInt(value, 10);
+
+        if (isNaN(num) || num < 1 || num > 100) {
+          return;
+        }
+
+        setQuery({
+          queryPerPage: num
+        });
+      },
+      step: "1",
+      value: queryPerPage,
+      isDragEnabled: false
+    })))
+  }));
+}
+//# sourceMappingURL=toolbar.js.map

package/build-module/comments-query-loop/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/toolbar.js"],"names":["ToolbarGroup","Dropdown","ToolbarButton","BaseControl","__experimentalNumberControl","NumberControl","__","settings","CommentsQueryLoopToolbar","queryPerPage","setQuery","onToggle","value","num","parseInt","isNaN"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,YADD,EAECC,QAFD,EAGCC,aAHD,EAICC,WAJD,EAKCC,2BAA2B,IAAIC,aALhC,QAMO,uBANP;AAOA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,kBAAzB;AAEA,eAAe,SAASC,wBAAT,CAAmC;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA;AAAhB,CAAnC,EAAgE;AAC9E,SACC,cAAC,YAAD,QACC,cAAC,QAAD;AACC,IAAA,YAAY,EAAG,CAAE;AAAEC,MAAAA;AAAF,KAAF,KACd,cAAC,aAAD;AACC,MAAA,IAAI,EAAGJ,QADR;AAEC,MAAA,KAAK,EAAGD,EAAE,CAAE,kBAAF,CAFX;AAGC,MAAA,OAAO,EAAGK;AAHX,MAFF;AAQC,IAAA,aAAa,EAAG,MACf,8BACC,cAAC,WAAD,QACC,cAAC,aAAD;AACC,MAAA,oBAAoB,EAAC,MADtB;AAEC,MAAA,KAAK,EAAGL,EAAE,CAAE,gBAAF,CAFX;AAGC,MAAA,aAAa,EAAC,MAHf;AAIC,MAAA,GAAG,EAAG,CAJP;AAKC,MAAA,GAAG,EAAG,GALP;AAMC,MAAA,QAAQ,EAAKM,KAAF,IAAa;AACvB,cAAMC,GAAG,GAAGC,QAAQ,CAAEF,KAAF,EAAS,EAAT,CAApB;;AACA,YACCG,KAAK,CAAEF,GAAF,CAAL,IACAA,GAAG,GAAG,CADN,IAEAA,GAAG,GAAG,GAHP,EAIE;AACD;AACA;;AACDH,QAAAA,QAAQ,CAAE;AACTD,UAAAA,YAAY,EAAEI;AADL,SAAF,CAAR;AAGA,OAlBF;AAmBC,MAAA,IAAI,EAAC,GAnBN;AAoBC,MAAA,KAAK,EAAGJ,YApBT;AAqBC,MAAA,aAAa,EAAG;AArBjB,MADD,CADD;AATF,IADD,CADD;AA0CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarGroup,\n\tDropdown,\n\tToolbarButton,\n\tBaseControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\nexport default function CommentsQueryLoopToolbar( { queryPerPage, setQuery } ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<Dropdown\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tlabel={ __( 'Display settings' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Items per Page' ) }\n\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tconst num = parseInt( value, 10 );\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tisNaN( num ) ||\n\t\t\t\t\t\t\t\t\t\tnum < 1 ||\n\t\t\t\t\t\t\t\t\t\tnum > 100\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\tqueryPerPage: num,\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\tstep=\"1\"\n\t\t\t\t\t\t\t\tvalue={ queryPerPage }\n\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"]}

package/build-module/cover/deprecated.js

@@ -16,7 +16,26 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 
-import { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, backgroundImageStyles, dimRatioToClass, getPositionClassName, isContentPositionCenter } from './shared';
+import { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, backgroundImageStyles, getPositionClassName, isContentPositionCenter } from './shared';
+/**
+ * Original function to determine the background opacity classname
+ *
+ * Used in deprecations: v1-7.
+ *
+ * @param {number} ratio ratio to use for opacity.
+ * @return {string}       background opacity class   .
+ */
+
+function dimRatioToClassV1(ratio) {
+  return ratio === 0 || ratio === 50 || !ratio ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
+}
+
+function migrateDimRatio(attributes) {
+  return { ...attributes,
+    dimRatio: !attributes.url ? 100 : attributes.dimRatio
+  };
+}
+
 const blockAttributes = {
   url: {
     type: 'string'
@@ -46,17 +65,134 @@ const blockAttributes = {
     type: 'object'
   }
 };
-const deprecated = [{
+const v7 = {
   attributes: { ...blockAttributes,
-    title: {
-      type: 'string',
-      source: 'html',
-      selector: 'p'
+    isRepeated: {
+      type: 'boolean',
+      default: false
     },
-    contentAlign: {
+    minHeight: {
+      type: 'number'
+    },
+    minHeightUnit: {
+      type: 'string'
+    },
+    gradient: {
+      type: 'string'
+    },
+    customGradient: {
+      type: 'string'
+    },
+    contentPosition: {
+      type: 'string'
+    },
+    alt: {
       type: 'string',
-      default: 'center'
+      source: 'attribute',
+      selector: 'img',
+      attribute: 'alt',
+      default: ''
+    }
+  },
+  supports: {
+    anchor: true,
+    align: true,
+    html: false,
+    spacing: {
+      padding: true,
+      __experimentalDefaultControls: {
+        padding: true
+      }
     },
+    color: {
+      __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
+      text: false,
+      background: false
+    }
+  },
+
+  save({
+    attributes
+  }) {
+    const {
+      backgroundType,
+      gradient,
+      contentPosition,
+      customGradient,
+      customOverlayColor,
+      dimRatio,
+      focalPoint,
+      hasParallax,
+      isRepeated,
+      overlayColor,
+      url,
+      alt,
+      id,
+      minHeight: minHeightProp,
+      minHeightUnit
+    } = attributes;
+    const overlayColorClass = getColorClassName('background-color', overlayColor);
+
+    const gradientClass = __experimentalGetGradientClass(gradient);
+
+    const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
+    const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
+    const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
+    const isImgElement = !(hasParallax || isRepeated);
+    const style = { ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
+      backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
+      background: customGradient && !url ? customGradient : undefined,
+      minHeight: minHeight || undefined
+    };
+    const objectPosition = // prettier-ignore
+    focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
+    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
+      'has-background-dim': dimRatio !== 0,
+      'has-parallax': hasParallax,
+      'is-repeated': isRepeated,
+      'has-background-gradient': gradient || customGradient,
+      [gradientClass]: !url && gradientClass,
+      'has-custom-content-position': !isContentPositionCenter(contentPosition)
+    }, getPositionClassName(contentPosition));
+    return createElement("div", useBlockProps.save({
+      className: classes,
+      style
+    }), url && (gradient || customGradient) && dimRatio !== 0 && createElement("span", {
+      "aria-hidden": "true",
+      className: classnames('wp-block-cover__gradient-background', gradientClass),
+      style: customGradient ? {
+        background: customGradient
+      } : undefined
+    }), isImageBackground && isImgElement && url && createElement("img", {
+      className: classnames('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      alt: alt,
+      src: url,
+      style: {
+        objectPosition
+      },
+      "data-object-fit": "cover",
+      "data-object-position": objectPosition
+    }), isVideoBackground && url && createElement("video", {
+      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      autoPlay: true,
+      muted: true,
+      loop: true,
+      playsInline: true,
+      src: url,
+      style: {
+        objectPosition
+      },
+      "data-object-fit": "cover",
+      "data-object-position": objectPosition
+    }), createElement("div", {
+      className: "wp-block-cover__inner-container"
+    }, createElement(InnerBlocks.Content, null)));
+  },
+
+  migrate: migrateDimRatio
+};
+const v6 = {
+  attributes: { ...blockAttributes,
     isRepeated: {
       type: 'boolean',
       default: false
@@ -132,7 +268,7 @@ const deprecated = [{
       }
     }
 
-    const classes = classnames(dimRatioToClass(dimRatio), overlayColorClass, {
+    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -160,19 +296,12 @@ const deprecated = [{
     }), createElement("div", {
       className: "wp-block-cover__inner-container"
     }, createElement(InnerBlocks.Content, null)));
-  }
+  },
 
-}, {
+  migrate: migrateDimRatio
+};
+const v5 = {
   attributes: { ...blockAttributes,
-    title: {
-      type: 'string',
-      source: 'html',
-      selector: 'p'
-    },
-    contentAlign: {
-      type: 'string',
-      default: 'center'
-    },
     minHeight: {
       type: 'number'
     },
@@ -221,7 +350,7 @@ const deprecated = [{
     }
 
     style.minHeight = minHeight || undefined;
-    const classes = classnames(dimRatioToClass(dimRatio), overlayColorClass, {
+    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'has-background-gradient': customGradient,
@@ -245,19 +374,12 @@ const deprecated = [{
     }), createElement("div", {
       className: "wp-block-cover__inner-container"
     }, createElement(InnerBlocks.Content, null)));
-  }
+  },
 
-}, {
+  migrate: migrateDimRatio
+};
+const v4 = {
   attributes: { ...blockAttributes,
-    title: {
-      type: 'string',
-      source: 'html',
-      selector: 'p'
-    },
-    contentAlign: {
-      type: 'string',
-      default: 'center'
-    },
     minHeight: {
       type: 'number'
     },
@@ -306,7 +428,7 @@ const deprecated = [{
     }
 
     style.minHeight = minHeight || undefined;
-    const classes = classnames(dimRatioToClass(dimRatio), overlayColorClass, {
+    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'has-background-gradient': customGradient,
@@ -330,9 +452,11 @@ const deprecated = [{
     }), createElement("div", {
       className: "wp-block-cover__inner-container"
     }, createElement(InnerBlocks.Content, null)));
-  }
+  },
 
-}, {
+  migrate: migrateDimRatio
+};
+const v3 = {
   attributes: { ...blockAttributes,
     title: {
       type: 'string',
@@ -373,7 +497,7 @@ const deprecated = [{
       style.backgroundPosition = `${focalPoint.x * 100}% ${focalPoint.y * 100}%`;
     }
 
-    const classes = classnames(dimRatioToClass(dimRatio), overlayColorClass, {
+    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
@@ -395,7 +519,10 @@ const deprecated = [{
   },
 
   migrate(attributes) {
-    return [omit(attributes, ['title', 'contentAlign']), [createBlock('core/paragraph', {
+    const newAttribs = { ...attributes,
+      dimRatio: !attributes.url ? 100 : attributes.dimRatio
+    };
+    return [omit(newAttribs, ['title', 'contentAlign']), [createBlock('core/paragraph', {
       content: attributes.title,
       align: attributes.contentAlign,
       fontSize: 'large',
@@ -403,7 +530,8 @@ const deprecated = [{
     })]];
   }
 
-}, {
+};
+const v2 = {
   attributes: { ...blockAttributes,
     title: {
       type: 'string',
@@ -442,7 +570,7 @@ const deprecated = [{
       style.backgroundColor = customOverlayColor;
     }
 
-    const classes = classnames('wp-block-cover-image', dimRatioToClass(dimRatio), overlayColorClass, {
+    const classes = classnames('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
@@ -458,7 +586,10 @@ const deprecated = [{
   },
 
   migrate(attributes) {
-    return [omit(attributes, ['title', 'contentAlign', 'align']), [createBlock('core/paragraph', {
+    const newAttribs = { ...attributes,
+      dimRatio: !attributes.url ? 100 : attributes.dimRatio
+    };
+    return [omit(newAttribs, ['title', 'contentAlign', 'align']), [createBlock('core/paragraph', {
       content: attributes.title,
       align: attributes.contentAlign,
       fontSize: 'large',
@@ -466,7 +597,8 @@ const deprecated = [{
     })]];
   }
 
-}, {
+};
+const v1 = {
   attributes: { ...blockAttributes,
     title: {
       type: 'string',
@@ -496,7 +628,7 @@ const deprecated = [{
       align
     } = attributes;
     const style = backgroundImageStyles(url);
-    const classes = classnames('wp-block-cover-image', dimRatioToClass(dimRatio), {
+    const classes = classnames('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax
     }, align ? `align${align}` : null);
@@ -510,7 +642,10 @@ const deprecated = [{
   },
 
   migrate(attributes) {
-    return [omit(attributes, ['title', 'contentAlign', 'align']), [createBlock('core/paragraph', {
+    const newAttribs = { ...attributes,
+      dimRatio: !attributes.url ? 100 : attributes.dimRatio
+    };
+    return [omit(newAttribs, ['title', 'contentAlign', 'align']), [createBlock('core/paragraph', {
       content: attributes.title,
       align: attributes.contentAlign,
       fontSize: 'large',
@@ -518,6 +653,6 @@ const deprecated = [{
     })]];
   }
 
-}];
-export default deprecated;
+};
+export default [v7, v6, v5, v4, v3, v2, v1];
 //# sourceMappingURL=deprecated.js.map