@wordpress/block-library 8.33.0 → 8.35.0

package/build-module/post-comments-form/edit.js

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -31,7 +31,7 @@ export default function PostCommentsFormEdit({
   const instanceId = useInstanceId(PostCommentsFormEdit);
   const instanceIdDesc = sprintf('comments-form-edit-%d-desc', instanceId);
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign
     }),
     'aria-describedby': instanceIdDesc

package/build-module/post-comments-form/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","AlignmentControl","BlockControls","useBlockProps","VisuallyHidden","useInstanceId","__","sprintf","CommentsForm","PostCommentsFormEdit","attributes","context","setAttributes","textAlign","postId","postType","instanceId","instanceIdDesc","blockProps","className","createElement","Fragment","group","value","onChange","nextAlign","id"],"sources":["@wordpress/block-library/src/post-comments-form/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} from '@wordpress/block-editor';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CommentsForm from './form';\n\nexport default function PostCommentsFormEdit( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n} ) {\n\tconst { textAlign } = attributes;\n\tconst { postId, postType } = context;\n\n\tconst instanceId = useInstanceId( PostCommentsFormEdit );\n\tconst instanceIdDesc = sprintf( 'comments-form-edit-%d-desc', instanceId );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\t'aria-describedby': instanceIdDesc,\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\t\t\t<div { ...blockProps }>\n\t\t\t\t<CommentsForm postId={ postId } postType={ postType } />\n\t\t\t\t<VisuallyHidden id={ instanceIdDesc }>\n\t\t\t\t\t{ __( 'Comments form disabled in editor.' ) }\n\t\t\t\t</VisuallyHidden>\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,aAAa,QACP,yBAAyB;AAChC,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,QAAQ;AAEjC,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,UAAU;EACVC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGH,UAAU;EAChC,MAAM;IAAEI,MAAM;IAAEC;EAAS,CAAC,GAAGJ,OAAO;EAEpC,MAAMK,UAAU,GAAGX,aAAa,CAAEI,oBAAqB,CAAC;EACxD,MAAMQ,cAAc,GAAGV,OAAO,CAAE,4BAA4B,EAAES,UAAW,CAAC;EAE1E,MAAME,UAAU,GAAGf,aAAa,CAAE;IACjCgB,SAAS,EAAEnB,UAAU,CAAE;MACtB,CAAG,kBAAkBa,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IACH,kBAAkB,EAAEI;EACrB,CAAE,CAAC;EAEH,OACCG,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAClB,aAAa;IAACoB,KAAK,EAAC;EAAO,GAC3BF,aAAA,CAACnB,gBAAgB;IAChBsB,KAAK,EAAGV,SAAW;IACnBW,QAAQ,EAAKC,SAAS,IAAM;MAC3Bb,aAAa,CAAE;QAAEC,SAAS,EAAEY;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAChBL,aAAA;IAAA,GAAUF;EAAU,GACnBE,aAAA,CAACZ,YAAY;IAACM,MAAM,EAAGA,MAAQ;IAACC,QAAQ,EAAGA;EAAU,CAAE,CAAC,EACxDK,aAAA,CAAChB,cAAc;IAACsB,EAAE,EAAGT;EAAgB,GAClCX,EAAE,CAAE,mCAAoC,CAC3B,CACZ,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["clsx","AlignmentControl","BlockControls","useBlockProps","VisuallyHidden","useInstanceId","__","sprintf","CommentsForm","PostCommentsFormEdit","attributes","context","setAttributes","textAlign","postId","postType","instanceId","instanceIdDesc","blockProps","className","createElement","Fragment","group","value","onChange","nextAlign","id"],"sources":["@wordpress/block-library/src/post-comments-form/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} from '@wordpress/block-editor';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CommentsForm from './form';\n\nexport default function PostCommentsFormEdit( {\n\tattributes,\n\tcontext,\n\tsetAttributes,\n} ) {\n\tconst { textAlign } = attributes;\n\tconst { postId, postType } = context;\n\n\tconst instanceId = useInstanceId( PostCommentsFormEdit );\n\tconst instanceIdDesc = sprintf( 'comments-form-edit-%d-desc', instanceId );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\t'aria-describedby': instanceIdDesc,\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\t\t\t<div { ...blockProps }>\n\t\t\t\t<CommentsForm postId={ postId } postType={ postType } />\n\t\t\t\t<VisuallyHidden id={ instanceIdDesc }>\n\t\t\t\t\t{ __( 'Comments form disabled in editor.' ) }\n\t\t\t\t</VisuallyHidden>\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,aAAa,QACP,yBAAyB;AAChC,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,QAAQ;AAEjC,eAAe,SAASC,oBAAoBA,CAAE;EAC7CC,UAAU;EACVC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGH,UAAU;EAChC,MAAM;IAAEI,MAAM;IAAEC;EAAS,CAAC,GAAGJ,OAAO;EAEpC,MAAMK,UAAU,GAAGX,aAAa,CAAEI,oBAAqB,CAAC;EACxD,MAAMQ,cAAc,GAAGV,OAAO,CAAE,4BAA4B,EAAES,UAAW,CAAC;EAE1E,MAAME,UAAU,GAAGf,aAAa,CAAE;IACjCgB,SAAS,EAAEnB,IAAI,CAAE;MAChB,CAAG,kBAAkBa,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IACH,kBAAkB,EAAEI;EACrB,CAAE,CAAC;EAEH,OACCG,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAClB,aAAa;IAACoB,KAAK,EAAC;EAAO,GAC3BF,aAAA,CAACnB,gBAAgB;IAChBsB,KAAK,EAAGV,SAAW;IACnBW,QAAQ,EAAKC,SAAS,IAAM;MAC3Bb,aAAa,CAAE;QAAEC,SAAS,EAAEY;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAChBL,aAAA;IAAA,GAAUF;EAAU,GACnBE,aAAA,CAACZ,YAAY;IAACM,MAAM,EAAGA,MAAQ;IAACC,QAAQ,EAAGA;EAAU,CAAE,CAAC,EACxDK,aAAA,CAAChB,cAAc;IAACsB,EAAE,EAAGT;EAAgB,GAClCX,EAAE,CAAE,mCAAoC,CAC3B,CACZ,CACJ,CAAC;AAEL","ignoreList":[]}

package/build-module/post-comments-form/form.js

@@ -2,7 +2,7 @@ import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -36,7 +36,7 @@ const CommentsFormPlaceholder = () => {
   }, createElement("input", {
     name: "submit",
     type: "submit",
-    className: classnames('wp-block-button__link', __experimentalGetElementClassName('button')),
+    className: clsx('wp-block-button__link', __experimentalGetElementClassName('button')),
     label: __('Post Comment'),
     value: __('Post Comment'),
     "aria-disabled": "true"

package/build-module/post-comments-form/form.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","_x","sprintf","Warning","store","blockEditorStore","__experimentalGetElementClassName","Button","useInstanceId","useEntityProp","coreStore","useSelect","CommentsFormPlaceholder","instanceId","createElement","className","noValidate","onSubmit","event","preventDefault","htmlFor","id","name","cols","rows","readOnly","type","label","value","CommentsForm","postId","postType","commentStatus","setCommentStatus","isSiteEditor","undefined","defaultCommentStatus","select","getSettings","__experimentalDiscussionSettings","postTypeSupportsComments","getPostType","supports","comments","actions","key","onClick","variant"],"sources":["@wordpress/block-library/src/post-comments-form/form.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tWarning,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\nconst CommentsFormPlaceholder = () => {\n\tconst instanceId = useInstanceId( CommentsFormPlaceholder );\n\n\treturn (\n\t\t<div className=\"comment-respond\">\n\t\t\t<h3 className=\"comment-reply-title\">{ __( 'Leave a Reply' ) }</h3>\n\t\t\t<form\n\t\t\t\tnoValidate\n\t\t\t\tclassName=\"comment-form\"\n\t\t\t\tonSubmit={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t<p>\n\t\t\t\t\t<label htmlFor={ `comment-${ instanceId }` }>\n\t\t\t\t\t\t{ __( 'Comment' ) }\n\t\t\t\t\t</label>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tid={ `comment-${ instanceId }` }\n\t\t\t\t\t\tname=\"comment\"\n\t\t\t\t\t\tcols=\"45\"\n\t\t\t\t\t\trows=\"8\"\n\t\t\t\t\t\treadOnly\n\t\t\t\t\t/>\n\t\t\t\t</p>\n\t\t\t\t<p className=\"form-submit wp-block-button\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tname=\"submit\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-button__link',\n\t\t\t\t\t\t\t__experimentalGetElementClassName( 'button' )\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Post Comment' ) }\n\t\t\t\t\t\tvalue={ __( 'Post Comment' ) }\n\t\t\t\t\t\taria-disabled=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t</p>\n\t\t\t</form>\n\t\t</div>\n\t);\n};\n\nconst CommentsForm = ( { postId, postType } ) => {\n\tconst [ commentStatus, setCommentStatus ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'comment_status',\n\t\tpostId\n\t);\n\n\tconst isSiteEditor = postType === undefined || postId === undefined;\n\n\tconst { defaultCommentStatus } = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalDiscussionSettings\n\t);\n\n\tconst postTypeSupportsComments = useSelect( ( select ) =>\n\t\tpostType\n\t\t\t? !! select( coreStore ).getPostType( postType )?.supports.comments\n\t\t\t: false\n\t);\n\n\tif ( ! isSiteEditor && 'open' !== commentStatus ) {\n\t\tif ( 'closed' === commentStatus ) {\n\t\t\tconst actions = [\n\t\t\t\t<Button\n\t\t\t\t\tkey=\"enableComments\"\n\t\t\t\t\tonClick={ () => setCommentStatus( 'open' ) }\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t>\n\t\t\t\t\t{ _x(\n\t\t\t\t\t\t'Enable comments',\n\t\t\t\t\t\t'action that affects the current post'\n\t\t\t\t\t) }\n\t\t\t\t</Button>,\n\t\t\t];\n\t\t\treturn (\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Post Comments Form block: Comments are not enabled for this item.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t);\n\t\t} else if ( ! postTypeSupportsComments ) {\n\t\t\treturn (\n\t\t\t\t<Warning>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: 1: Post type (i.e. \"post\", \"page\") */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Post Comments Form block: Comments are not enabled for this post type (%s).'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tpostType\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t);\n\t\t} else if ( 'open' !== defaultCommentStatus ) {\n\t\t\treturn (\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Post Comments Form block: Comments are not enabled.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t);\n\t\t}\n\t}\n\n\treturn <CommentsFormPlaceholder />;\n};\n\nexport default CommentsForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","__","_x","sprintf","Warning","store","blockEditorStore","__experimentalGetElementClassName","Button","useInstanceId","useEntityProp","coreStore","useSelect","CommentsFormPlaceholder","instanceId","createElement","className","noValidate","onSubmit","event","preventDefault","htmlFor","id","name","cols","rows","readOnly","type","label","value","CommentsForm","postId","postType","commentStatus","setCommentStatus","isSiteEditor","undefined","defaultCommentStatus","select","getSettings","__experimentalDiscussionSettings","postTypeSupportsComments","getPostType","supports","comments","actions","key","onClick","variant"],"sources":["@wordpress/block-library/src/post-comments-form/form.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tWarning,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\nconst CommentsFormPlaceholder = () => {\n\tconst instanceId = useInstanceId( CommentsFormPlaceholder );\n\n\treturn (\n\t\t<div className=\"comment-respond\">\n\t\t\t<h3 className=\"comment-reply-title\">{ __( 'Leave a Reply' ) }</h3>\n\t\t\t<form\n\t\t\t\tnoValidate\n\t\t\t\tclassName=\"comment-form\"\n\t\t\t\tonSubmit={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t<p>\n\t\t\t\t\t<label htmlFor={ `comment-${ instanceId }` }>\n\t\t\t\t\t\t{ __( 'Comment' ) }\n\t\t\t\t\t</label>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tid={ `comment-${ instanceId }` }\n\t\t\t\t\t\tname=\"comment\"\n\t\t\t\t\t\tcols=\"45\"\n\t\t\t\t\t\trows=\"8\"\n\t\t\t\t\t\treadOnly\n\t\t\t\t\t/>\n\t\t\t\t</p>\n\t\t\t\t<p className=\"form-submit wp-block-button\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tname=\"submit\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'wp-block-button__link',\n\t\t\t\t\t\t\t__experimentalGetElementClassName( 'button' )\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Post Comment' ) }\n\t\t\t\t\t\tvalue={ __( 'Post Comment' ) }\n\t\t\t\t\t\taria-disabled=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t</p>\n\t\t\t</form>\n\t\t</div>\n\t);\n};\n\nconst CommentsForm = ( { postId, postType } ) => {\n\tconst [ commentStatus, setCommentStatus ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'comment_status',\n\t\tpostId\n\t);\n\n\tconst isSiteEditor = postType === undefined || postId === undefined;\n\n\tconst { defaultCommentStatus } = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalDiscussionSettings\n\t);\n\n\tconst postTypeSupportsComments = useSelect( ( select ) =>\n\t\tpostType\n\t\t\t? !! select( coreStore ).getPostType( postType )?.supports.comments\n\t\t\t: false\n\t);\n\n\tif ( ! isSiteEditor && 'open' !== commentStatus ) {\n\t\tif ( 'closed' === commentStatus ) {\n\t\t\tconst actions = [\n\t\t\t\t<Button\n\t\t\t\t\tkey=\"enableComments\"\n\t\t\t\t\tonClick={ () => setCommentStatus( 'open' ) }\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t>\n\t\t\t\t\t{ _x(\n\t\t\t\t\t\t'Enable comments',\n\t\t\t\t\t\t'action that affects the current post'\n\t\t\t\t\t) }\n\t\t\t\t</Button>,\n\t\t\t];\n\t\t\treturn (\n\t\t\t\t<Warning actions={ actions }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Post Comments Form block: Comments are not enabled for this item.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t);\n\t\t} else if ( ! postTypeSupportsComments ) {\n\t\t\treturn (\n\t\t\t\t<Warning>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: 1: Post type (i.e. \"post\", \"page\") */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Post Comments Form block: Comments are not enabled for this post type (%s).'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tpostType\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t);\n\t\t} else if ( 'open' !== defaultCommentStatus ) {\n\t\t\treturn (\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Post Comments Form block: Comments are not enabled.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t);\n\t\t}\n\t}\n\n\treturn <CommentsFormPlaceholder />;\n};\n\nexport default CommentsForm;\n"],"mappings":"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","ignoreList":[]}

package/build-module/post-comments-link/edit.js

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -28,7 +28,7 @@ function PostCommentsLinkEdit({
   } = context;
   const [commentsCount, setCommentsCount] = useState();
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });

package/build-module/post-comments-link/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","AlignmentControl","BlockControls","Warning","useBlockProps","useState","useEffect","useSelect","apiFetch","addQueryArgs","__","sprintf","_n","store","coreStore","PostCommentsLinkEdit","context","attributes","setAttributes","textAlign","postType","postId","commentsCount","setCommentsCount","blockProps","className","currentPostId","path","post","parse","then","res","headers","get","select","getEditedEntityRecord","link","commentsText","undefined","commentsNumber","parseInt","toLocaleString","createElement","Fragment","group","value","onChange","nextAlign","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/post-comments-link/edit.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 { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\nfunction PostCommentsLinkEdit( { context, attributes, setAttributes } ) {\n\tconst { textAlign } = attributes;\n\tconst { postType, postId } = context;\n\tconst [ commentsCount, setCommentsCount ] = useState();\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\tuseEffect( () => {\n\t\tif ( ! postId ) {\n\t\t\treturn;\n\t\t}\n\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} ),\n\t\t\tparse: false,\n\t\t} ).then( ( res ) => {\n\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\tif ( currentPostId === postId ) {\n\t\t\t\tsetCommentsCount( res.headers.get( 'X-WP-Total' ) );\n\t\t\t}\n\t\t} );\n\t}, [ postId ] );\n\n\tconst post = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t),\n\t\t[ postType, postId ]\n\t);\n\n\tif ( ! post ) {\n\t\treturn null;\n\t}\n\n\tconst { link } = post;\n\n\tlet commentsText;\n\tif ( commentsCount !== undefined ) {\n\t\tconst commentsNumber = parseInt( commentsCount );\n\n\t\tif ( commentsNumber === 0 ) {\n\t\t\tcommentsText = __( 'No comments' );\n\t\t} else {\n\t\t\tcommentsText = sprintf(\n\t\t\t\t/* translators: %s: Number of comments */\n\t\t\t\t_n( '%s comment', '%s comments', commentsNumber ),\n\t\t\t\tcommentsNumber.toLocaleString()\n\t\t\t);\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{ link && commentsText !== undefined ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={ link + '#comments' }\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ commentsText }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<Warning>\n\t\t\t\t\t\t{ __( 'Post Comments Link block: post not found.' ) }\n\t\t\t\t\t</Warning>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default PostCommentsLinkEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","AlignmentControl","BlockControls","Warning","useBlockProps","useState","useEffect","useSelect","apiFetch","addQueryArgs","__","sprintf","_n","store","coreStore","PostCommentsLinkEdit","context","attributes","setAttributes","textAlign","postType","postId","commentsCount","setCommentsCount","blockProps","className","currentPostId","path","post","parse","then","res","headers","get","select","getEditedEntityRecord","link","commentsText","undefined","commentsNumber","parseInt","toLocaleString","createElement","Fragment","group","value","onChange","nextAlign","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/post-comments-link/edit.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 { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\n\nfunction PostCommentsLinkEdit( { context, attributes, setAttributes } ) {\n\tconst { textAlign } = attributes;\n\tconst { postType, postId } = context;\n\tconst [ commentsCount, setCommentsCount ] = useState();\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\tuseEffect( () => {\n\t\tif ( ! postId ) {\n\t\t\treturn;\n\t\t}\n\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} ),\n\t\t\tparse: false,\n\t\t} ).then( ( res ) => {\n\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\tif ( currentPostId === postId ) {\n\t\t\t\tsetCommentsCount( res.headers.get( 'X-WP-Total' ) );\n\t\t\t}\n\t\t} );\n\t}, [ postId ] );\n\n\tconst post = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t),\n\t\t[ postType, postId ]\n\t);\n\n\tif ( ! post ) {\n\t\treturn null;\n\t}\n\n\tconst { link } = post;\n\n\tlet commentsText;\n\tif ( commentsCount !== undefined ) {\n\t\tconst commentsNumber = parseInt( commentsCount );\n\n\t\tif ( commentsNumber === 0 ) {\n\t\t\tcommentsText = __( 'No comments' );\n\t\t} else {\n\t\t\tcommentsText = sprintf(\n\t\t\t\t/* translators: %s: Number of comments */\n\t\t\t\t_n( '%s comment', '%s comments', commentsNumber ),\n\t\t\t\tcommentsNumber.toLocaleString()\n\t\t\t);\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{ link && commentsText !== undefined ? (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref={ link + '#comments' }\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ commentsText }\n\t\t\t\t\t</a>\n\t\t\t\t) : (\n\t\t\t\t\t<Warning>\n\t\t\t\t\t\t{ __( 'Post Comments Link block: post not found.' ) }\n\t\t\t\t\t</Warning>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default PostCommentsLinkEdit;\n"],"mappings":"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","ignoreList":[]}

package/build-module/post-date/edit.js

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -31,7 +31,7 @@ export default function PostDateEdit({
   setAttributes
 }) {
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign,
       [`wp-block-post-date__modified-date`]: displayType === 'modified'
     })

package/build-module/post-date/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","useEntityProp","store","coreStore","useMemo","useState","dateI18n","getSettings","getDateSettings","AlignmentControl","BlockControls","InspectorControls","useBlockProps","__experimentalDateFormatPicker","DateFormatPicker","__experimentalPublishDateTimePicker","PublishDateTimePicker","Dropdown","ToolbarGroup","ToolbarButton","ToggleControl","PanelBody","__","sprintf","edit","DOWN","useSelect","PostDateEdit","attributes","textAlign","format","isLink","displayType","context","postId","postType","postTypeSlug","queryId","setAttributes","blockProps","className","popoverAnchor","setPopoverAnchor","popoverProps","anchor","isDescendentOfQueryLoop","Number","isFinite","dateSettings","siteFormat","formats","date","siteTimeFormat","time","setDate","select","getPostType","dateLabel","postDate","createElement","dateTime","ref","href","onClick","event","preventDefault","Fragment","group","value","onChange","nextAlign","renderContent","onClose","currentDate","is12Hour","is12HourFormat","renderToggle","isOpen","onToggle","openOnArrowDown","keyCode","icon","title","onKeyDown","defaultFormat","nextFormat","__nextHasNoMarginBottom","label","labels","singular_name","toLowerCase","checked","help","test"],"sources":["@wordpress/block-library/src/post-date/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { dateI18n, getSettings as getDateSettings } from '@wordpress/date';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalDateFormatPicker as DateFormatPicker,\n\t__experimentalPublishDateTimePicker as PublishDateTimePicker,\n} from '@wordpress/block-editor';\nimport {\n\tDropdown,\n\tToolbarGroup,\n\tToolbarButton,\n\tToggleControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { edit } from '@wordpress/icons';\nimport { DOWN } from '@wordpress/keycodes';\nimport { useSelect } from '@wordpress/data';\n\nexport default function PostDateEdit( {\n\tattributes: { textAlign, format, isLink, displayType },\n\tcontext: { postId, postType: postTypeSlug, queryId },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t[ `wp-block-post-date__modified-date` ]: displayType === 'modified',\n\t\t} ),\n\t} );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( { anchor: popoverAnchor } ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst dateSettings = getDateSettings();\n\tconst [ siteFormat = dateSettings.formats.date ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'date_format'\n\t);\n\tconst [ siteTimeFormat = dateSettings.formats.time ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'time_format'\n\t);\n\tconst [ date, setDate ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\tdisplayType,\n\t\tpostId\n\t);\n\n\tconst postType = useSelect(\n\t\t( select ) =>\n\t\t\tpostTypeSlug\n\t\t\t\t? select( coreStore ).getPostType( postTypeSlug )\n\t\t\t\t: null,\n\t\t[ postTypeSlug ]\n\t);\n\n\tconst dateLabel =\n\t\tdisplayType === 'date' ? __( 'Post Date' ) : __( 'Post Modified Date' );\n\n\tlet postDate = date ? (\n\t\t<time dateTime={ dateI18n( 'c', date ) } ref={ setPopoverAnchor }>\n\t\t\t{ dateI18n( format || siteFormat, date ) }\n\t\t</time>\n\t) : (\n\t\tdateLabel\n\t);\n\n\tif ( isLink && date ) {\n\t\tpostDate = (\n\t\t\t<a\n\t\t\t\thref=\"#post-date-pseudo-link\"\n\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t{ postDate }\n\t\t\t</a>\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\t{ date &&\n\t\t\t\t\tdisplayType === 'date' &&\n\t\t\t\t\t! isDescendentOfQueryLoop && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t\t<PublishDateTimePicker\n\t\t\t\t\t\t\t\t\t\tcurrentDate={ date }\n\t\t\t\t\t\t\t\t\t\tonChange={ setDate }\n\t\t\t\t\t\t\t\t\t\tis12Hour={ is12HourFormat(\n\t\t\t\t\t\t\t\t\t\t\tsiteTimeFormat\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\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\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\t\t\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isOpen &&\n\t\t\t\t\t\t\t\t\t\t\tevent.keyCode === DOWN\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Change Date' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\t\t\t\t\t/>\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/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t</BlockControls>\n\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<DateFormatPicker\n\t\t\t\t\t\tformat={ format }\n\t\t\t\t\t\tdefaultFormat={ siteFormat }\n\t\t\t\t\t\tonChange={ ( nextFormat ) =>\n\t\t\t\t\t\t\tsetAttributes( { format: nextFormat } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tpostType?.labels.singular_name\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Name of the post type e.g: \"post\".\n\t\t\t\t\t\t\t\t\t\t__( 'Link to %s' ),\n\t\t\t\t\t\t\t\t\t\tpostType.labels.singular_name.toLowerCase()\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Link to post' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display last modified date' ) }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayType: value ? 'modified' : 'date',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ displayType === 'modified' }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Only shows if the post has been modified'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\n\t\t\t<div { ...blockProps }>{ postDate }</div>\n\t\t</>\n\t);\n}\n\nexport function is12HourFormat( format ) {\n\t// To know if the time format is a 12 hour time, look for any of the 12 hour\n\t// format characters: 'a', 'A', 'g', and 'h'. The character must be\n\t// unescaped, i.e. not preceded by a '\\'. Coincidentally, 'aAgh' is how I\n\t// feel when working with regular expressions.\n\t// https://www.php.net/manual/en/datetime.format.php\n\treturn /(?:^|[^\\\\])[aAgh]/.test( format );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useEntityProp","store","coreStore","useMemo","useState","dateI18n","getSettings","getDateSettings","AlignmentControl","BlockControls","InspectorControls","useBlockProps","__experimentalDateFormatPicker","DateFormatPicker","__experimentalPublishDateTimePicker","PublishDateTimePicker","Dropdown","ToolbarGroup","ToolbarButton","ToggleControl","PanelBody","__","sprintf","edit","DOWN","useSelect","PostDateEdit","attributes","textAlign","format","isLink","displayType","context","postId","postType","postTypeSlug","queryId","setAttributes","blockProps","className","popoverAnchor","setPopoverAnchor","popoverProps","anchor","isDescendentOfQueryLoop","Number","isFinite","dateSettings","siteFormat","formats","date","siteTimeFormat","time","setDate","select","getPostType","dateLabel","postDate","createElement","dateTime","ref","href","onClick","event","preventDefault","Fragment","group","value","onChange","nextAlign","renderContent","onClose","currentDate","is12Hour","is12HourFormat","renderToggle","isOpen","onToggle","openOnArrowDown","keyCode","icon","title","onKeyDown","defaultFormat","nextFormat","__nextHasNoMarginBottom","label","labels","singular_name","toLowerCase","checked","help","test"],"sources":["@wordpress/block-library/src/post-date/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useMemo, useState } from '@wordpress/element';\nimport { dateI18n, getSettings as getDateSettings } from '@wordpress/date';\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalDateFormatPicker as DateFormatPicker,\n\t__experimentalPublishDateTimePicker as PublishDateTimePicker,\n} from '@wordpress/block-editor';\nimport {\n\tDropdown,\n\tToolbarGroup,\n\tToolbarButton,\n\tToggleControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { edit } from '@wordpress/icons';\nimport { DOWN } from '@wordpress/keycodes';\nimport { useSelect } from '@wordpress/data';\n\nexport default function PostDateEdit( {\n\tattributes: { textAlign, format, isLink, displayType },\n\tcontext: { postId, postType: postTypeSlug, queryId },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t\t[ `wp-block-post-date__modified-date` ]: displayType === 'modified',\n\t\t} ),\n\t} );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( { anchor: popoverAnchor } ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst dateSettings = getDateSettings();\n\tconst [ siteFormat = dateSettings.formats.date ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'date_format'\n\t);\n\tconst [ siteTimeFormat = dateSettings.formats.time ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'time_format'\n\t);\n\tconst [ date, setDate ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\tdisplayType,\n\t\tpostId\n\t);\n\n\tconst postType = useSelect(\n\t\t( select ) =>\n\t\t\tpostTypeSlug\n\t\t\t\t? select( coreStore ).getPostType( postTypeSlug )\n\t\t\t\t: null,\n\t\t[ postTypeSlug ]\n\t);\n\n\tconst dateLabel =\n\t\tdisplayType === 'date' ? __( 'Post Date' ) : __( 'Post Modified Date' );\n\n\tlet postDate = date ? (\n\t\t<time dateTime={ dateI18n( 'c', date ) } ref={ setPopoverAnchor }>\n\t\t\t{ dateI18n( format || siteFormat, date ) }\n\t\t</time>\n\t) : (\n\t\tdateLabel\n\t);\n\n\tif ( isLink && date ) {\n\t\tpostDate = (\n\t\t\t<a\n\t\t\t\thref=\"#post-date-pseudo-link\"\n\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t{ postDate }\n\t\t\t</a>\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\t{ date &&\n\t\t\t\t\tdisplayType === 'date' &&\n\t\t\t\t\t! isDescendentOfQueryLoop && (\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t\t<PublishDateTimePicker\n\t\t\t\t\t\t\t\t\t\tcurrentDate={ date }\n\t\t\t\t\t\t\t\t\t\tonChange={ setDate }\n\t\t\t\t\t\t\t\t\t\tis12Hour={ is12HourFormat(\n\t\t\t\t\t\t\t\t\t\t\tsiteTimeFormat\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\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\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\t\t\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isOpen &&\n\t\t\t\t\t\t\t\t\t\t\tevent.keyCode === DOWN\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\t\t\t\ticon={ edit }\n\t\t\t\t\t\t\t\t\t\t\ttitle={ __( 'Change Date' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\t\t\t\t\t/>\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/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t) }\n\t\t\t</BlockControls>\n\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<DateFormatPicker\n\t\t\t\t\t\tformat={ format }\n\t\t\t\t\t\tdefaultFormat={ siteFormat }\n\t\t\t\t\t\tonChange={ ( nextFormat ) =>\n\t\t\t\t\t\t\tsetAttributes( { format: nextFormat } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tpostType?.labels.singular_name\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Name of the post type e.g: \"post\".\n\t\t\t\t\t\t\t\t\t\t__( 'Link to %s' ),\n\t\t\t\t\t\t\t\t\t\tpostType.labels.singular_name.toLowerCase()\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Link to post' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display last modified date' ) }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdisplayType: value ? 'modified' : 'date',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ displayType === 'modified' }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Only shows if the post has been modified'\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\n\t\t\t<div { ...blockProps }>{ postDate }</div>\n\t\t</>\n\t);\n}\n\nexport function is12HourFormat( format ) {\n\t// To know if the time format is a 12 hour time, look for any of the 12 hour\n\t// format characters: 'a', 'A', 'g', and 'h'. The character must be\n\t// unescaped, i.e. not preceded by a '\\'. Coincidentally, 'aAgh' is how I\n\t// feel when working with regular expressions.\n\t// https://www.php.net/manual/en/datetime.format.php\n\treturn /(?:^|[^\\\\])[aAgh]/.test( format );\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/post-excerpt/edit.js

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -65,7 +65,7 @@ export default function PostExcerptEditor({
    */
   const isEditable = userCanEdit && !isDescendentOfQueryLoop && postTypeSupportsExcerpts;
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
@@ -83,7 +83,9 @@ export default function PostExcerptEditor({
    * excerpt has been produced from the content.
    */
   const strippedRenderedExcerpt = useMemo(() => {
-    if (!renderedExcerpt) return '';
+    if (!renderedExcerpt) {
+      return '';
+    }
     const document = new window.DOMParser().parseFromString(renderedExcerpt, 'text/html');
     return document.body.textContent || document.body.innerText || '';
   }, [renderedExcerpt]);
@@ -114,7 +116,7 @@ export default function PostExcerptEditor({
     }),
     withoutInteractiveFormatting: true
   });
-  const excerptClassName = classnames('wp-block-post-excerpt__excerpt', {
+  const excerptClassName = clsx('wp-block-post-excerpt__excerpt', {
     'is-inline': !showMoreOnNewLine
   });
 

package/build-module/post-excerpt/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","useEntityProp","store","coreStore","useMemo","AlignmentToolbar","BlockControls","InspectorControls","RichText","Warning","useBlockProps","PanelBody","ToggleControl","RangeControl","__","_x","useSelect","useCanEditEntity","ELLIPSIS","PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","excerptLength","setAttributes","isSelected","context","postId","postType","queryId","isDescendentOfQueryLoop","Number","isFinite","userCanEdit","rawExcerpt","setExcerpt","rendered","renderedExcerpt","protected","isProtected","postTypeSupportsExcerpts","select","getPostType","supports","excerpt","isEditable","blockProps","className","wordCountType","strippedRenderedExcerpt","document","window","DOMParser","parseFromString","body","textContent","innerText","createElement","Fragment","value","onChange","newAlign","readMoreLink","identifier","tagName","placeholder","newMoreText","withoutInteractiveFormatting","excerptClassName","rawOrRenderedExcerpt","trim","trimmedExcerpt","split","join","excerptWithSpaces","numberOfSpaces","length","replaceAll","isTrimmed","excerptContent","title","__nextHasNoMarginBottom","label","checked","newShowMoreOnNewLine","min","max"],"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl, RangeControl } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nconst ELLIPSIS = '…';\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, moreText, showMoreOnNewLine, excerptLength },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\n\t/**\n\t * Check if the post type supports excerpts.\n\t * Add an exception and return early for the \"page\" post type,\n\t * which is registered without support for the excerpt UI,\n\t * but supports saving the excerpt to the database.\n\t * See: https://core.trac.wordpress.org/browser/branches/6.1/src/wp-includes/post.php#L65\n\t * Without this exception, users that have excerpts saved to the database will\n\t * not be able to edit the excerpts.\n\t */\n\tconst postTypeSupportsExcerpts = useSelect(\n\t\t( select ) => {\n\t\t\tif ( postType === 'page' ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn !! select( coreStore ).getPostType( postType )?.supports\n\t\t\t\t?.excerpt;\n\t\t},\n\t\t[ postType ]\n\t);\n\n\t/**\n\t * The excerpt is editable if:\n\t * - The user can edit the post\n\t * - It is not a descendent of a Query Loop block\n\t * - The post type supports excerpts\n\t */\n\tconst isEditable =\n\t\tuserCanEdit && ! isDescendentOfQueryLoop && postTypeSupportsExcerpts;\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\t/**\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\n\t/**\n\t * When excerpt is editable, strip the html tags from\n\t * rendered excerpt. This will be used if the entity's\n\t * excerpt has been produced from the content.\n\t */\n\tconst strippedRenderedExcerpt = useMemo( () => {\n\t\tif ( ! renderedExcerpt ) return '';\n\t\tconst document = new window.DOMParser().parseFromString(\n\t\t\trenderedExcerpt,\n\t\t\t'text/html'\n\t\t);\n\t\treturn document.body.textContent || document.body.innerText || '';\n\t}, [ renderedExcerpt ] );\n\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<AlignmentToolbar\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<p>{ __( 'This block will display the excerpt.' ) }</p>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'The content is currently protected and does not have the available excerpt.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tidentifier=\"moreText\"\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '“Read more” link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t\twithoutInteractiveFormatting\n\t\t/>\n\t);\n\tconst excerptClassName = classnames( 'wp-block-post-excerpt__excerpt', {\n\t\t'is-inline': ! showMoreOnNewLine,\n\t} );\n\n\t/**\n\t * The excerpt length setting needs to be applied to both\n\t * the raw and the rendered excerpt depending on which is being used.\n\t */\n\tconst rawOrRenderedExcerpt = (\n\t\trawExcerpt || strippedRenderedExcerpt\n\t).trim();\n\n\tlet trimmedExcerpt = '';\n\tif ( wordCountType === 'words' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( ' ', excerptLength )\n\t\t\t.join( ' ' );\n\t} else if ( wordCountType === 'characters_excluding_spaces' ) {\n\t\t/*\n\t\t * 1. Split the excerpt at the character limit,\n\t\t * then join the substrings back into one string.\n\t\t * 2. Count the number of spaces in the excerpt\n\t\t * by comparing the lengths of the string with and without spaces.\n\t\t * 3. Add the number to the length of the visible excerpt,\n\t\t * so that the spaces are excluded from the word count.\n\t\t */\n\t\tconst excerptWithSpaces = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\n\t\tconst numberOfSpaces =\n\t\t\texcerptWithSpaces.length -\n\t\t\texcerptWithSpaces.replaceAll( ' ', '' ).length;\n\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength + numberOfSpaces )\n\t\t\t.join( '' );\n\t} else if ( wordCountType === 'characters_including_spaces' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\t}\n\n\tconst isTrimmed = trimmedExcerpt !== rawOrRenderedExcerpt;\n\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={ excerptClassName }\n\t\t\taria-label={ __( 'Excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\tisSelected\n\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t: ( ! isTrimmed\n\t\t\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t\t\t: trimmedExcerpt + ELLIPSIS ) ||\n\t\t\t\t\t  __( 'No excerpt found' )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t\ttagName=\"p\"\n\t\t/>\n\t) : (\n\t\t<p className={ excerptClassName }>\n\t\t\t{ ! isTrimmed\n\t\t\t\t? rawOrRenderedExcerpt || __( 'No excerpt found' )\n\t\t\t\t: trimmedExcerpt + ELLIPSIS }\n\t\t</p>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Max number of words' ) }\n\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmin=\"10\"\n\t\t\t\t\t\tmax=\"100\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useEntityProp","store","coreStore","useMemo","AlignmentToolbar","BlockControls","InspectorControls","RichText","Warning","useBlockProps","PanelBody","ToggleControl","RangeControl","__","_x","useSelect","useCanEditEntity","ELLIPSIS","PostExcerptEditor","attributes","textAlign","moreText","showMoreOnNewLine","excerptLength","setAttributes","isSelected","context","postId","postType","queryId","isDescendentOfQueryLoop","Number","isFinite","userCanEdit","rawExcerpt","setExcerpt","rendered","renderedExcerpt","protected","isProtected","postTypeSupportsExcerpts","select","getPostType","supports","excerpt","isEditable","blockProps","className","wordCountType","strippedRenderedExcerpt","document","window","DOMParser","parseFromString","body","textContent","innerText","createElement","Fragment","value","onChange","newAlign","readMoreLink","identifier","tagName","placeholder","newMoreText","withoutInteractiveFormatting","excerptClassName","rawOrRenderedExcerpt","trim","trimmedExcerpt","split","join","excerptWithSpaces","numberOfSpaces","length","replaceAll","isTrimmed","excerptContent","title","__nextHasNoMarginBottom","label","checked","newShowMoreOnNewLine","min","max"],"sources":["@wordpress/block-library/src/post-excerpt/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\nimport {\n\tAlignmentToolbar,\n\tBlockControls,\n\tInspectorControls,\n\tRichText,\n\tWarning,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl, RangeControl } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nconst ELLIPSIS = '…';\n\nexport default function PostExcerptEditor( {\n\tattributes: { textAlign, moreText, showMoreOnNewLine, excerptLength },\n\tsetAttributes,\n\tisSelected,\n\tcontext: { postId, postType, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tconst [\n\t\trawExcerpt,\n\t\tsetExcerpt,\n\t\t{ rendered: renderedExcerpt, protected: isProtected } = {},\n\t] = useEntityProp( 'postType', postType, 'excerpt', postId );\n\n\t/**\n\t * Check if the post type supports excerpts.\n\t * Add an exception and return early for the \"page\" post type,\n\t * which is registered without support for the excerpt UI,\n\t * but supports saving the excerpt to the database.\n\t * See: https://core.trac.wordpress.org/browser/branches/6.1/src/wp-includes/post.php#L65\n\t * Without this exception, users that have excerpts saved to the database will\n\t * not be able to edit the excerpts.\n\t */\n\tconst postTypeSupportsExcerpts = useSelect(\n\t\t( select ) => {\n\t\t\tif ( postType === 'page' ) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\treturn !! select( coreStore ).getPostType( postType )?.supports\n\t\t\t\t?.excerpt;\n\t\t},\n\t\t[ postType ]\n\t);\n\n\t/**\n\t * The excerpt is editable if:\n\t * - The user can edit the post\n\t * - It is not a descendent of a Query Loop block\n\t * - The post type supports excerpts\n\t */\n\tconst isEditable =\n\t\tuserCanEdit && ! isDescendentOfQueryLoop && postTypeSupportsExcerpts;\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\t/**\n\t * translators: If your word count is based on single characters (e.g. East Asian characters),\n\t * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.\n\t * Do not translate into your own language.\n\t */\n\tconst wordCountType = _x( 'words', 'Word count type. Do not translate!' );\n\n\t/**\n\t * When excerpt is editable, strip the html tags from\n\t * rendered excerpt. This will be used if the entity's\n\t * excerpt has been produced from the content.\n\t */\n\tconst strippedRenderedExcerpt = useMemo( () => {\n\t\tif ( ! renderedExcerpt ) {\n\t\t\treturn '';\n\t\t}\n\t\tconst document = new window.DOMParser().parseFromString(\n\t\t\trenderedExcerpt,\n\t\t\t'text/html'\n\t\t);\n\t\treturn document.body.textContent || document.body.innerText || '';\n\t}, [ renderedExcerpt ] );\n\n\tif ( ! postType || ! postId ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockControls>\n\t\t\t\t\t<AlignmentToolbar\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t<p>{ __( 'This block will display the excerpt.' ) }</p>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\tif ( isProtected && ! userCanEdit ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<Warning>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'The content is currently protected and does not have the available excerpt.'\n\t\t\t\t\t) }\n\t\t\t\t</Warning>\n\t\t\t</div>\n\t\t);\n\t}\n\tconst readMoreLink = (\n\t\t<RichText\n\t\t\tidentifier=\"moreText\"\n\t\t\tclassName=\"wp-block-post-excerpt__more-link\"\n\t\t\ttagName=\"a\"\n\t\t\taria-label={ __( '“Read more” link text' ) }\n\t\t\tplaceholder={ __( 'Add \"read more\" link text' ) }\n\t\t\tvalue={ moreText }\n\t\t\tonChange={ ( newMoreText ) =>\n\t\t\t\tsetAttributes( { moreText: newMoreText } )\n\t\t\t}\n\t\t\twithoutInteractiveFormatting\n\t\t/>\n\t);\n\tconst excerptClassName = clsx( 'wp-block-post-excerpt__excerpt', {\n\t\t'is-inline': ! showMoreOnNewLine,\n\t} );\n\n\t/**\n\t * The excerpt length setting needs to be applied to both\n\t * the raw and the rendered excerpt depending on which is being used.\n\t */\n\tconst rawOrRenderedExcerpt = (\n\t\trawExcerpt || strippedRenderedExcerpt\n\t).trim();\n\n\tlet trimmedExcerpt = '';\n\tif ( wordCountType === 'words' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( ' ', excerptLength )\n\t\t\t.join( ' ' );\n\t} else if ( wordCountType === 'characters_excluding_spaces' ) {\n\t\t/*\n\t\t * 1. Split the excerpt at the character limit,\n\t\t * then join the substrings back into one string.\n\t\t * 2. Count the number of spaces in the excerpt\n\t\t * by comparing the lengths of the string with and without spaces.\n\t\t * 3. Add the number to the length of the visible excerpt,\n\t\t * so that the spaces are excluded from the word count.\n\t\t */\n\t\tconst excerptWithSpaces = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\n\t\tconst numberOfSpaces =\n\t\t\texcerptWithSpaces.length -\n\t\t\texcerptWithSpaces.replaceAll( ' ', '' ).length;\n\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength + numberOfSpaces )\n\t\t\t.join( '' );\n\t} else if ( wordCountType === 'characters_including_spaces' ) {\n\t\ttrimmedExcerpt = rawOrRenderedExcerpt\n\t\t\t.split( '', excerptLength )\n\t\t\t.join( '' );\n\t}\n\n\tconst isTrimmed = trimmedExcerpt !== rawOrRenderedExcerpt;\n\n\tconst excerptContent = isEditable ? (\n\t\t<RichText\n\t\t\tclassName={ excerptClassName }\n\t\t\taria-label={ __( 'Excerpt text' ) }\n\t\t\tvalue={\n\t\t\t\tisSelected\n\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t: ( ! isTrimmed\n\t\t\t\t\t\t\t? rawOrRenderedExcerpt\n\t\t\t\t\t\t\t: trimmedExcerpt + ELLIPSIS ) ||\n\t\t\t\t\t  __( 'No excerpt found' )\n\t\t\t}\n\t\t\tonChange={ setExcerpt }\n\t\t\ttagName=\"p\"\n\t\t/>\n\t) : (\n\t\t<p className={ excerptClassName }>\n\t\t\t{ ! isTrimmed\n\t\t\t\t? rawOrRenderedExcerpt || __( 'No excerpt found' )\n\t\t\t\t: trimmedExcerpt + ELLIPSIS }\n\t\t</p>\n\t);\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Show link on new line' ) }\n\t\t\t\t\t\tchecked={ showMoreOnNewLine }\n\t\t\t\t\t\tonChange={ ( newShowMoreOnNewLine ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowMoreOnNewLine: newShowMoreOnNewLine,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Max number of words' ) }\n\t\t\t\t\t\tvalue={ excerptLength }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( { excerptLength: value } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tmin=\"10\"\n\t\t\t\t\t\tmax=\"100\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ excerptContent }\n\t\t\t\t{ ! showMoreOnNewLine && ' ' }\n\t\t\t\t{ showMoreOnNewLine ? (\n\t\t\t\t\t<p className=\"wp-block-post-excerpt__more-text\">\n\t\t\t\t\t\t{ readMoreLink }\n\t\t\t\t\t</p>\n\t\t\t\t) : (\n\t\t\t\t\treadMoreLink\n\t\t\t\t) }\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,SAASC,aAAa,EAAEC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACxE,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SACCC,gBAAgB,EAChBC,aAAa,EACbC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,aAAa,QACP,yBAAyB;AAChC,SAASC,SAAS,EAAEC,aAAa,EAAEC,YAAY,QAAQ,uBAAuB;AAC9E,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;AACxC,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,gBAAgB;AAEjD,MAAMC,QAAQ,GAAG,GAAG;AAEpB,eAAe,SAASC,iBAAiBA,CAAE;EAC1CC,UAAU,EAAE;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,iBAAiB;IAAEC;EAAc,CAAC;EACrEC,aAAa;EACbC,UAAU;EACVC,OAAO,EAAE;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAQ;AACtC,CAAC,EAAG;EACH,MAAMC,uBAAuB,GAAGC,MAAM,CAACC,QAAQ,CAAEH,OAAQ,CAAC;EAC1D,MAAMI,WAAW,GAAGjB,gBAAgB,CAAE,UAAU,EAAEY,QAAQ,EAAED,MAAO,CAAC;EACpE,MAAM,CACLO,UAAU,EACVC,UAAU,EACV;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,SAAS,EAAEC;EAAY,CAAC,GAAG,CAAC,CAAC,CAC1D,GAAGvC,aAAa,CAAE,UAAU,EAAE4B,QAAQ,EAAE,SAAS,EAAED,MAAO,CAAC;;EAE5D;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACC,MAAMa,wBAAwB,GAAGzB,SAAS,CACvC0B,MAAM,IAAM;IACb,IAAKb,QAAQ,KAAK,MAAM,EAAG;MAC1B,OAAO,IAAI;IACZ;IACA,OAAO,CAAC,CAAEa,MAAM,CAAEvC,SAAU,CAAC,CAACwC,WAAW,CAAEd,QAAS,CAAC,EAAEe,QAAQ,EAC5DC,OAAO;EACX,CAAC,EACD,CAAEhB,QAAQ,CACX,CAAC;;EAED;AACD;AACA;AACA;AACA;AACA;EACC,MAAMiB,UAAU,GACfZ,WAAW,IAAI,CAAEH,uBAAuB,IAAIU,wBAAwB;EAErE,MAAMM,UAAU,GAAGrC,aAAa,CAAE;IACjCsC,SAAS,EAAEhD,IAAI,CAAE;MAChB,CAAG,kBAAkBqB,SAAW,EAAC,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;;EAEH;AACD;AACA;AACA;AACA;EACC,MAAM4B,aAAa,GAAGlC,EAAE,CAAE,OAAO,EAAE,oCAAqC,CAAC;;EAEzE;AACD;AACA;AACA;AACA;EACC,MAAMmC,uBAAuB,GAAG9C,OAAO,CAAE,MAAM;IAC9C,IAAK,CAAEkC,eAAe,EAAG;MACxB,OAAO,EAAE;IACV;IACA,MAAMa,QAAQ,GAAG,IAAIC,MAAM,CAACC,SAAS,CAAC,CAAC,CAACC,eAAe,CACtDhB,eAAe,EACf,WACD,CAAC;IACD,OAAOa,QAAQ,CAACI,IAAI,CAACC,WAAW,IAAIL,QAAQ,CAACI,IAAI,CAACE,SAAS,IAAI,EAAE;EAClE,CAAC,EAAE,CAAEnB,eAAe,CAAG,CAAC;EAExB,IAAK,CAAET,QAAQ,IAAI,CAAED,MAAM,EAAG;IAC7B,OACC8B,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACpD,aAAa,QACboD,aAAA,CAACrD,gBAAgB;MAChBuD,KAAK,EAAGvC,SAAW;MACnBwC,QAAQ,EAAKC,QAAQ,IACpBrC,aAAa,CAAE;QAAEJ,SAAS,EAAEyC;MAAS,CAAE;IACvC,CACD,CACa,CAAC,EAChBJ,aAAA;MAAA,GAAUX;IAAU,GACnBW,aAAA,YAAK5C,EAAE,CAAE,sCAAuC,CAAM,CAClD,CACJ,CAAC;EAEL;EACA,IAAK0B,WAAW,IAAI,CAAEN,WAAW,EAAG;IACnC,OACCwB,aAAA;MAAA,GAAUX;IAAU,GACnBW,aAAA,CAACjD,OAAO,QACLK,EAAE,CACH,6EACD,CACQ,CACL,CAAC;EAER;EACA,MAAMiD,YAAY,GACjBL,aAAA,CAAClD,QAAQ;IACRwD,UAAU,EAAC,UAAU;IACrBhB,SAAS,EAAC,kCAAkC;IAC5CiB,OAAO,EAAC,GAAG;IACX,cAAanD,EAAE,CAAE,uBAAwB,CAAG;IAC5CoD,WAAW,EAAGpD,EAAE,CAAE,2BAA4B,CAAG;IACjD8C,KAAK,EAAGtC,QAAU;IAClBuC,QAAQ,EAAKM,WAAW,IACvB1C,aAAa,CAAE;MAAEH,QAAQ,EAAE6C;IAAY,CAAE,CACzC;IACDC,4BAA4B;EAAA,CAC5B,CACD;EACD,MAAMC,gBAAgB,GAAGrE,IAAI,CAAE,gCAAgC,EAAE;IAChE,WAAW,EAAE,CAAEuB;EAChB,CAAE,CAAC;;EAEH;AACD;AACA;AACA;EACC,MAAM+C,oBAAoB,GAAG,CAC5BnC,UAAU,IAAIe,uBAAuB,EACpCqB,IAAI,CAAC,CAAC;EAER,IAAIC,cAAc,GAAG,EAAE;EACvB,IAAKvB,aAAa,KAAK,OAAO,EAAG;IAChCuB,cAAc,GAAGF,oBAAoB,CACnCG,KAAK,CAAE,GAAG,EAAEjD,aAAc,CAAC,CAC3BkD,IAAI,CAAE,GAAI,CAAC;EACd,CAAC,MAAM,IAAKzB,aAAa,KAAK,6BAA6B,EAAG;IAC7D;AACF;AACA;AACA;AACA;AACA;AACA;AACA;IACE,MAAM0B,iBAAiB,GAAGL,oBAAoB,CAC5CG,KAAK,CAAE,EAAE,EAAEjD,aAAc,CAAC,CAC1BkD,IAAI,CAAE,EAAG,CAAC;IAEZ,MAAME,cAAc,GACnBD,iBAAiB,CAACE,MAAM,GACxBF,iBAAiB,CAACG,UAAU,CAAE,GAAG,EAAE,EAAG,CAAC,CAACD,MAAM;IAE/CL,cAAc,GAAGF,oBAAoB,CACnCG,KAAK,CAAE,EAAE,EAAEjD,aAAa,GAAGoD,cAAe,CAAC,CAC3CF,IAAI,CAAE,EAAG,CAAC;EACb,CAAC,MAAM,IAAKzB,aAAa,KAAK,6BAA6B,EAAG;IAC7DuB,cAAc,GAAGF,oBAAoB,CACnCG,KAAK,CAAE,EAAE,EAAEjD,aAAc,CAAC,CAC1BkD,IAAI,CAAE,EAAG,CAAC;EACb;EAEA,MAAMK,SAAS,GAAGP,cAAc,KAAKF,oBAAoB;EAEzD,MAAMU,cAAc,GAAGlC,UAAU,GAChCY,aAAA,CAAClD,QAAQ;IACRwC,SAAS,EAAGqB,gBAAkB;IAC9B,cAAavD,EAAE,CAAE,cAAe,CAAG;IACnC8C,KAAK,EACJlC,UAAU,GACP4C,oBAAoB,GACpB,CAAE,CAAES,SAAS,GACXT,oBAAoB,GACpBE,cAAc,GAAGtD,QAAQ,KAC3BJ,EAAE,CAAE,kBAAmB,CAC1B;IACD+C,QAAQ,EAAGzB,UAAY;IACvB6B,OAAO,EAAC;EAAG,CACX,CAAC,GAEFP,aAAA;IAAGV,SAAS,EAAGqB;EAAkB,GAC9B,CAAEU,SAAS,GACVT,oBAAoB,IAAIxD,EAAE,CAAE,kBAAmB,CAAC,GAChD0D,cAAc,GAAGtD,QAClB,CACH;EACD,OACCwC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACpD,aAAa,QACboD,aAAA,CAACrD,gBAAgB;IAChBuD,KAAK,EAAGvC,SAAW;IACnBwC,QAAQ,EAAKC,QAAQ,IACpBrC,aAAa,CAAE;MAAEJ,SAAS,EAAEyC;IAAS,CAAE;EACvC,CACD,CACa,CAAC,EAChBJ,aAAA,CAACnD,iBAAiB,QACjBmD,aAAA,CAAC/C,SAAS;IAACsE,KAAK,EAAGnE,EAAE,CAAE,UAAW;EAAG,GACpC4C,aAAA,CAAC9C,aAAa;IACbsE,uBAAuB;IACvBC,KAAK,EAAGrE,EAAE,CAAE,uBAAwB,CAAG;IACvCsE,OAAO,EAAG7D,iBAAmB;IAC7BsC,QAAQ,EAAKwB,oBAAoB,IAChC5D,aAAa,CAAE;MACdF,iBAAiB,EAAE8D;IACpB,CAAE;EACF,CACD,CAAC,EACF3B,aAAA,CAAC7C,YAAY;IACZsE,KAAK,EAAGrE,EAAE,CAAE,qBAAsB,CAAG;IACrC8C,KAAK,EAAGpC,aAAe;IACvBqC,QAAQ,EAAKD,KAAK,IAAM;MACvBnC,aAAa,CAAE;QAAED,aAAa,EAAEoC;MAAM,CAAE,CAAC;IAC1C,CAAG;IACH0B,GAAG,EAAC,IAAI;IACRC,GAAG,EAAC;EAAK,CACT,CACS,CACO,CAAC,EACpB7B,aAAA;IAAA,GAAUX;EAAU,GACjBiC,cAAc,EACd,CAAEzD,iBAAiB,IAAI,GAAG,EAC1BA,iBAAiB,GAClBmC,aAAA;IAAGV,SAAS,EAAC;EAAkC,GAC5Ce,YACA,CAAC,GAEJA,YAEG,CACJ,CAAC;AAEL","ignoreList":[]}

package/build-module/post-featured-image/dimension-controls.js

@@ -35,7 +35,7 @@ const DimensionControls = ({
   setAttributes,
   media
 }) => {
-  const [availableUnits] = useSettings('spacing.units');
+  const [availableUnits, defaultRatios, themeRatios, showDefaultRatios] = useSettings('spacing.units', 'dimensions.aspectRatios.default', 'dimensions.aspectRatios.theme', 'dimensions.defaultAspectRatios');
   const units = useCustomUnits({
     availableUnits: availableUnits || ['px', '%', 'vw', 'em', 'rem']
   });
@@ -58,13 +58,33 @@ const DimensionControls = ({
      * we don't want to set the attribute, as it would
      * end up having the unit as value without any number.
      */
-    if (isNaN(parsedValue) && nextValue) return;
+    if (isNaN(parsedValue) && nextValue) {
+      return;
+    }
     setAttributes({
       [dimension]: parsedValue < 0 ? '0' : nextValue
     });
   };
   const scaleLabel = _x('Scale', 'Image scaling options');
   const showScaleControl = height || aspectRatio && aspectRatio !== 'auto';
+  const themeOptions = themeRatios?.map(({
+    name,
+    ratio
+  }) => ({
+    label: name,
+    value: ratio
+  }));
+  const defaultOptions = defaultRatios?.map(({
+    name,
+    ratio
+  }) => ({
+    label: name,
+    value: ratio
+  }));
+  const aspectRatioOptions = [{
+    label: _x('Original', 'Aspect ratio option for dimensions control'),
+    value: 'auto'
+  }, ...(showDefaultRatios ? defaultOptions : []), ...(themeOptions ? themeOptions : [])];
   return createElement(Fragment, null, createElement(ToolsPanelItem, {
     hasValue: () => !!aspectRatio,
     label: __('Aspect ratio'),
@@ -80,33 +100,7 @@ const DimensionControls = ({
     __nextHasNoMarginBottom: true,
     label: __('Aspect ratio'),
     value: aspectRatio,
-    options: [
-    // These should use the same values as AspectRatioDropdown in @wordpress/block-editor
-    {
-      label: __('Original'),
-      value: 'auto'
-    }, {
-      label: __('Square'),
-      value: '1'
-    }, {
-      label: __('16:9'),
-      value: '16/9'
-    }, {
-      label: __('4:3'),
-      value: '4/3'
-    }, {
-      label: __('3:2'),
-      value: '3/2'
-    }, {
-      label: __('9:16'),
-      value: '9/16'
-    }, {
-      label: __('3:4'),
-      value: '3/4'
-    }, {
-      label: __('2:3'),
-      value: '2/3'
-    }],
+    options: aspectRatioOptions,
     onChange: nextAspectRatio => setAttributes({
       aspectRatio: nextAspectRatio
     })

package/build-module/post-featured-image/dimension-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","SelectControl","__experimentalUnitControl","UnitControl","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalUseCustomUnits","useCustomUnits","__experimentalToolsPanelItem","ToolsPanelItem","useSettings","store","blockEditorStore","useSelect","SCALE_OPTIONS","createElement","Fragment","value","label","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","media","availableUnits","units","imageSizes","select","getSettings","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","labelPosition","min","nextHeight","nextWidth","help","isBlock","length","nextSizeSlug"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tuseSettings,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\tmedia,\n} ) => {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', '%', 'vw', 'em', 'rem' ],\n\t} );\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) return;\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t// These should use the same values as AspectRatioDropdown in @wordpress/block-editor\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Original' ),\n\t\t\t\t\t\t\tvalue: 'auto',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Square' ),\n\t\t\t\t\t\t\tvalue: '1',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '16:9' ),\n\t\t\t\t\t\t\tvalue: '16/9',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '4:3' ),\n\t\t\t\t\t\t\tvalue: '4/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:2' ),\n\t\t\t\t\t\t\tvalue: '3/2',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '9:16' ),\n\t\t\t\t\t\t\tvalue: '9/16',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:4' ),\n\t\t\t\t\t\t\tvalue: '3/4',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '2:3' ),\n\t\t\t\t\t\t\tvalue: '2/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","_x","SelectControl","__experimentalUnitControl","UnitControl","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalUseCustomUnits","useCustomUnits","__experimentalToolsPanelItem","ToolsPanelItem","useSettings","store","blockEditorStore","useSelect","SCALE_OPTIONS","createElement","Fragment","value","label","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","media","availableUnits","defaultRatios","themeRatios","showDefaultRatios","units","imageSizes","select","getSettings","imageSizeOptions","filter","slug","media_details","sizes","source_url","map","name","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","themeOptions","ratio","defaultOptions","aspectRatioOptions","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","labelPosition","min","nextHeight","nextWidth","help","isBlock","length","nextSizeSlug"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tuseSettings,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\tmedia,\n} ) => {\n\tconst [ availableUnits, defaultRatios, themeRatios, showDefaultRatios ] =\n\t\tuseSettings(\n\t\t\t'spacing.units',\n\t\t\t'dimensions.aspectRatios.default',\n\t\t\t'dimensions.aspectRatios.theme',\n\t\t\t'dimensions.defaultAspectRatios'\n\t\t);\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', '%', 'vw', 'em', 'rem' ],\n\t} );\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) {\n\t\t\treturn;\n\t\t}\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\tconst themeOptions = themeRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst defaultOptions = defaultRatios?.map( ( { name, ratio } ) => ( {\n\t\tlabel: name,\n\t\tvalue: ratio,\n\t} ) );\n\n\tconst aspectRatioOptions = [\n\t\t{\n\t\t\tlabel: _x(\n\t\t\t\t'Original',\n\t\t\t\t'Aspect ratio option for dimensions control'\n\t\t\t),\n\t\t\tvalue: 'auto',\n\t\t},\n\t\t...( showDefaultRatios ? defaultOptions : [] ),\n\t\t...( themeOptions ? themeOptions : [] ),\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ aspectRatioOptions }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tscale: DEFAULT_SCALE,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -95,7 +95,7 @@ export default function PostFeaturedImageEdit({
       height,
       aspectRatio
     },
-    className: classnames({
+    className: clsx({
       'is-transient': temporaryURL
     })
   });
@@ -104,7 +104,7 @@ export default function PostFeaturedImageEdit({
   const blockEditingMode = useBlockEditingMode();
   const placeholder = content => {
     return createElement(Placeholder, {
-      className: classnames('block-editor-media-placeholder', borderProps.className),
+      className: clsx('block-editor-media-placeholder', borderProps.className),
       withIllustration: true,
       style: {
         height: !!aspectRatio && '100%',