@wordpress/block-library 8.33.0 → 8.35.0

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

@@ -29,7 +29,9 @@
  */
 export const convertToTree = data => {
   const table = {};
-  if (!data) return [];
+  if (!data) {
+    return [];
+  }
 
   // First create a hash table of { [id]: { ...comment, children: [] }}
   data.forEach(item => {

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

@@ -1 +1 @@
-{"version":3,"names":["convertToTree","data","table","forEach","item","id","commentId","children","tree","parent","push"],"sources":["@wordpress/block-library/src/comment-template/util.js"],"sourcesContent":["/**\n *\n * This function converts a flat list of comment objects with a `parent` property\n * to a nested list of comment objects with a `children` property. The `children`\n * property is itself a list of comment objects.\n *\n * @example\n * ```\n * const comments = [\n * \t{ id: 1, parent: 0 },\n * \t{ id: 2, parent: 1 },\n * \t{ id: 3, parent: 2 },\n * \t{ id: 4, parent: 1 },\n * ];\n * expect( convertToTree( comments ) ).toEqual( [\n * \t{\n * \t\tcommentId: 1,\n * \t\tchildren: [\n * \t\t\t{ commentId: 2, children: [ { commentId: 3, children: [] } ] },\n * \t\t\t{ commentId: 4, children: [] },\n * \t\t],\n * \t},\n * ] );\n * ```\n * @typedef {{id: number, parent: number}} Comment\n * @param {Comment[]} data - List of comment objects.\n *\n * @return {Object[]} Nested list of comment objects with a `children` property.\n */\nexport const convertToTree = ( data ) => {\n\tconst table = {};\n\n\tif ( ! data ) return [];\n\n\t// First create a hash table of { [id]: { ...comment, children: [] }}\n\tdata.forEach( ( item ) => {\n\t\ttable[ item.id ] = { commentId: item.id, children: [] };\n\t} );\n\n\tconst tree = [];\n\n\t// Iterate over the original comments again\n\tdata.forEach( ( item ) => {\n\t\tif ( item.parent ) {\n\t\t\t// If the comment has a \"parent\", then find that parent in the table that\n\t\t\t// we have created above and push the current comment to the array of its\n\t\t\t// children.\n\t\t\ttable[ item.parent ]?.children.push( table[ item.id ] );\n\t\t} else {\n\t\t\t// Otherwise, if the comment has no parent (also works if parent is 0)\n\t\t\t// that means that it's a top-level comment so we can find it in the table\n\t\t\t// and push it to the final tree.\n\t\t\ttree.push( table[ item.id ] );\n\t\t}\n\t} );\n\treturn tree;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,aAAa,GAAKC,IAAI,IAAM;EACxC,MAAMC,KAAK,GAAG,CAAC,CAAC;EAEhB,IAAK,CAAED,IAAI,EAAG,OAAO,EAAE;;EAEvB;EACAA,IAAI,CAACE,OAAO,CAAIC,IAAI,IAAM;IACzBF,KAAK,CAAEE,IAAI,CAACC,EAAE,CAAE,GAAG;MAAEC,SAAS,EAAEF,IAAI,CAACC,EAAE;MAAEE,QAAQ,EAAE;IAAG,CAAC;EACxD,CAAE,CAAC;EAEH,MAAMC,IAAI,GAAG,EAAE;;EAEf;EACAP,IAAI,CAACE,OAAO,CAAIC,IAAI,IAAM;IACzB,IAAKA,IAAI,CAACK,MAAM,EAAG;MAClB;MACA;MACA;MACAP,KAAK,CAAEE,IAAI,CAACK,MAAM,CAAE,EAAEF,QAAQ,CAACG,IAAI,CAAER,KAAK,CAAEE,IAAI,CAACC,EAAE,CAAG,CAAC;IACxD,CAAC,MAAM;MACN;MACA;MACA;MACAG,IAAI,CAACE,IAAI,CAAER,KAAK,CAAEE,IAAI,CAACC,EAAE,CAAG,CAAC;IAC9B;EACD,CAAE,CAAC;EACH,OAAOG,IAAI;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["convertToTree","data","table","forEach","item","id","commentId","children","tree","parent","push"],"sources":["@wordpress/block-library/src/comment-template/util.js"],"sourcesContent":["/**\n *\n * This function converts a flat list of comment objects with a `parent` property\n * to a nested list of comment objects with a `children` property. The `children`\n * property is itself a list of comment objects.\n *\n * @example\n * ```\n * const comments = [\n * \t{ id: 1, parent: 0 },\n * \t{ id: 2, parent: 1 },\n * \t{ id: 3, parent: 2 },\n * \t{ id: 4, parent: 1 },\n * ];\n * expect( convertToTree( comments ) ).toEqual( [\n * \t{\n * \t\tcommentId: 1,\n * \t\tchildren: [\n * \t\t\t{ commentId: 2, children: [ { commentId: 3, children: [] } ] },\n * \t\t\t{ commentId: 4, children: [] },\n * \t\t],\n * \t},\n * ] );\n * ```\n * @typedef {{id: number, parent: number}} Comment\n * @param {Comment[]} data - List of comment objects.\n *\n * @return {Object[]} Nested list of comment objects with a `children` property.\n */\nexport const convertToTree = ( data ) => {\n\tconst table = {};\n\n\tif ( ! data ) {\n\t\treturn [];\n\t}\n\n\t// First create a hash table of { [id]: { ...comment, children: [] }}\n\tdata.forEach( ( item ) => {\n\t\ttable[ item.id ] = { commentId: item.id, children: [] };\n\t} );\n\n\tconst tree = [];\n\n\t// Iterate over the original comments again\n\tdata.forEach( ( item ) => {\n\t\tif ( item.parent ) {\n\t\t\t// If the comment has a \"parent\", then find that parent in the table that\n\t\t\t// we have created above and push the current comment to the array of its\n\t\t\t// children.\n\t\t\ttable[ item.parent ]?.children.push( table[ item.id ] );\n\t\t} else {\n\t\t\t// Otherwise, if the comment has no parent (also works if parent is 0)\n\t\t\t// that means that it's a top-level comment so we can find it in the table\n\t\t\t// and push it to the final tree.\n\t\t\ttree.push( table[ item.id ] );\n\t\t}\n\t} );\n\treturn tree;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,aAAa,GAAKC,IAAI,IAAM;EACxC,MAAMC,KAAK,GAAG,CAAC,CAAC;EAEhB,IAAK,CAAED,IAAI,EAAG;IACb,OAAO,EAAE;EACV;;EAEA;EACAA,IAAI,CAACE,OAAO,CAAIC,IAAI,IAAM;IACzBF,KAAK,CAAEE,IAAI,CAACC,EAAE,CAAE,GAAG;MAAEC,SAAS,EAAEF,IAAI,CAACC,EAAE;MAAEE,QAAQ,EAAE;IAAG,CAAC;EACxD,CAAE,CAAC;EAEH,MAAMC,IAAI,GAAG,EAAE;;EAEf;EACAP,IAAI,CAACE,OAAO,CAAIC,IAAI,IAAM;IACzB,IAAKA,IAAI,CAACK,MAAM,EAAG;MAClB;MACA;MACA;MACAP,KAAK,CAAEE,IAAI,CAACK,MAAM,CAAE,EAAEF,QAAQ,CAACG,IAAI,CAAER,KAAK,CAAEE,IAAI,CAACC,EAAE,CAAG,CAAC;IACxD,CAAC,MAAM;MACN;MACA;MACA;MACAG,IAAI,CAACE,IAAI,CAAER,KAAK,CAAEE,IAAI,CAACC,EAAE,CAAG,CAAC;IAC9B;EACD,CAAE,CAAC;EACH,OAAOG,IAAI;AACZ,CAAC","ignoreList":[]}

package/build-module/comments/edit/comments-legacy.js

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -34,7 +34,7 @@ export default function CommentsLegacy({
     variant: "primary"
   }, __('Switch to editable mode'))];
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });

package/build-module/comments/edit/comments-legacy.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","AlignmentControl","BlockControls","Warning","useBlockProps","__","Button","Placeholder","CommentsLegacy","attributes","setAttributes","context","postType","postId","textAlign","actions","createElement","key","onClick","legacy","variant","blockProps","className","Fragment","group","value","onChange","nextAlign"],"sources":["@wordpress/block-library/src/comments/edit/comments-legacy.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Placeholder from './placeholder';\n\nexport default function CommentsLegacy( {\n\tattributes,\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst { textAlign } = attributes;\n\n\tconst actions = [\n\t\t<Button\n\t\t\tkey=\"convert\"\n\t\t\tonClick={ () => void setAttributes( { legacy: false } ) }\n\t\t\tvariant=\"primary\"\n\t\t>\n\t\t\t{ __( 'Switch to editable mode' ) }\n\t\t</Button>,\n\t];\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Comments block: You’re currently using the legacy version of the block. ' +\n\t\t\t\t\t\t\t'The following is just a placeholder - the final styling will likely look different. ' +\n\t\t\t\t\t\t\t'For a better representation and more customization options, ' +\n\t\t\t\t\t\t\t'switch the block to its editable mode.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t\t<Placeholder postId={ postId } postType={ postType } />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SACCC,gBAAgB,EAChBC,aAAa,EACbC,OAAO,EACPC,aAAa,QACP,yBAAyB;AAChC,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,WAAW,MAAM,eAAe;AAEvC,eAAe,SAASC,cAAcA,CAAE;EACvCC,UAAU;EACVC,aAAa;EACbC,OAAO,EAAE;IAAEC,QAAQ;IAAEC;EAAO;AAC7B,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGL,UAAU;EAEhC,MAAMM,OAAO,GAAG,CACfC,aAAA,CAACV,MAAM;IACNW,GAAG,EAAC,SAAS;IACbC,OAAO,EAAGA,CAAA,KAAM,KAAKR,aAAa,CAAE;MAAES,MAAM,EAAE;IAAM,CAAE,CAAG;IACzDC,OAAO,EAAC;EAAS,GAEff,EAAE,CAAE,yBAA0B,CACzB,CAAC,CACT;EAED,MAAMgB,UAAU,GAAGjB,aAAa,CAAE;IACjCkB,SAAS,EAAEtB,UAAU,CAAE;MACtB,CAAG,kBAAkBc,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,OACCE,aAAA,CAAAO,QAAA,QACCP,aAAA,CAACd,aAAa;IAACsB,KAAK,EAAC;EAAO,GAC3BR,aAAA,CAACf,gBAAgB;IAChBwB,KAAK,EAAGX,SAAW;IACnBY,QAAQ,EAAKC,SAAS,IAAM;MAC3BjB,aAAa,CAAE;QAAEI,SAAS,EAAEa;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAEhBX,aAAA;IAAA,GAAUK;EAAU,GACnBL,aAAA,CAACb,OAAO;IAACY,OAAO,EAAGA;EAAS,GACzBV,EAAE,CACH,0EAA0E,GACzE,sFAAsF,GACtF,8DAA8D,GAC9D,wCACF,CACQ,CAAC,EACVW,aAAA,CAACT,WAAW;IAACM,MAAM,EAAGA,MAAQ;IAACD,QAAQ,EAAGA;EAAU,CAAE,CAClD,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["clsx","AlignmentControl","BlockControls","Warning","useBlockProps","__","Button","Placeholder","CommentsLegacy","attributes","setAttributes","context","postType","postId","textAlign","actions","createElement","key","onClick","legacy","variant","blockProps","className","Fragment","group","value","onChange","nextAlign"],"sources":["@wordpress/block-library/src/comments/edit/comments-legacy.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Placeholder from './placeholder';\n\nexport default function CommentsLegacy( {\n\tattributes,\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst { textAlign } = attributes;\n\n\tconst actions = [\n\t\t<Button\n\t\t\tkey=\"convert\"\n\t\t\tonClick={ () => void setAttributes( { legacy: false } ) }\n\t\t\tvariant=\"primary\"\n\t\t>\n\t\t\t{ __( 'Switch to editable mode' ) }\n\t\t</Button>,\n\t];\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Comments block: You’re currently using the legacy version of the block. ' +\n\t\t\t\t\t\t\t'The following is just a placeholder - the final styling will likely look different. ' +\n\t\t\t\t\t\t\t'For a better representation and more customization options, ' +\n\t\t\t\t\t\t\t'switch the block to its editable mode.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t\t<Placeholder postId={ postId } postType={ postType } />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,gBAAgB,EAChBC,aAAa,EACbC,OAAO,EACPC,aAAa,QACP,yBAAyB;AAChC,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;;AAE9C;AACA;AACA;AACA,OAAOC,WAAW,MAAM,eAAe;AAEvC,eAAe,SAASC,cAAcA,CAAE;EACvCC,UAAU;EACVC,aAAa;EACbC,OAAO,EAAE;IAAEC,QAAQ;IAAEC;EAAO;AAC7B,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGL,UAAU;EAEhC,MAAMM,OAAO,GAAG,CACfC,aAAA,CAACV,MAAM;IACNW,GAAG,EAAC,SAAS;IACbC,OAAO,EAAGA,CAAA,KAAM,KAAKR,aAAa,CAAE;MAAES,MAAM,EAAE;IAAM,CAAE,CAAG;IACzDC,OAAO,EAAC;EAAS,GAEff,EAAE,CAAE,yBAA0B,CACzB,CAAC,CACT;EAED,MAAMgB,UAAU,GAAGjB,aAAa,CAAE;IACjCkB,SAAS,EAAEtB,IAAI,CAAE;MAChB,CAAG,kBAAkBc,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,OACCE,aAAA,CAAAO,QAAA,QACCP,aAAA,CAACd,aAAa;IAACsB,KAAK,EAAC;EAAO,GAC3BR,aAAA,CAACf,gBAAgB;IAChBwB,KAAK,EAAGX,SAAW;IACnBY,QAAQ,EAAKC,SAAS,IAAM;MAC3BjB,aAAa,CAAE;QAAEI,SAAS,EAAEa;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAEhBX,aAAA;IAAA,GAAUK;EAAU,GACnBL,aAAA,CAACb,OAAO;IAACY,OAAO,EAAGA;EAAS,GACzBV,EAAE,CACH,0EAA0E,GACzE,sFAAsF,GACtF,8DAA8D,GAC9D,wCACF,CACQ,CAAC,EACVW,aAAA,CAACT,WAAW;IAACM,MAAM,EAAGA,MAAQ;IAACD,QAAQ,EAAGA;EAAU,CAAE,CAClD,CACJ,CAAC;AAEL","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -33,7 +33,7 @@ export default function Edit({
   const [rawTitle] = useEntityProp('postType', postType, 'title', postId);
   const isSiteEditor = typeof postId === 'undefined';
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["classnames","AlignmentControl","BlockControls","useBlockProps","InspectorControls","store","blockEditorStore","HeadingLevelDropdown","__","_n","sprintf","useEntityProp","PanelBody","ToggleControl","useState","useEffect","useSelect","apiFetch","addQueryArgs","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","rawTitle","isSiteEditor","blockProps","className","threadCommentsDepth","threadComments","commentsPerPage","pageComments","select","getSettings","__experimentalDiscussionSettings","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","path","post","_fields","method","parse","then","res","headers","get","catch","blockControls","createElement","group","value","onChange","newAlign","newLevel","inspectorControls","title","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined","Fragment"],"sources":["@wordpress/block-library/src/comments-title/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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: classnames( {\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","AlignmentControl","BlockControls","useBlockProps","InspectorControls","store","blockEditorStore","HeadingLevelDropdown","__","_n","sprintf","useEntityProp","PanelBody","ToggleControl","useState","useEffect","useSelect","apiFetch","addQueryArgs","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","rawTitle","isSiteEditor","blockProps","className","threadCommentsDepth","threadComments","commentsPerPage","pageComments","select","getSettings","__experimentalDiscussionSettings","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","path","post","_fields","method","parse","then","res","headers","get","catch","blockControls","createElement","group","value","onChange","newAlign","newLevel","inspectorControls","title","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined","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-module/cover/deprecated.js

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -266,13 +266,13 @@ const v13 = {
     focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
     const backgroundImage = url ? `url(${url})` : undefined;
     const backgroundPosition = mediaPosition(focalPoint);
-    const classes = classnames({
+    const classes = clsx({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
       'has-custom-content-position': !isContentPositionCenter(contentPosition)
     }, getPositionClassName(contentPosition));
-    const imgClasses = classnames('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+    const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
       'has-parallax': hasParallax,
       'is-repeated': isRepeated
     });
@@ -284,7 +284,7 @@ const v13 = {
       })
     }, createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+      className: clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
         // For backwards compatibility. Former versions of the Cover Block applied
         // `.wp-block-cover__gradient-background` in the presence of
@@ -311,7 +311,7 @@ const v13 = {
         backgroundImage
       }
     })), isVideoBackground && url && createElement("video", {
-      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -384,13 +384,13 @@ const v12 = {
     focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
     const backgroundImage = url ? `url(${url})` : undefined;
     const backgroundPosition = mediaPosition(focalPoint);
-    const classes = classnames({
+    const classes = clsx({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
       'has-custom-content-position': !isContentPositionCenter(contentPosition)
     }, getPositionClassName(contentPosition));
-    const imgClasses = classnames('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+    const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
       'has-parallax': hasParallax,
       'is-repeated': isRepeated
     });
@@ -402,7 +402,7 @@ const v12 = {
       })
     }, createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+      className: clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
         // For backwards compatibility. Former versions of the Cover Block applied
         // `.wp-block-cover__gradient-background` in the presence of
@@ -429,7 +429,7 @@ const v12 = {
         backgroundImage
       }
     })), isVideoBackground && url && createElement("video", {
-      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -492,13 +492,13 @@ const v11 = {
     focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
     const backgroundImage = url ? `url(${url})` : undefined;
     const backgroundPosition = mediaPosition(focalPoint);
-    const classes = classnames({
+    const classes = clsx({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
       'has-custom-content-position': !isContentPositionCenter(contentPosition)
     }, getPositionClassName(contentPosition));
-    const imgClasses = classnames('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+    const imgClasses = clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
       'has-parallax': hasParallax,
       'is-repeated': isRepeated
     });
@@ -510,7 +510,7 @@ const v11 = {
       })
     }, createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+      className: clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
         // For backwards compatibility. Former versions of the Cover Block applied
         // `.wp-block-cover__gradient-background` in the presence of
@@ -537,7 +537,7 @@ const v11 = {
         backgroundImage
       }
     })), isVideoBackground && url && createElement("video", {
-      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -600,7 +600,7 @@ const v10 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = classnames({
+    const classes = clsx({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -614,7 +614,7 @@ const v10 = {
       })
     }, createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+      className: clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
         // For backwards compatibility. Former versions of the Cover Block applied
         // `.wp-block-cover__gradient-background` in the presence of
@@ -625,7 +625,7 @@ const v10 = {
       }),
       style: bgStyle
     }), !useFeaturedImage && isImageBackground && isImgElement && url && createElement("img", {
-      className: classnames('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      className: clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -634,7 +634,7 @@ const v10 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && createElement("video", {
-      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -696,7 +696,7 @@ const v9 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = classnames({
+    const classes = clsx({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -710,7 +710,7 @@ const v9 = {
       })
     }, createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+      className: clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
         // For backwards compatibility. Former versions of the Cover Block applied
         // `.wp-block-cover__gradient-background` in the presence of
@@ -721,7 +721,7 @@ const v9 = {
       }),
       style: bgStyle
     }), isImageBackground && isImgElement && url && createElement("img", {
-      className: classnames('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      className: clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -730,7 +730,7 @@ const v9 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && createElement("video", {
-      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -792,7 +792,7 @@ const v8 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = classnames({
+    const classes = clsx({
       'is-light': !isDark,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -805,14 +805,14 @@ const v8 = {
       })
     }, createElement("span", {
       "aria-hidden": "true",
-      className: classnames(overlayColorClass, dimRatioToClass(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
+      className: clsx(overlayColorClass, dimRatioToClass(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
         'has-background-dim': dimRatio !== undefined,
         'has-background-gradient': gradient || customGradient,
         [gradientClass]: !url && gradientClass
       }),
       style: bgStyle
     }), isImageBackground && isImgElement && url && createElement("img", {
-      className: classnames('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+      className: clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -821,7 +821,7 @@ const v8 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && createElement("video", {
-      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -906,7 +906,7 @@ const v7 = {
     const objectPosition =
     // prettier-ignore
     focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
-    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -921,12 +921,12 @@ const v7 = {
       })
     }, url && (gradient || customGradient) && dimRatio !== 0 && createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__gradient-background', gradientClass),
+      className: clsx('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),
+      className: clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
       alt: alt,
       src: url,
       style: {
@@ -935,7 +935,7 @@ const v7 = {
       "data-object-fit": "cover",
       "data-object-position": objectPosition
     }), isVideoBackground && url && createElement("video", {
-      className: classnames('wp-block-cover__video-background', 'intrinsic-ignore'),
+      className: clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
       autoPlay: true,
       muted: true,
       loop: true,
@@ -1020,7 +1020,7 @@ const v6 = {
         videoStyle.objectPosition = positionValue;
       }
     }
-    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'is-repeated': isRepeated,
@@ -1035,7 +1035,7 @@ const v6 = {
       })
     }, url && (gradient || customGradient) && dimRatio !== 0 && createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__gradient-background', gradientClass),
+      className: clsx('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
@@ -1097,7 +1097,7 @@ const v5 = {
       style.background = customGradient;
     }
     style.minHeight = minHeight || undefined;
-    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'has-background-gradient': customGradient,
@@ -1108,7 +1108,7 @@ const v5 = {
       style: style
     }, url && (gradient || customGradient) && dimRatio !== 0 && createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__gradient-background', gradientClass),
+      className: clsx('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
@@ -1168,7 +1168,7 @@ const v4 = {
       style.background = customGradient;
     }
     style.minHeight = minHeight || undefined;
-    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       'has-background-gradient': customGradient,
@@ -1179,7 +1179,7 @@ const v4 = {
       style: style
     }, url && (gradient || customGradient) && dimRatio !== 0 && createElement("span", {
       "aria-hidden": "true",
-      className: classnames('wp-block-cover__gradient-background', gradientClass),
+      className: clsx('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
         background: customGradient
       } : undefined
@@ -1233,7 +1233,7 @@ const v3 = {
     if (focalPoint && !hasParallax) {
       style.backgroundPosition = `${focalPoint.x * 100}% ${focalPoint.y * 100}%`;
     }
-    const classes = classnames(dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
@@ -1309,7 +1309,7 @@ const v2 = {
     if (!overlayColorClass) {
       style.backgroundColor = customOverlayColor;
     }
-    const classes = classnames('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
+    const classes = clsx('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax,
       [`has-${contentAlign}-content`]: contentAlign !== 'center'
@@ -1373,7 +1373,7 @@ const v1 = {
       align
     } = attributes;
     const style = backgroundImageStyles(url);
-    const classes = classnames('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
+    const classes = clsx('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
       'has-background-dim': dimRatio !== 0,
       'has-parallax': hasParallax
     }, align ? `align${align}` : null);