@wordpress/block-library 9.23.0 → 9.25.0

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

@@ -4,9 +4,14 @@
 import { useEntityProp } from '@wordpress/core-data';
 import { dateI18n, humanTimeDiff, getSettings as getDateSettings } from '@wordpress/date';
 import { InspectorControls, useBlockProps, __experimentalDateFormatPicker as DateFormatPicker } from '@wordpress/block-editor';
-import { PanelBody, ToggleControl } from '@wordpress/components';
+import { __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, ToggleControl } from '@wordpress/components';
 import { __, _x } from '@wordpress/i18n';
 
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
+
 /**
  * Renders the `core/comment-date` block on the editor.
  *
@@ -32,24 +37,48 @@ export default function Edit({
   setAttributes
 }) {
   const blockProps = useBlockProps();
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   let [date] = useEntityProp('root', 'comment', 'date', commentId);
   const [siteFormat = getDateSettings().formats.date] = useEntityProp('root', 'site', 'date_format');
   const inspectorControls = /*#__PURE__*/_jsx(InspectorControls, {
-    children: /*#__PURE__*/_jsxs(PanelBody, {
-      title: __('Settings'),
-      children: [/*#__PURE__*/_jsx(DateFormatPicker, {
-        format: format,
-        defaultFormat: siteFormat,
-        onChange: nextFormat => setAttributes({
-          format: nextFormat
+    children: /*#__PURE__*/_jsxs(ToolsPanel, {
+      label: __('Settings'),
+      resetAll: () => {
+        setAttributes({
+          format: undefined,
+          isLink: true
+        });
+      },
+      dropdownMenuProps: dropdownMenuProps,
+      children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
+        label: __('Date format'),
+        hasValue: () => format !== undefined,
+        onDeselect: () => setAttributes({
+          format: undefined
+        }),
+        isShownByDefault: true,
+        children: /*#__PURE__*/_jsx(DateFormatPicker, {
+          format: format,
+          defaultFormat: siteFormat,
+          onChange: nextFormat => setAttributes({
+            format: nextFormat
+          })
         })
-      }), /*#__PURE__*/_jsx(ToggleControl, {
-        __nextHasNoMarginBottom: true,
+      }), /*#__PURE__*/_jsx(ToolsPanelItem, {
         label: __('Link to comment'),
-        onChange: () => setAttributes({
-          isLink: !isLink
+        hasValue: () => !isLink,
+        onDeselect: () => setAttributes({
+          isLink: true
         }),
-        checked: isLink
+        isShownByDefault: true,
+        children: /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Link to comment'),
+          onChange: () => setAttributes({
+            isLink: !isLink
+          }),
+          checked: isLink
+        })
       })]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["useEntityProp","dateI18n","humanTimeDiff","getSettings","getDateSettings","InspectorControls","useBlockProps","__experimentalDateFormatPicker","DateFormatPicker","PanelBody","ToggleControl","__","_x","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Edit","attributes","format","isLink","context","commentId","setAttributes","blockProps","date","siteFormat","formats","inspectorControls","children","title","defaultFormat","onChange","nextFormat","__nextHasNoMarginBottom","label","checked","commentDate","Date","dateTime","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/comment-date/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport {\n\tdateI18n,\n\thumanTimeDiff,\n\tgetSettings as getDateSettings,\n} from '@wordpress/date';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalDateFormatPicker as DateFormatPicker,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Renders the `core/comment-date` block on the editor.\n *\n * @param {Object} props                   React props.\n * @param {Object} props.setAttributes     Callback for updating block attributes.\n * @param {Object} props.attributes        Block attributes.\n * @param {string} props.attributes.format Format of the date.\n * @param {string} props.attributes.isLink Whether the author name should be linked.\n * @param {Object} props.context           Inherited context.\n * @param {string} props.context.commentId The comment ID.\n *\n * @return {JSX.Element} React element.\n */\nexport default function Edit( {\n\tattributes: { format, isLink },\n\tcontext: { commentId },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps();\n\tlet [ date ] = useEntityProp( 'root', 'comment', 'date', commentId );\n\tconst [ siteFormat = getDateSettings().formats.date ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'date_format'\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<DateFormatPicker\n\t\t\t\t\tformat={ format }\n\t\t\t\t\tdefaultFormat={ siteFormat }\n\t\t\t\t\tonChange={ ( nextFormat ) =>\n\t\t\t\t\t\tsetAttributes( { format: nextFormat } )\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={ __( 'Link to comment' ) }\n\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\tchecked={ isLink }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tif ( ! commentId || ! date ) {\n\t\tdate = _x( 'Comment Date', 'block title' );\n\t}\n\n\tlet commentDate =\n\t\tdate instanceof Date ? (\n\t\t\t<time dateTime={ dateI18n( 'c', date ) }>\n\t\t\t\t{ format === 'human-diff'\n\t\t\t\t\t? humanTimeDiff( date )\n\t\t\t\t\t: dateI18n( format || siteFormat, date ) }\n\t\t\t</time>\n\t\t) : (\n\t\t\t<time>{ date }</time>\n\t\t);\n\n\tif ( isLink ) {\n\t\tcommentDate = (\n\t\t\t<a\n\t\t\t\thref=\"#comment-date-pseudo-link\"\n\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t{ commentDate }\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...blockProps }>{ commentDate }</div>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,sBAAsB;AACpD,SACCC,QAAQ,EACRC,aAAa,EACbC,WAAW,IAAIC,eAAe,QACxB,iBAAiB;AACxB,SACCC,iBAAiB,EACjBC,aAAa,EACbC,8BAA8B,IAAIC,gBAAgB,QAC5C,yBAAyB;AAChC,SAASC,SAAS,EAAEC,aAAa,QAAQ,uBAAuB;AAChE,SAASC,EAAE,EAAEC,EAAE,QAAQ,iBAAiB;;AAExC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAaA,eAAe,SAASC,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,MAAM;IAAEC;EAAO,CAAC;EAC9BC,OAAO,EAAE;IAAEC;EAAU,CAAC;EACtBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGpB,aAAa,CAAC,CAAC;EAClC,IAAI,CAAEqB,IAAI,CAAE,GAAG3B,aAAa,CAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAEwB,SAAU,CAAC;EACpE,MAAM,CAAEI,UAAU,GAAGxB,eAAe,CAAC,CAAC,CAACyB,OAAO,CAACF,IAAI,CAAE,GAAG3B,aAAa,CACpE,MAAM,EACN,MAAM,EACN,aACD,CAAC;EAED,MAAM8B,iBAAiB,gBACtBhB,IAAA,CAACT,iBAAiB;IAAA0B,QAAA,eACjBf,KAAA,CAACP,SAAS;MAACuB,KAAK,EAAGrB,EAAE,CAAE,UAAW,CAAG;MAAAoB,QAAA,gBACpCjB,IAAA,CAACN,gBAAgB;QAChBa,MAAM,EAAGA,MAAQ;QACjBY,aAAa,EAAGL,UAAY;QAC5BM,QAAQ,EAAKC,UAAU,IACtBV,aAAa,CAAE;UAAEJ,MAAM,EAAEc;QAAW,CAAE;MACtC,CACD,CAAC,eACFrB,IAAA,CAACJ,aAAa;QACb0B,uBAAuB;QACvBC,KAAK,EAAG1B,EAAE,CAAE,iBAAkB,CAAG;QACjCuB,QAAQ,EAAGA,CAAA,KAAMT,aAAa,CAAE;UAAEH,MAAM,EAAE,CAAEA;QAAO,CAAE,CAAG;QACxDgB,OAAO,EAAGhB;MAAQ,CAClB,CAAC;IAAA,CACQ;EAAC,CACM,CACnB;EAED,IAAK,CAAEE,SAAS,IAAI,CAAEG,IAAI,EAAG;IAC5BA,IAAI,GAAGf,EAAE,CAAE,cAAc,EAAE,aAAc,CAAC;EAC3C;EAEA,IAAI2B,WAAW,GACdZ,IAAI,YAAYa,IAAI,gBACnB1B,IAAA;IAAM2B,QAAQ,EAAGxC,QAAQ,CAAE,GAAG,EAAE0B,IAAK,CAAG;IAAAI,QAAA,EACrCV,MAAM,KAAK,YAAY,GACtBnB,aAAa,CAAEyB,IAAK,CAAC,GACrB1B,QAAQ,CAAEoB,MAAM,IAAIO,UAAU,EAAED,IAAK;EAAC,CACpC,CAAC,gBAEPb,IAAA;IAAAiB,QAAA,EAAQJ;EAAI,CAAQ,CACpB;EAEF,IAAKL,MAAM,EAAG;IACbiB,WAAW,gBACVzB,IAAA;MACC4B,IAAI,EAAC,2BAA2B;MAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;MAAAd,QAAA,EAE7CQ;IAAW,CACX,CACH;EACF;EAEA,oBACCvB,KAAA,CAAAE,SAAA;IAAAa,QAAA,GACGD,iBAAiB,eACnBhB,IAAA;MAAA,GAAUY,UAAU;MAAAK,QAAA,EAAKQ;IAAW,CAAO,CAAC;EAAA,CAC3C,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["useEntityProp","dateI18n","humanTimeDiff","getSettings","getDateSettings","InspectorControls","useBlockProps","__experimentalDateFormatPicker","DateFormatPicker","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","ToggleControl","__","_x","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Edit","attributes","format","isLink","context","commentId","setAttributes","blockProps","dropdownMenuProps","date","siteFormat","formats","inspectorControls","children","label","resetAll","undefined","hasValue","onDeselect","isShownByDefault","defaultFormat","onChange","nextFormat","__nextHasNoMarginBottom","checked","commentDate","Date","dateTime","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/comment-date/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityProp } from '@wordpress/core-data';\nimport {\n\tdateI18n,\n\thumanTimeDiff,\n\tgetSettings as getDateSettings,\n} from '@wordpress/date';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\t__experimentalDateFormatPicker as DateFormatPicker,\n} from '@wordpress/block-editor';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\n/**\n * Renders the `core/comment-date` block on the editor.\n *\n * @param {Object} props                   React props.\n * @param {Object} props.setAttributes     Callback for updating block attributes.\n * @param {Object} props.attributes        Block attributes.\n * @param {string} props.attributes.format Format of the date.\n * @param {string} props.attributes.isLink Whether the author name should be linked.\n * @param {Object} props.context           Inherited context.\n * @param {string} props.context.commentId The comment ID.\n *\n * @return {JSX.Element} React element.\n */\nexport default function Edit( {\n\tattributes: { format, isLink },\n\tcontext: { commentId },\n\tsetAttributes,\n} ) {\n\tconst blockProps = useBlockProps();\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\tlet [ date ] = useEntityProp( 'root', 'comment', 'date', commentId );\n\tconst [ siteFormat = getDateSettings().formats.date ] = useEntityProp(\n\t\t'root',\n\t\t'site',\n\t\t'date_format'\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tformat: undefined,\n\t\t\t\t\t\tisLink: true,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Date format' ) }\n\t\t\t\t\thasValue={ () => format !== undefined }\n\t\t\t\t\tonDeselect={ () => setAttributes( { format: undefined } ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t>\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</ToolsPanelItem>\n\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Link to comment' ) }\n\t\t\t\t\thasValue={ () => ! isLink }\n\t\t\t\t\tonDeselect={ () => setAttributes( { isLink: true } ) }\n\t\t\t\t\tisShownByDefault\n\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={ __( 'Link to comment' ) }\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</ToolsPanelItem>\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\tif ( ! commentId || ! date ) {\n\t\tdate = _x( 'Comment Date', 'block title' );\n\t}\n\n\tlet commentDate =\n\t\tdate instanceof Date ? (\n\t\t\t<time dateTime={ dateI18n( 'c', date ) }>\n\t\t\t\t{ format === 'human-diff'\n\t\t\t\t\t? humanTimeDiff( date )\n\t\t\t\t\t: dateI18n( format || siteFormat, date ) }\n\t\t\t</time>\n\t\t) : (\n\t\t\t<time>{ date }</time>\n\t\t);\n\n\tif ( isLink ) {\n\t\tcommentDate = (\n\t\t\t<a\n\t\t\t\thref=\"#comment-date-pseudo-link\"\n\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t>\n\t\t\t\t{ commentDate }\n\t\t\t</a>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...blockProps }>{ commentDate }</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/comment-edit-link/edit.js

@@ -7,8 +7,13 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { AlignmentControl, BlockControls, InspectorControls, useBlockProps } from '@wordpress/block-editor';
-import { PanelBody, ToggleControl } from '@wordpress/components';
+import { ToggleControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export default function Edit({
   attributes: {
@@ -22,6 +27,7 @@ export default function Edit({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   const blockControls = /*#__PURE__*/_jsx(BlockControls, {
     group: "block",
     children: /*#__PURE__*/_jsx(AlignmentControl, {
@@ -32,15 +38,29 @@ export default function Edit({
     })
   });
   const inspectorControls = /*#__PURE__*/_jsx(InspectorControls, {
-    children: /*#__PURE__*/_jsx(PanelBody, {
-      title: __('Settings'),
-      children: /*#__PURE__*/_jsx(ToggleControl, {
-        __nextHasNoMarginBottom: true,
+    children: /*#__PURE__*/_jsx(ToolsPanel, {
+      label: __('Settings'),
+      resetAll: () => {
+        setAttributes({
+          linkTarget: '_self'
+        });
+      },
+      dropdownMenuProps: dropdownMenuProps,
+      children: /*#__PURE__*/_jsx(ToolsPanelItem, {
         label: __('Open in new tab'),
-        onChange: value => setAttributes({
-          linkTarget: value ? '_blank' : '_self'
+        isShownByDefault: true,
+        hasValue: () => linkTarget === '_blank',
+        onDeselect: () => setAttributes({
+          linkTarget: '_self'
         }),
-        checked: linkTarget === '_blank'
+        children: /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Open in new tab'),
+          onChange: value => setAttributes({
+            linkTarget: value ? '_blank' : '_self'
+          }),
+          checked: linkTarget === '_blank'
+        })
       })
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","AlignmentControl","BlockControls","InspectorControls","useBlockProps","PanelBody","ToggleControl","__","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","className","blockControls","group","children","value","onChange","newAlign","inspectorControls","title","__nextHasNoMarginBottom","label","checked","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/comment-edit-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function Edit( {\n\tattributes: { linkTarget, textAlign },\n\tsetAttributes,\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\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</BlockControls>\n\t);\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={ __( 'Open in new tab' ) }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#edit-comment-pseudo-link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t</a>\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,iBAAiB,EACjBC,aAAa,QACP,yBAAyB;AAChC,SAASC,SAAS,EAAEC,aAAa,QAAQ,uBAAuB;AAChE,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,UAAU;IAAEC;EAAU,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGf,aAAa,CAAE;IACjCgB,SAAS,EAAEpB,IAAI,CAAE;MAChB,CAAE,kBAAmBiB,SAAS,EAAG,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMI,aAAa,gBAClBZ,IAAA,CAACP,aAAa;IAACoB,KAAK,EAAC,OAAO;IAAAC,QAAA,eAC3Bd,IAAA,CAACR,gBAAgB;MAChBuB,KAAK,EAAGP,SAAW;MACnBQ,QAAQ,EAAKC,QAAQ,IACpBR,aAAa,CAAE;QAAED,SAAS,EAAES;MAAS,CAAE;IACvC,CACD;EAAC,CACY,CACf;EACD,MAAMC,iBAAiB,gBACtBlB,IAAA,CAACN,iBAAiB;IAAAoB,QAAA,eACjBd,IAAA,CAACJ,SAAS;MAACuB,KAAK,EAAGrB,EAAE,CAAE,UAAW,CAAG;MAAAgB,QAAA,eACpCd,IAAA,CAACH,aAAa;QACbuB,uBAAuB;QACvBC,KAAK,EAAGvB,EAAE,CAAE,iBAAkB,CAAG;QACjCkB,QAAQ,EAAKD,KAAK,IACjBN,aAAa,CAAE;UACdF,UAAU,EAAEQ,KAAK,GAAG,QAAQ,GAAG;QAChC,CAAE,CACF;QACDO,OAAO,EAAGf,UAAU,KAAK;MAAU,CACnC;IAAC,CACQ;EAAC,CACM,CACnB;EAED,oBACCH,KAAA,CAAAF,SAAA;IAAAY,QAAA,GACGF,aAAa,EACbM,iBAAiB,eACnBlB,IAAA;MAAA,GAAUU,UAAU;MAAAI,QAAA,eACnBd,IAAA;QACCuB,IAAI,EAAC,2BAA2B;QAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;QAAAZ,QAAA,EAE7ChB,EAAE,CAAE,MAAO;MAAC,CACZ;IAAC,CACA,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["clsx","AlignmentControl","BlockControls","InspectorControls","useBlockProps","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useToolsPanelDropdownMenuProps","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","className","dropdownMenuProps","blockControls","group","children","value","onChange","newAlign","inspectorControls","label","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","checked","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/comment-edit-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tInspectorControls,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function Edit( {\n\tattributes: { linkTarget, textAlign },\n\tsetAttributes,\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\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\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</BlockControls>\n\t);\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tlinkTarget: '_self',\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => linkTarget === '_blank' }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { linkTarget: '_self' } )\n\t\t\t\t\t}\n\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={ __( 'Open in new tab' ) }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</ToolsPanel>\n\t\t</InspectorControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\thref=\"#edit-comment-pseudo-link\"\n\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t</a>\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,iBAAiB,EACjBC,aAAa,QACP,yBAAyB;AAChC,SACCC,aAAa,EACbC,wBAAwB,IAAIC,UAAU,EACtCC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,8BAA8B,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhE,eAAe,SAASC,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,UAAU;IAAEC;EAAU,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGnB,aAAa,CAAE;IACjCoB,SAAS,EAAExB,IAAI,CAAE;MAChB,CAAE,kBAAmBqB,SAAS,EAAG,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMI,iBAAiB,GAAGd,8BAA8B,CAAC,CAAC;EAE1D,MAAMe,aAAa,gBAClBb,IAAA,CAACX,aAAa;IAACyB,KAAK,EAAC,OAAO;IAAAC,QAAA,eAC3Bf,IAAA,CAACZ,gBAAgB;MAChB4B,KAAK,EAAGR,SAAW;MACnBS,QAAQ,EAAKC,QAAQ,IACpBT,aAAa,CAAE;QAAED,SAAS,EAAEU;MAAS,CAAE;IACvC,CACD;EAAC,CACY,CACf;EACD,MAAMC,iBAAiB,gBACtBnB,IAAA,CAACV,iBAAiB;IAAAyB,QAAA,eACjBf,IAAA,CAACN,UAAU;MACV0B,KAAK,EAAGvB,EAAE,CAAE,UAAW,CAAG;MAC1BwB,QAAQ,EAAGA,CAAA,KAAM;QAChBZ,aAAa,CAAE;UACdF,UAAU,EAAE;QACb,CAAE,CAAC;MACJ,CAAG;MACHK,iBAAiB,EAAGA,iBAAmB;MAAAG,QAAA,eAEvCf,IAAA,CAACJ,cAAc;QACdwB,KAAK,EAAGvB,EAAE,CAAE,iBAAkB,CAAG;QACjCyB,gBAAgB;QAChBC,QAAQ,EAAGA,CAAA,KAAMhB,UAAU,KAAK,QAAU;QAC1CiB,UAAU,EAAGA,CAAA,KACZf,aAAa,CAAE;UAAEF,UAAU,EAAE;QAAQ,CAAE,CACvC;QAAAQ,QAAA,eAEDf,IAAA,CAACR,aAAa;UACbiC,uBAAuB;UACvBL,KAAK,EAAGvB,EAAE,CAAE,iBAAkB,CAAG;UACjCoB,QAAQ,EAAKD,KAAK,IACjBP,aAAa,CAAE;YACdF,UAAU,EAAES,KAAK,GAAG,QAAQ,GAAG;UAChC,CAAE,CACF;UACDU,OAAO,EAAGnB,UAAU,KAAK;QAAU,CACnC;MAAC,CACa;IAAC,CACN;EAAC,CACK,CACnB;EAED,oBACCH,KAAA,CAAAF,SAAA;IAAAa,QAAA,GACGF,aAAa,EACbM,iBAAiB,eACnBnB,IAAA;MAAA,GAAUU,UAAU;MAAAK,QAAA,eACnBf,IAAA;QACC2B,IAAI,EAAC,2BAA2B;QAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;QAAAf,QAAA,EAE7ClB,EAAE,CAAE,MAAO;MAAC,CACZ;IAAC,CACA,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build-module/comments/edit/comments-inspector-controls.js

@@ -16,8 +16,7 @@ export default function CommentsInspectorControls({
   attributes: {
     tagName
   },
-  setAttributes,
-  clientId
+  setAttributes
 }) {
   return /*#__PURE__*/_jsx(InspectorControls, {
     children: /*#__PURE__*/_jsx(InspectorControls, {
@@ -27,7 +26,6 @@ export default function CommentsInspectorControls({
         onChange: value => setAttributes({
           tagName: value
         }),
-        clientId: clientId,
         options: [{
           label: __('Default (<div>)'),
           value: 'div'

package/build-module/comments/edit/comments-inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","InspectorControls","privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","HTMLElementControl","CommentsInspectorControls","attributes","tagName","setAttributes","clientId","children","group","onChange","value","options","label"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { HTMLElementControl } = unlock( blockEditorPrivateApis );\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n\tclientId,\n} ) {\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,iBAAiB,EACjBC,WAAW,IAAIC,sBAAsB,QAC/B,yBAAyB;;AAEhC;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC;AAAmB,CAAC,GAAGH,MAAM,CAAED,sBAAuB,CAAC;AAE/D,eAAe,SAASK,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,oBACCN,IAAA,CAACL,iBAAiB;IAAAY,QAAA,eACjBP,IAAA,CAACL,iBAAiB;MAACa,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClCP,IAAA,CAACC,kBAAkB;QAClBG,OAAO,EAAGA,OAAS;QACnBK,QAAQ,EAAKC,KAAK,IACjBL,aAAa,CAAE;UAAED,OAAO,EAAEM;QAAM,CAAE,CAClC;QACDJ,QAAQ,EAAGA,QAAU;QACrBK,OAAO,EAAG,CACT;UAAEC,KAAK,EAAElB,EAAE,CAAE,iBAAkB,CAAC;UAAEgB,KAAK,EAAE;QAAM,CAAC,EAChD;UAAEE,KAAK,EAAE,WAAW;UAAEF,KAAK,EAAE;QAAU,CAAC,EACxC;UAAEE,KAAK,EAAE,SAAS;UAAEF,KAAK,EAAE;QAAQ,CAAC;MAClC,CACH;IAAC,CACgB;EAAC,CACF,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["__","InspectorControls","privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","HTMLElementControl","CommentsInspectorControls","attributes","tagName","setAttributes","children","group","onChange","value","options","label"],"sources":["@wordpress/block-library/src/comments/edit/comments-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { HTMLElementControl } = unlock( blockEditorPrivateApis );\n\nexport default function CommentsInspectorControls( {\n\tattributes: { tagName },\n\tsetAttributes,\n} ) {\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<HTMLElementControl\n\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</InspectorControls>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,iBAAiB,EACjBC,WAAW,IAAIC,sBAAsB,QAC/B,yBAAyB;;AAEhC;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC;AAAmB,CAAC,GAAGH,MAAM,CAAED,sBAAuB,CAAC;AAE/D,eAAe,SAASK,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC;AACD,CAAC,EAAG;EACH,oBACCL,IAAA,CAACL,iBAAiB;IAAAW,QAAA,eACjBN,IAAA,CAACL,iBAAiB;MAACY,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClCN,IAAA,CAACC,kBAAkB;QAClBG,OAAO,EAAGA,OAAS;QACnBI,QAAQ,EAAKC,KAAK,IACjBJ,aAAa,CAAE;UAAED,OAAO,EAAEK;QAAM,CAAE,CAClC;QACDC,OAAO,EAAG,CACT;UAAEC,KAAK,EAAEjB,EAAE,CAAE,iBAAkB,CAAC;UAAEe,KAAK,EAAE;QAAM,CAAC,EAChD;UAAEE,KAAK,EAAE,WAAW;UAAEF,KAAK,EAAE;QAAU,CAAC,EACxC;UAAEE,KAAK,EAAE,SAAS;UAAEF,KAAK,EAAE;QAAQ,CAAC;MAClC,CACH;IAAC,CACgB;EAAC,CACF,CAAC;AAEtB","ignoreList":[]}

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

@@ -4,12 +4,13 @@
 import { __ } from '@wordpress/i18n';
 import { InspectorControls, useBlockProps, useInnerBlocksProps, store as blockEditorStore, Warning } from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
-import { PanelBody } from '@wordpress/components';
+import { __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 
 /**
  * Internal dependencies
  */
 import { CommentsPaginationArrowControls } from './comments-pagination-arrow-controls';
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const TEMPLATE = [['core/comments-pagination-previous'], ['core/comments-pagination-numbers'], ['core/comments-pagination-next']];
 export default function QueryPaginationEdit({
@@ -34,6 +35,7 @@ export default function QueryPaginationEdit({
     });
   }, []);
   const blockProps = useBlockProps();
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
     template: TEMPLATE
   });
@@ -59,15 +61,27 @@ export default function QueryPaginationEdit({
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [hasNextPreviousBlocks && /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsx(PanelBody, {
-        title: __('Settings'),
-        children: /*#__PURE__*/_jsx(CommentsPaginationArrowControls, {
-          value: paginationArrow,
-          onChange: value => {
-            setAttributes({
-              paginationArrow: value
-            });
-          }
+      children: /*#__PURE__*/_jsx(ToolsPanel, {
+        label: __('Settings'),
+        dropdownMenuProps: dropdownMenuProps,
+        resetAll: () => setAttributes({
+          paginationArrow: 'none'
+        }),
+        children: /*#__PURE__*/_jsx(ToolsPanelItem, {
+          label: __('Arrow'),
+          hasValue: () => paginationArrow !== 'none',
+          onDeselect: () => setAttributes({
+            paginationArrow: 'none'
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/_jsx(CommentsPaginationArrowControls, {
+            value: paginationArrow,
+            onChange: value => {
+              setAttributes({
+                paginationArrow: value
+              });
+            }
+          })
         })
       })
     }), /*#__PURE__*/_jsx("div", {

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

@@ -1 +1 @@
-{"version":3,"names":["__","InspectorControls","useBlockProps","useInnerBlocksProps","store","blockEditorStore","Warning","useSelect","PanelBody","CommentsPaginationArrowControls","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TEMPLATE","QueryPaginationEdit","attributes","paginationArrow","setAttributes","clientId","hasNextPreviousBlocks","select","getBlocks","innerBlocks","find","innerBlock","includes","name","blockProps","innerBlocksProps","template","pageComments","getSettings","__experimentalDiscussionSettings","children","title","value","onChange"],"sources":["@wordpress/block-library/src/comments-pagination/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\tWarning,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { CommentsPaginationArrowControls } from './comments-pagination-arrow-controls';\n\nconst TEMPLATE = [\n\t[ 'core/comments-pagination-previous' ],\n\t[ 'core/comments-pagination-numbers' ],\n\t[ 'core/comments-pagination-next' ],\n];\n\nexport default function QueryPaginationEdit( {\n\tattributes: { paginationArrow },\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst hasNextPreviousBlocks = useSelect( ( select ) => {\n\t\tconst { getBlocks } = select( blockEditorStore );\n\t\tconst innerBlocks = getBlocks( clientId );\n\t\t/**\n\t\t * Show the `paginationArrow` control only if a\n\t\t * Comments Pagination Next or Comments Pagination Previous\n\t\t * block exists.\n\t\t */\n\t\treturn innerBlocks?.find( ( innerBlock ) => {\n\t\t\treturn [\n\t\t\t\t'core/comments-pagination-previous',\n\t\t\t\t'core/comments-pagination-next',\n\t\t\t].includes( innerBlock.name );\n\t\t} );\n\t}, [] );\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\t// Get the Discussion settings\n\tconst pageComments = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\treturn __experimentalDiscussionSettings?.pageComments;\n\t}, [] );\n\n\t// If paging comments is not enabled in the Discussion Settings then hide the pagination\n\t// controls. We don't want to remove them from the template so that when the user enables\n\t// paging comments, the controls will be visible.\n\tif ( ! pageComments ) {\n\t\treturn (\n\t\t\t<Warning>\n\t\t\t\t{ __(\n\t\t\t\t\t'Comments Pagination block: paging comments is disabled in the Discussion Settings'\n\t\t\t\t) }\n\t\t\t</Warning>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ hasNextPreviousBlocks && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t\t<CommentsPaginationArrowControls\n\t\t\t\t\t\t\tvalue={ paginationArrow }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( { paginationArrow: value } );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,iBAAiB,EACjBC,aAAa,EACbC,mBAAmB,EACnBC,KAAK,IAAIC,gBAAgB,EACzBC,OAAO,QACD,yBAAyB;AAChC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,SAAS,QAAQ,uBAAuB;;AAEjD;AACA;AACA;AACA,SAASC,+BAA+B,QAAQ,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEvF,MAAMC,QAAQ,GAAG,CAChB,CAAE,mCAAmC,CAAE,EACvC,CAAE,kCAAkC,CAAE,EACtC,CAAE,+BAA+B,CAAE,CACnC;AAED,eAAe,SAASC,mBAAmBA,CAAE;EAC5CC,UAAU,EAAE;IAAEC;EAAgB,CAAC;EAC/BC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAMC,qBAAqB,GAAGf,SAAS,CAAIgB,MAAM,IAAM;IACtD,MAAM;MAAEC;IAAU,CAAC,GAAGD,MAAM,CAAElB,gBAAiB,CAAC;IAChD,MAAMoB,WAAW,GAAGD,SAAS,CAAEH,QAAS,CAAC;IACzC;AACF;AACA;AACA;AACA;IACE,OAAOI,WAAW,EAAEC,IAAI,CAAIC,UAAU,IAAM;MAC3C,OAAO,CACN,mCAAmC,EACnC,+BAA+B,CAC/B,CAACC,QAAQ,CAAED,UAAU,CAACE,IAAK,CAAC;IAC9B,CAAE,CAAC;EACJ,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,UAAU,GAAG5B,aAAa,CAAC,CAAC;EAClC,MAAM6B,gBAAgB,GAAG5B,mBAAmB,CAAE2B,UAAU,EAAE;IACzDE,QAAQ,EAAEhB;EACX,CAAE,CAAC;;EAEH;EACA,MAAMiB,YAAY,GAAG1B,SAAS,CAAIgB,MAAM,IAAM;IAC7C,MAAM;MAAEW;IAAY,CAAC,GAAGX,MAAM,CAAElB,gBAAiB,CAAC;IAClD,MAAM;MAAE8B;IAAiC,CAAC,GAAGD,WAAW,CAAC,CAAC;IAC1D,OAAOC,gCAAgC,EAAEF,YAAY;EACtD,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA;EACA;EACA,IAAK,CAAEA,YAAY,EAAG;IACrB,oBACCtB,IAAA,CAACL,OAAO;MAAA8B,QAAA,EACLpC,EAAE,CACH,mFACD;IAAC,CACO,CAAC;EAEZ;EAEA,oBACCe,KAAA,CAAAF,SAAA;IAAAuB,QAAA,GACGd,qBAAqB,iBACtBX,IAAA,CAACV,iBAAiB;MAAAmC,QAAA,eACjBzB,IAAA,CAACH,SAAS;QAAC6B,KAAK,EAAGrC,EAAE,CAAE,UAAW,CAAG;QAAAoC,QAAA,eACpCzB,IAAA,CAACF,+BAA+B;UAC/B6B,KAAK,EAAGnB,eAAiB;UACzBoB,QAAQ,EAAKD,KAAK,IAAM;YACvBlB,aAAa,CAAE;cAAED,eAAe,EAAEmB;YAAM,CAAE,CAAC;UAC5C;QAAG,CACH;MAAC,CACQ;IAAC,CACM,CACnB,eACD3B,IAAA;MAAA,GAAUoB;IAAgB,CAAI,CAAC;EAAA,CAC9B,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["__","InspectorControls","useBlockProps","useInnerBlocksProps","store","blockEditorStore","Warning","useSelect","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","CommentsPaginationArrowControls","useToolsPanelDropdownMenuProps","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TEMPLATE","QueryPaginationEdit","attributes","paginationArrow","setAttributes","clientId","hasNextPreviousBlocks","select","getBlocks","innerBlocks","find","innerBlock","includes","name","blockProps","dropdownMenuProps","innerBlocksProps","template","pageComments","getSettings","__experimentalDiscussionSettings","children","label","resetAll","hasValue","onDeselect","isShownByDefault","value","onChange"],"sources":["@wordpress/block-library/src/comments-pagination/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInspectorControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\tWarning,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { CommentsPaginationArrowControls } from './comments-pagination-arrow-controls';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst TEMPLATE = [\n\t[ 'core/comments-pagination-previous' ],\n\t[ 'core/comments-pagination-numbers' ],\n\t[ 'core/comments-pagination-next' ],\n];\n\nexport default function QueryPaginationEdit( {\n\tattributes: { paginationArrow },\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst hasNextPreviousBlocks = useSelect( ( select ) => {\n\t\tconst { getBlocks } = select( blockEditorStore );\n\t\tconst innerBlocks = getBlocks( clientId );\n\t\t/**\n\t\t * Show the `paginationArrow` control only if a\n\t\t * Comments Pagination Next or Comments Pagination Previous\n\t\t * block exists.\n\t\t */\n\t\treturn innerBlocks?.find( ( innerBlock ) => {\n\t\t\treturn [\n\t\t\t\t'core/comments-pagination-previous',\n\t\t\t\t'core/comments-pagination-next',\n\t\t\t].includes( innerBlock.name );\n\t\t} );\n\t}, [] );\n\n\tconst blockProps = useBlockProps();\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t} );\n\n\t// Get the Discussion settings\n\tconst pageComments = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\tconst { __experimentalDiscussionSettings } = getSettings();\n\t\treturn __experimentalDiscussionSettings?.pageComments;\n\t}, [] );\n\n\t// If paging comments is not enabled in the Discussion Settings then hide the pagination\n\t// controls. We don't want to remove them from the template so that when the user enables\n\t// paging comments, the controls will be visible.\n\tif ( ! pageComments ) {\n\t\treturn (\n\t\t\t<Warning>\n\t\t\t\t{ __(\n\t\t\t\t\t'Comments Pagination block: paging comments is disabled in the Discussion Settings'\n\t\t\t\t) }\n\t\t\t</Warning>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ hasNextPreviousBlocks && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<ToolsPanel\n\t\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t\t\tresetAll={ () =>\n\t\t\t\t\t\t\tsetAttributes( { paginationArrow: 'none' } )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\t\tlabel={ __( 'Arrow' ) }\n\t\t\t\t\t\t\thasValue={ () => paginationArrow !== 'none' }\n\t\t\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( { paginationArrow: 'none' } )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CommentsPaginationArrowControls\n\t\t\t\t\t\t\t\tvalue={ paginationArrow }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( { paginationArrow: value } );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t\t</ToolsPanel>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,11 +9,16 @@ import clsx from 'clsx';
 import { AlignmentControl, BlockControls, useBlockProps, InspectorControls, store as blockEditorStore, HeadingLevelDropdown } from '@wordpress/block-editor';
 import { __, _n, sprintf } from '@wordpress/i18n';
 import { useEntityProp } from '@wordpress/core-data';
-import { PanelBody, ToggleControl } from '@wordpress/components';
+import { ToggleControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
 import { useState, useEffect } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
 import apiFetch from '@wordpress/api-fetch';
 import { addQueryArgs } from '@wordpress/url';
+
+/**
+ * Internal dependencies
+ */
+import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function Edit({
   attributes: {
@@ -49,6 +54,7 @@ export default function Edit({
     } = select(blockEditorStore);
     return getSettings().__experimentalDiscussionSettings;
   });
+  const dropdownMenuProps = useToolsPanelDropdownMenuProps();
   useEffect(() => {
     if (isSiteEditor) {
       // Match the number of comments that will be shown in the comment-template/edit.js placeholder
@@ -92,21 +98,44 @@ export default function Edit({
     })]
   });
   const inspectorControls = /*#__PURE__*/_jsx(InspectorControls, {
-    children: /*#__PURE__*/_jsxs(PanelBody, {
-      title: __('Settings'),
-      children: [/*#__PURE__*/_jsx(ToggleControl, {
-        __nextHasNoMarginBottom: true,
+    children: /*#__PURE__*/_jsxs(ToolsPanel, {
+      label: __('Settings'),
+      resetAll: () => {
+        setAttributes({
+          showPostTitle: true,
+          showCommentsCount: true
+        });
+      },
+      dropdownMenuProps: dropdownMenuProps,
+      children: [/*#__PURE__*/_jsx(ToolsPanelItem, {
         label: __('Show post title'),
-        checked: showPostTitle,
-        onChange: value => setAttributes({
-          showPostTitle: value
+        isShownByDefault: true,
+        hasValue: () => !showPostTitle,
+        onDeselect: () => setAttributes({
+          showPostTitle: true
+        }),
+        children: /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Show post title'),
+          checked: showPostTitle,
+          onChange: value => setAttributes({
+            showPostTitle: value
+          })
         })
-      }), /*#__PURE__*/_jsx(ToggleControl, {
-        __nextHasNoMarginBottom: true,
+      }), /*#__PURE__*/_jsx(ToolsPanelItem, {
         label: __('Show comments count'),
-        checked: showCommentsCount,
-        onChange: value => setAttributes({
-          showCommentsCount: value
+        isShownByDefault: true,
+        hasValue: () => !showCommentsCount,
+        onDeselect: () => setAttributes({
+          showCommentsCount: true
+        }),
+        children: /*#__PURE__*/_jsx(ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Show comments count'),
+          checked: showCommentsCount,
+          onChange: value => setAttributes({
+            showCommentsCount: value
+          })
         })
       })]
     })

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","AlignmentControl","BlockControls","useBlockProps","InspectorControls","store","blockEditorStore","HeadingLevelDropdown","__","_n","sprintf","useEntityProp","PanelBody","ToggleControl","useState","useEffect","useSelect","apiFetch","addQueryArgs","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","levelOptions","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","group","children","value","onChange","newAlign","options","newLevel","inspectorControls","title","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined"],"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: {\n\t\ttextAlign,\n\t\tshowPostTitle,\n\t\tshowCommentsCount,\n\t\tlevel,\n\t\tlevelOptions,\n\t},\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\toptions={ levelOptions }\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","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","useState","useEffect","useSelect","apiFetch","addQueryArgs","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","levelOptions","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","rawTitle","isSiteEditor","blockProps","className","threadCommentsDepth","threadComments","commentsPerPage","pageComments","select","getSettings","__experimentalDiscussionSettings","dropdownMenuProps","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","path","post","_fields","method","parse","then","res","headers","get","catch","blockControls","group","children","value","onChange","newAlign","options","newLevel","inspectorControls","label","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","checked","postTitle","placeholder","undefined"],"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 {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} 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\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nexport default function Edit( {\n\tattributes: {\n\t\ttextAlign,\n\t\tshowPostTitle,\n\t\tshowCommentsCount,\n\t\tlevel,\n\t\tlevelOptions,\n\t},\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\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\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\toptions={ levelOptions }\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<ToolsPanel\n\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\tresetAll={ () => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tshowPostTitle: true,\n\t\t\t\t\t\tshowCommentsCount: true,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! showPostTitle }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { showPostTitle: true } )\n\t\t\t\t\t}\n\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={ __( 'Show post title' ) }\n\t\t\t\t\t\tchecked={ showPostTitle }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { showPostTitle: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\thasValue={ () => ! showCommentsCount }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { showCommentsCount: true } )\n\t\t\t\t\t}\n\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={ __( 'Show comments count' ) }\n\t\t\t\t\t\tchecked={ showCommentsCount }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { showCommentsCount: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</ToolsPanel>\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/details/edit.js

@@ -1,22 +1,28 @@
 /**
  * WordPress dependencies
  */
-import { RichText, useBlockProps, useInnerBlocksProps, InspectorControls } from '@wordpress/block-editor';
-import { TextControl, ToggleControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
+import { RichText, useBlockProps, useInnerBlocksProps, InspectorControls, store as blockEditorStore } from '@wordpress/block-editor';
+import { TextControl, ToggleControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useState } from '@wordpress/element';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
  */
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
+import { unlock } from '../lock-unlock';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  withIgnoreIMEEvents
+} = unlock(componentsPrivateApis);
 const TEMPLATE = [['core/paragraph', {
   placeholder: __('Type / to add a hidden block')
 }]];
 function DetailsEdit({
   attributes,
-  setAttributes
+  setAttributes,
+  clientId
 }) {
   const {
     name,
@@ -33,6 +39,22 @@ function DetailsEdit({
   });
   const [isOpen, setIsOpen] = useState(showContent);
   const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+
+  // Check if the inner blocks are selected.
+  const hasSelectedInnerBlock = useSelect(select => select(blockEditorStore).hasSelectedInnerBlock(clientId, true), [clientId]);
+  const handleSummaryKeyDown = event => {
+    if (event.key === 'Enter' && !event.shiftKey) {
+      setIsOpen(prevIsOpen => !prevIsOpen);
+      event.preventDefault();
+    }
+  };
+
+  // Prevent spacebar from toggling <details> while typing.
+  const handleSummaryKeyUp = event => {
+    if (event.key === ' ') {
+      event.preventDefault();
+    }
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(InspectorControls, {
       children: /*#__PURE__*/_jsx(ToolsPanel, {
@@ -76,12 +98,14 @@ function DetailsEdit({
       })
     }), /*#__PURE__*/_jsxs("details", {
       ...innerBlocksProps,
-      open: isOpen,
+      open: isOpen || hasSelectedInnerBlock,
       onToggle: event => setIsOpen(event.target.open),
       children: [/*#__PURE__*/_jsx("summary", {
+        onKeyDown: withIgnoreIMEEvents(handleSummaryKeyDown),
+        onKeyUp: handleSummaryKeyUp,
         children: /*#__PURE__*/_jsx(RichText, {
           identifier: "summary",
-          "aria-label": __('Write summary'),
+          "aria-label": __('Write summary. Press Enter to expand or collapse the details.'),
           placeholder: placeholder || __('Write summary…'),
           withoutInteractiveFormatting: true,
           value: summary,

package/build-module/details/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["RichText","useBlockProps","useInnerBlocksProps","InspectorControls","TextControl","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useState","useToolsPanelDropdownMenuProps","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TEMPLATE","placeholder","DetailsEdit","attributes","setAttributes","name","showContent","summary","allowedBlocks","blockProps","innerBlocksProps","template","__experimentalCaptureToolbars","isOpen","setIsOpen","dropdownMenuProps","children","label","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","checked","onChange","group","__next40pxDefaultSize","value","newName","help","open","onToggle","event","target","identifier","withoutInteractiveFormatting","newSummary"],"sources":["@wordpress/block-library/src/details/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport {\n\tTextControl,\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to add a hidden block' ),\n\t\t},\n\t],\n];\n\nfunction DetailsEdit( { attributes, setAttributes } ) {\n\tconst { name, showContent, summary, allowedBlocks, placeholder } =\n\t\tattributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\t__experimentalCaptureToolbars: true,\n\t\tallowedBlocks,\n\t} );\n\tconst [ isOpen, setIsOpen ] = useState( showContent );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tshowContent: false,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\thasValue={ () => showContent }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowContent: false,\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\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\t\tchecked={ showContent }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowContent: ! showContent,\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name attribute' ) }\n\t\t\t\t\tvalue={ name || '' }\n\t\t\t\t\tonChange={ ( newName ) =>\n\t\t\t\t\t\tsetAttributes( { name: newName } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Enables multiple Details blocks with the same name attribute to be connected, with only one open at a time.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<details\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\topen={ isOpen }\n\t\t\t\tonToggle={ ( event ) => setIsOpen( event.target.open ) }\n\t\t\t>\n\t\t\t\t<summary>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"summary\"\n\t\t\t\t\t\taria-label={ __( 'Write summary' ) }\n\t\t\t\t\t\tplaceholder={ placeholder || __( 'Write summary…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ summary }\n\t\t\t\t\t\tonChange={ ( newSummary ) =>\n\t\t\t\t\t\t\tsetAttributes( { summary: newSummary } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</summary>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</details>\n\t\t</>\n\t);\n}\n\nexport default DetailsEdit;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["RichText","useBlockProps","useInnerBlocksProps","InspectorControls","store","blockEditorStore","TextControl","ToggleControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","privateApis","componentsPrivateApis","__","useState","useSelect","useToolsPanelDropdownMenuProps","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","withIgnoreIMEEvents","TEMPLATE","placeholder","DetailsEdit","attributes","setAttributes","clientId","name","showContent","summary","allowedBlocks","blockProps","innerBlocksProps","template","__experimentalCaptureToolbars","isOpen","setIsOpen","dropdownMenuProps","hasSelectedInnerBlock","select","handleSummaryKeyDown","event","key","shiftKey","prevIsOpen","preventDefault","handleSummaryKeyUp","children","label","resetAll","isShownByDefault","hasValue","onDeselect","__nextHasNoMarginBottom","checked","onChange","group","__next40pxDefaultSize","value","newName","help","open","onToggle","target","onKeyDown","onKeyUp","identifier","withoutInteractiveFormatting","newSummary"],"sources":["@wordpress/block-library/src/details/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tTextControl,\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\nimport { unlock } from '../lock-unlock';\n\nconst { withIgnoreIMEEvents } = unlock( componentsPrivateApis );\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to add a hidden block' ),\n\t\t},\n\t],\n];\n\nfunction DetailsEdit( { attributes, setAttributes, clientId } ) {\n\tconst { name, showContent, summary, allowedBlocks, placeholder } =\n\t\tattributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\t__experimentalCaptureToolbars: true,\n\t\tallowedBlocks,\n\t} );\n\tconst [ isOpen, setIsOpen ] = useState( showContent );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\t// Check if the inner blocks are selected.\n\tconst hasSelectedInnerBlock = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).hasSelectedInnerBlock( clientId, true ),\n\t\t[ clientId ]\n\t);\n\n\tconst handleSummaryKeyDown = ( event ) => {\n\t\tif ( event.key === 'Enter' && ! event.shiftKey ) {\n\t\t\tsetIsOpen( ( prevIsOpen ) => ! prevIsOpen );\n\t\t\tevent.preventDefault();\n\t\t}\n\t};\n\n\t// Prevent spacebar from toggling <details> while typing.\n\tconst handleSummaryKeyUp = ( event ) => {\n\t\tif ( event.key === ' ' ) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<ToolsPanel\n\t\t\t\t\tlabel={ __( 'Settings' ) }\n\t\t\t\t\tresetAll={ () => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tshowContent: false,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t\t>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\thasValue={ () => showContent }\n\t\t\t\t\t\tonDeselect={ () => {\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowContent: false,\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\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\t\tchecked={ showContent }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowContent: ! showContent,\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</ToolsPanel>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name attribute' ) }\n\t\t\t\t\tvalue={ name || '' }\n\t\t\t\t\tonChange={ ( newName ) =>\n\t\t\t\t\t\tsetAttributes( { name: newName } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Enables multiple Details blocks with the same name attribute to be connected, with only one open at a time.'\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<details\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\topen={ isOpen || hasSelectedInnerBlock }\n\t\t\t\tonToggle={ ( event ) => setIsOpen( event.target.open ) }\n\t\t\t>\n\t\t\t\t<summary\n\t\t\t\t\tonKeyDown={ withIgnoreIMEEvents( handleSummaryKeyDown ) }\n\t\t\t\t\tonKeyUp={ handleSummaryKeyUp }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"summary\"\n\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t'Write summary. Press Enter to expand or collapse the details.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplaceholder={ placeholder || __( 'Write summary…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ summary }\n\t\t\t\t\t\tonChange={ ( newSummary ) =>\n\t\t\t\t\t\t\tsetAttributes( { summary: newSummary } )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</summary>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</details>\n\t\t</>\n\t);\n}\n\nexport default DetailsEdit;\n"],"mappings":"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","ignoreList":[]}

package/build-module/details/index.js

@@ -25,7 +25,8 @@ const metadata = {
     summary: {
       type: "rich-text",
       source: "rich-text",
-      selector: "summary"
+      selector: "summary",
+      role: "content"
     },
     name: {
       type: "string",