@wordpress/block-library 9.23.0 → 9.25.0

package/build/comment-date/edit.js

@@ -9,11 +9,16 @@ var _date = require("@wordpress/date");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 /**
  * Renders the `core/comment-date` block on the editor.
  *
@@ -37,24 +42,48 @@ var _jsxRuntime = require("react/jsx-runtime");
   setAttributes
 }) {
   const blockProps = (0, _blockEditor.useBlockProps)();
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   let [date] = (0, _coreData.useEntityProp)('root', 'comment', 'date', commentId);
   const [siteFormat = (0, _date.getSettings)().formats.date] = (0, _coreData.useEntityProp)('root', 'site', 'date_format');
   const inspectorControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-      title: (0, _i18n.__)('Settings'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalDateFormatPicker, {
-        format: format,
-        defaultFormat: siteFormat,
-        onChange: nextFormat => setAttributes({
-          format: nextFormat
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+      label: (0, _i18n.__)('Settings'),
+      resetAll: () => {
+        setAttributes({
+          format: undefined,
+          isLink: true
+        });
+      },
+      dropdownMenuProps: dropdownMenuProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+        label: (0, _i18n.__)('Date format'),
+        hasValue: () => format !== undefined,
+        onDeselect: () => setAttributes({
+          format: undefined
+        }),
+        isShownByDefault: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalDateFormatPicker, {
+          format: format,
+          defaultFormat: siteFormat,
+          onChange: nextFormat => setAttributes({
+            format: nextFormat
+          })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-        __nextHasNoMarginBottom: true,
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
         label: (0, _i18n.__)('Link to comment'),
-        onChange: () => setAttributes({
-          isLink: !isLink
+        hasValue: () => !isLink,
+        onDeselect: () => setAttributes({
+          isLink: true
         }),
-        checked: isLink
+        isShownByDefault: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Link to comment'),
+          onChange: () => setAttributes({
+            isLink: !isLink
+          }),
+          checked: isLink
+        })
       })]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_coreData","require","_date","_blockEditor","_components","_i18n","_jsxRuntime","Edit","attributes","format","isLink","context","commentId","setAttributes","blockProps","useBlockProps","date","useEntityProp","siteFormat","getDateSettings","formats","inspectorControls","jsx","InspectorControls","children","jsxs","PanelBody","title","__","__experimentalDateFormatPicker","defaultFormat","onChange","nextFormat","ToggleControl","__nextHasNoMarginBottom","label","checked","_x","commentDate","Date","dateTime","dateI18n","humanTimeDiff","href","onClick","event","preventDefault","Fragment"],"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":"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","ignoreList":[]}
+{"version":3,"names":["_coreData","require","_date","_blockEditor","_components","_i18n","_hooks","_jsxRuntime","Edit","attributes","format","isLink","context","commentId","setAttributes","blockProps","useBlockProps","dropdownMenuProps","useToolsPanelDropdownMenuProps","date","useEntityProp","siteFormat","getDateSettings","formats","inspectorControls","jsx","InspectorControls","children","jsxs","__experimentalToolsPanel","label","__","resetAll","undefined","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","__experimentalDateFormatPicker","defaultFormat","onChange","nextFormat","ToggleControl","__nextHasNoMarginBottom","checked","_x","commentDate","Date","dateTime","dateI18n","humanTimeDiff","href","onClick","event","preventDefault","Fragment"],"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/comment-edit-link/edit.js

@@ -9,6 +9,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -18,6 +19,10 @@ var _jsxRuntime = require("react/jsx-runtime");
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 function Edit({
   attributes: {
     linkTarget,
@@ -30,6 +35,7 @@ function Edit({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   const blockControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
     group: "block",
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.AlignmentControl, {
@@ -40,15 +46,29 @@ function Edit({
     })
   });
   const inspectorControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
-      title: (0, _i18n.__)('Settings'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-        __nextHasNoMarginBottom: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanel, {
+      label: (0, _i18n.__)('Settings'),
+      resetAll: () => {
+        setAttributes({
+          linkTarget: '_self'
+        });
+      },
+      dropdownMenuProps: dropdownMenuProps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
         label: (0, _i18n.__)('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__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Open in new tab'),
+          onChange: value => setAttributes({
+            linkTarget: value ? '_blank' : '_self'
+          }),
+          checked: linkTarget === '_blank'
+        })
       })
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_i18n","_jsxRuntime","Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","useBlockProps","className","clsx","blockControls","jsx","BlockControls","group","children","AlignmentControl","value","onChange","newAlign","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","jsxs","Fragment","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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAqC,IAAAI,WAAA,GAAAJ,OAAA;AAfrC;AACA;AACA;;AAGA;AACA;AACA;;AAUe,SAASK,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,UAAU;IAAEC;EAAU,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAE,kBAAmBL,SAAS,EAAG,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMM,aAAa,gBAClB,IAAAV,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAe,aAAa;IAACC,KAAK,EAAC,OAAO;IAAAC,QAAA,eAC3B,IAAAd,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAkB,gBAAgB;MAChBC,KAAK,EAAGZ,SAAW;MACnBa,QAAQ,EAAKC,QAAQ,IACpBb,aAAa,CAAE;QAAED,SAAS,EAAEc;MAAS,CAAE;IACvC,CACD;EAAC,CACY,CACf;EACD,MAAMC,iBAAiB,gBACtB,IAAAnB,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAuB,iBAAiB;IAAAN,QAAA,eACjB,IAAAd,WAAA,CAAAW,GAAA,EAACb,WAAA,CAAAuB,SAAS;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;MAAAT,QAAA,eACpC,IAAAd,WAAA,CAAAW,GAAA,EAACb,WAAA,CAAA0B,aAAa;QACbC,uBAAuB;QACvBC,KAAK,EAAG,IAAAH,QAAE,EAAE,iBAAkB,CAAG;QACjCN,QAAQ,EAAKD,KAAK,IACjBX,aAAa,CAAE;UACdF,UAAU,EAAEa,KAAK,GAAG,QAAQ,GAAG;QAChC,CAAE,CACF;QACDW,OAAO,EAAGxB,UAAU,KAAK;MAAU,CACnC;IAAC,CACQ;EAAC,CACM,CACnB;EAED,oBACC,IAAAH,WAAA,CAAA4B,IAAA,EAAA5B,WAAA,CAAA6B,QAAA;IAAAf,QAAA,GACGJ,aAAa,EACbS,iBAAiB,eACnB,IAAAnB,WAAA,CAAAW,GAAA;MAAA,GAAUL,UAAU;MAAAQ,QAAA,eACnB,IAAAd,WAAA,CAAAW,GAAA;QACCmB,IAAI,EAAC,2BAA2B;QAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;QAAAnB,QAAA,EAE7C,IAAAS,QAAE,EAAE,MAAO;MAAC,CACZ;IAAC,CACA,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_i18n","_hooks","_jsxRuntime","Edit","attributes","linkTarget","textAlign","setAttributes","blockProps","useBlockProps","className","clsx","dropdownMenuProps","useToolsPanelDropdownMenuProps","blockControls","jsx","BlockControls","group","children","AlignmentControl","value","onChange","newAlign","inspectorControls","InspectorControls","__experimentalToolsPanel","label","__","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","jsxs","Fragment","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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAgE,IAAAK,WAAA,GAAAL,OAAA;AAxBhE;AACA;AACA;;AAGA;AACA;AACA;;AAcA;AACA;AACA;;AAGe,SAASM,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IAAEC,UAAU;IAAEC;EAAU,CAAC;EACrCC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAE,kBAAmBL,SAAS,EAAG,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAMM,iBAAiB,GAAG,IAAAC,qCAA8B,EAAC,CAAC;EAE1D,MAAMC,aAAa,gBAClB,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAAkB,aAAa;IAACC,KAAK,EAAC,OAAO;IAAAC,QAAA,eAC3B,IAAAhB,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAAqB,gBAAgB;MAChBC,KAAK,EAAGd,SAAW;MACnBe,QAAQ,EAAKC,QAAQ,IACpBf,aAAa,CAAE;QAAED,SAAS,EAAEgB;MAAS,CAAE;IACvC,CACD;EAAC,CACY,CACf;EACD,MAAMC,iBAAiB,gBACtB,IAAArB,WAAA,CAAAa,GAAA,EAACjB,YAAA,CAAA0B,iBAAiB;IAAAN,QAAA,eACjB,IAAAhB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAA0B,wBAAU;MACVC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;MAC1BC,QAAQ,EAAGA,CAAA,KAAM;QAChBrB,aAAa,CAAE;UACdF,UAAU,EAAE;QACb,CAAE,CAAC;MACJ,CAAG;MACHO,iBAAiB,EAAGA,iBAAmB;MAAAM,QAAA,eAEvC,IAAAhB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAA8B,4BAAc;QACdH,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;QACjCG,gBAAgB;QAChBC,QAAQ,EAAGA,CAAA,KAAM1B,UAAU,KAAK,QAAU;QAC1C2B,UAAU,EAAGA,CAAA,KACZzB,aAAa,CAAE;UAAEF,UAAU,EAAE;QAAQ,CAAE,CACvC;QAAAa,QAAA,eAED,IAAAhB,WAAA,CAAAa,GAAA,EAAChB,WAAA,CAAAkC,aAAa;UACbC,uBAAuB;UACvBR,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;UACjCN,QAAQ,EAAKD,KAAK,IACjBb,aAAa,CAAE;YACdF,UAAU,EAAEe,KAAK,GAAG,QAAQ,GAAG;UAChC,CAAE,CACF;UACDe,OAAO,EAAG9B,UAAU,KAAK;QAAU,CACnC;MAAC,CACa;IAAC,CACN;EAAC,CACK,CACnB;EAED,oBACC,IAAAH,WAAA,CAAAkC,IAAA,EAAAlC,WAAA,CAAAmC,QAAA;IAAAnB,QAAA,GACGJ,aAAa,EACbS,iBAAiB,eACnB,IAAArB,WAAA,CAAAa,GAAA;MAAA,GAAUP,UAAU;MAAAU,QAAA,eACnB,IAAAhB,WAAA,CAAAa,GAAA;QACCuB,IAAI,EAAC,2BAA2B;QAChCC,OAAO,EAAKC,KAAK,IAAMA,KAAK,CAACC,cAAc,CAAC,CAAG;QAAAvB,QAAA,EAE7C,IAAAS,QAAE,EAAE,MAAO;MAAC,CACZ;IAAC,CACA,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

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

@@ -23,8 +23,7 @@ function CommentsInspectorControls({
   attributes: {
     tagName
   },
-  setAttributes,
-  clientId
+  setAttributes
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
@@ -34,7 +33,6 @@ function CommentsInspectorControls({
         onChange: value => setAttributes({
           tagName: value
         }),
-        clientId: clientId,
         options: [{
           label: (0, _i18n.__)('Default (<div>)'),
           value: 'div'

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_lockUnlock","_jsxRuntime","HTMLElementControl","unlock","blockEditorPrivateApis","CommentsInspectorControls","attributes","tagName","setAttributes","clientId","jsx","InspectorControls","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,WAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAZ3C;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAM;EAAEI;AAAmB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEhD,SAASC,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,oBACC,IAAAR,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,iBAAiB;IAAAC,QAAA,eACjB,IAAAX,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,iBAAiB;MAACE,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClC,IAAAX,WAAA,CAAAS,GAAA,EAACR,kBAAkB;QAClBK,OAAO,EAAGA,OAAS;QACnBO,QAAQ,EAAKC,KAAK,IACjBP,aAAa,CAAE;UAAED,OAAO,EAAEQ;QAAM,CAAE,CAClC;QACDN,QAAQ,EAAGA,QAAU;QACrBO,OAAO,EAAG,CACT;UAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,iBAAkB,CAAC;UAAEH,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":["_i18n","require","_blockEditor","_lockUnlock","_jsxRuntime","HTMLElementControl","unlock","blockEditorPrivateApis","CommentsInspectorControls","attributes","tagName","setAttributes","jsx","InspectorControls","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,WAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAZ3C;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAM;EAAEI;AAAmB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEhD,SAASC,yBAAyBA,CAAE;EAClDC,UAAU,EAAE;IAAEC;EAAQ,CAAC;EACvBC;AACD,CAAC,EAAG;EACH,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,iBAAiB;IAAAC,QAAA,eACjB,IAAAV,WAAA,CAAAQ,GAAA,EAACV,YAAA,CAAAW,iBAAiB;MAACE,KAAK,EAAC,UAAU;MAAAD,QAAA,eAClC,IAAAV,WAAA,CAAAQ,GAAA,EAACP,kBAAkB;QAClBK,OAAO,EAAGA,OAAS;QACnBM,QAAQ,EAAKC,KAAK,IACjBN,aAAa,CAAE;UAAED,OAAO,EAAEO;QAAM,CAAE,CAClC;QACDC,OAAO,EAAG,CACT;UAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,iBAAkB,CAAC;UAAEH,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/comments-pagination/edit.js

@@ -9,6 +9,7 @@ var _blockEditor = require("@wordpress/block-editor");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
 var _commentsPaginationArrowControls = require("./comments-pagination-arrow-controls");
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -41,6 +42,7 @@ function QueryPaginationEdit({
     });
   }, []);
   const blockProps = (0, _blockEditor.useBlockProps)();
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   const innerBlocksProps = (0, _blockEditor.useInnerBlocksProps)(blockProps, {
     template: TEMPLATE
   });
@@ -66,15 +68,27 @@ function QueryPaginationEdit({
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [hasNextPreviousBlocks && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
-        title: (0, _i18n.__)('Settings'),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentsPaginationArrowControls.CommentsPaginationArrowControls, {
-          value: paginationArrow,
-          onChange: value => {
-            setAttributes({
-              paginationArrow: value
-            });
-          }
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanel, {
+        label: (0, _i18n.__)('Settings'),
+        dropdownMenuProps: dropdownMenuProps,
+        resetAll: () => setAttributes({
+          paginationArrow: 'none'
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
+          label: (0, _i18n.__)('Arrow'),
+          hasValue: () => paginationArrow !== 'none',
+          onDeselect: () => setAttributes({
+            paginationArrow: 'none'
+          }),
+          isShownByDefault: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_commentsPaginationArrowControls.CommentsPaginationArrowControls, {
+            value: paginationArrow,
+            onChange: value => {
+              setAttributes({
+                paginationArrow: value
+              });
+            }
+          })
         })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_data","_components","_commentsPaginationArrowControls","_jsxRuntime","TEMPLATE","QueryPaginationEdit","attributes","paginationArrow","setAttributes","clientId","hasNextPreviousBlocks","useSelect","select","getBlocks","blockEditorStore","innerBlocks","find","innerBlock","includes","name","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","pageComments","getSettings","__experimentalDiscussionSettings","jsx","Warning","children","__","jsxs","Fragment","InspectorControls","PanelBody","title","CommentsPaginationArrowControls","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":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,gCAAA,GAAAJ,OAAA;AAAuF,IAAAK,WAAA,GAAAL,OAAA;AAjBvF;AACA;AACA;;AAYA;AACA;AACA;;AAGA,MAAMM,QAAQ,GAAG,CAChB,CAAE,mCAAmC,CAAE,EACvC,CAAE,kCAAkC,CAAE,EACtC,CAAE,+BAA+B,CAAE,CACnC;AAEc,SAASC,mBAAmBA,CAAE;EAC5CC,UAAU,EAAE;IAAEC;EAAgB,CAAC;EAC/BC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAMC,qBAAqB,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACtD,MAAM;MAAEC;IAAU,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IAChD,MAAMC,WAAW,GAAGF,SAAS,CAAEJ,QAAS,CAAC;IACzC;AACF;AACA;AACA;AACA;IACE,OAAOM,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,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAAEH,UAAU,EAAE;IACzDI,QAAQ,EAAEpB;EACX,CAAE,CAAC;;EAEH;EACA,MAAMqB,YAAY,GAAG,IAAAd,eAAS,EAAIC,MAAM,IAAM;IAC7C,MAAM;MAAEc;IAAY,CAAC,GAAGd,MAAM,CAAEE,kBAAiB,CAAC;IAClD,MAAM;MAAEa;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,oBACC,IAAAtB,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAA8B,OAAO;MAAAC,QAAA,EACL,IAAAC,QAAE,EACH,mFACD;IAAC,CACO,CAAC;EAEZ;EAEA,oBACC,IAAA5B,WAAA,CAAA6B,IAAA,EAAA7B,WAAA,CAAA8B,QAAA;IAAAH,QAAA,GACGpB,qBAAqB,iBACtB,IAAAP,WAAA,CAAAyB,GAAA,EAAC7B,YAAA,CAAAmC,iBAAiB;MAAAJ,QAAA,eACjB,IAAA3B,WAAA,CAAAyB,GAAA,EAAC3B,WAAA,CAAAkC,SAAS;QAACC,KAAK,EAAG,IAAAL,QAAE,EAAE,UAAW,CAAG;QAAAD,QAAA,eACpC,IAAA3B,WAAA,CAAAyB,GAAA,EAAC1B,gCAAA,CAAAmC,+BAA+B;UAC/BC,KAAK,EAAG/B,eAAiB;UACzBgC,QAAQ,EAAKD,KAAK,IAAM;YACvB9B,aAAa,CAAE;cAAED,eAAe,EAAE+B;YAAM,CAAE,CAAC;UAC5C;QAAG,CACH;MAAC,CACQ;IAAC,CACM,CACnB,eACD,IAAAnC,WAAA,CAAAyB,GAAA;MAAA,GAAUN;IAAgB,CAAI,CAAC;EAAA,CAC9B,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_blockEditor","_data","_components","_commentsPaginationArrowControls","_hooks","_jsxRuntime","TEMPLATE","QueryPaginationEdit","attributes","paginationArrow","setAttributes","clientId","hasNextPreviousBlocks","useSelect","select","getBlocks","blockEditorStore","innerBlocks","find","innerBlock","includes","name","blockProps","useBlockProps","dropdownMenuProps","useToolsPanelDropdownMenuProps","innerBlocksProps","useInnerBlocksProps","template","pageComments","getSettings","__experimentalDiscussionSettings","jsx","Warning","children","__","jsxs","Fragment","InspectorControls","__experimentalToolsPanel","label","resetAll","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","CommentsPaginationArrowControls","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/comments-title/edit.js

@@ -14,6 +14,7 @@ var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
 var _url = require("@wordpress/url");
+var _hooks = require("../utils/hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -23,6 +24,10 @@ var _jsxRuntime = require("react/jsx-runtime");
  * WordPress dependencies
  */
 
+/**
+ * Internal dependencies
+ */
+
 function Edit({
   attributes: {
     textAlign,
@@ -57,6 +62,7 @@ function Edit({
     } = select(_blockEditor.store);
     return getSettings().__experimentalDiscussionSettings;
   });
+  const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
   (0, _element.useEffect)(() => {
     if (isSiteEditor) {
       // Match the number of comments that will be shown in the comment-template/edit.js placeholder
@@ -100,21 +106,44 @@ function Edit({
     })]
   });
   const inspectorControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.PanelBody, {
-      title: (0, _i18n.__)('Settings'),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-        __nextHasNoMarginBottom: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanel, {
+      label: (0, _i18n.__)('Settings'),
+      resetAll: () => {
+        setAttributes({
+          showPostTitle: true,
+          showCommentsCount: true
+        });
+      },
+      dropdownMenuProps: dropdownMenuProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
         label: (0, _i18n.__)('Show post title'),
-        checked: showPostTitle,
-        onChange: value => setAttributes({
-          showPostTitle: value
+        isShownByDefault: true,
+        hasValue: () => !showPostTitle,
+        onDeselect: () => setAttributes({
+          showPostTitle: true
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Show post title'),
+          checked: showPostTitle,
+          onChange: value => setAttributes({
+            showPostTitle: value
+          })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-        __nextHasNoMarginBottom: true,
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanelItem, {
         label: (0, _i18n.__)('Show comments count'),
-        checked: showCommentsCount,
-        onChange: value => setAttributes({
-          showCommentsCount: value
+        isShownByDefault: true,
+        hasValue: () => !showCommentsCount,
+        onDeselect: () => setAttributes({
+          showCommentsCount: true
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          label: (0, _i18n.__)('Show comments count'),
+          checked: showCommentsCount,
+          onChange: value => setAttributes({
+            showCommentsCount: value
+          })
         })
       })]
     })

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_i18n","_coreData","_components","_element","_data","_apiFetch","_url","_jsxRuntime","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","levelOptions","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","useState","rawTitle","useEntityProp","isSiteEditor","blockProps","useBlockProps","className","clsx","threadCommentsDepth","threadComments","commentsPerPage","pageComments","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","useEffect","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","apiFetch","path","addQueryArgs","post","_fields","method","parse","then","res","headers","get","catch","blockControls","jsxs","BlockControls","group","children","jsx","AlignmentControl","value","onChange","newAlign","HeadingLevelDropdown","options","newLevel","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined","sprintf","_n","Fragment"],"sources":["@wordpress/block-library/src/comments-title/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function Edit( {\n\tattributes: {\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","_interopRequireDefault","require","_blockEditor","_i18n","_coreData","_components","_element","_data","_apiFetch","_url","_hooks","_jsxRuntime","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","levelOptions","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","useState","rawTitle","useEntityProp","isSiteEditor","blockProps","useBlockProps","className","clsx","threadCommentsDepth","threadComments","commentsPerPage","pageComments","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","dropdownMenuProps","useToolsPanelDropdownMenuProps","useEffect","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","apiFetch","path","addQueryArgs","post","_fields","method","parse","then","res","headers","get","catch","blockControls","jsxs","BlockControls","group","children","jsx","AlignmentControl","value","onChange","newAlign","HeadingLevelDropdown","options","newLevel","inspectorControls","InspectorControls","__experimentalToolsPanel","label","__","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","postTitle","placeholder","undefined","sprintf","_n","Fragment"],"sources":["@wordpress/block-library/src/comments-title/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport {\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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,IAAA,GAAAR,OAAA;AAKA,IAAAS,MAAA,GAAAT,OAAA;AAAgE,IAAAU,WAAA,GAAAV,OAAA;AA/BhE;AACA;AACA;;AAGA;AACA;AACA;;AAqBA;AACA;AACA;;AAGe,SAASW,IAAIA,CAAE;EAC7BC,UAAU,EAAE;IACXC,SAAS;IACTC,aAAa;IACbC,iBAAiB;IACjBC,KAAK;IACLC;EACD,CAAC;EACDC,aAAa;EACbC,OAAO,EAAE;IAAEC,QAAQ;IAAEC;EAAO;AAC7B,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,GAAG,GAAGN,KAAK;EAC3B,MAAM,CAAEO,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EACtD,MAAM,CAAEC,QAAQ,CAAE,GAAG,IAAAC,uBAAa,EAAE,UAAU,EAAEP,QAAQ,EAAE,OAAO,EAAEC,MAAO,CAAC;EAC3E,MAAMO,YAAY,GAAG,OAAOP,MAAM,KAAK,WAAW;EAClD,MAAMQ,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,CAAE,kBAAmBnB,SAAS,EAAG,GAAIA;IACtC,CAAE;EACH,CAAE,CAAC;EAEH,MAAM;IACLoB,mBAAmB;IACnBC,cAAc;IACdC,eAAe;IACfC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5B,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IAClD,OAAOD,WAAW,CAAC,CAAC,CAACE,gCAAgC;EACtD,CAAE,CAAC;EAEH,MAAMC,iBAAiB,GAAG,IAAAC,qCAA8B,EAAC,CAAC;EAE1D,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKhB,YAAY,EAAG;MACnB;;MAEA,MAAMiB,oBAAoB,GAAGX,cAAc,GACxCY,IAAI,CAACC,GAAG,CAAEd,mBAAmB,EAAE,CAAE,CAAC,GAAG,CAAC,GACtC,CAAC;MACJ,MAAMe,sBAAsB,GAAGZ,YAAY,GAAGD,eAAe,GAAG,CAAC;MAEjE,MAAMc,cAAc,GACnBC,QAAQ,CAAEL,oBAAqB,CAAC,GAChCK,QAAQ,CAAEF,sBAAuB,CAAC;MAEnCxB,gBAAgB,CAAEsB,IAAI,CAACC,GAAG,CAAEE,cAAc,EAAE,CAAE,CAAE,CAAC;MACjD;IACD;IACA,MAAME,aAAa,GAAG9B,MAAM;IAC5B,IAAA+B,iBAAQ,EAAE;MACTC,IAAI,EAAE,IAAAC,iBAAY,EAAE,iBAAiB,EAAE;QACtCC,IAAI,EAAElC,MAAM;QACZmC,OAAO,EAAE;MACV,CAAE,CAAC;MACHC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACR,CAAE,CAAC,CACDC,IAAI,CAAIC,GAAG,IAAM;MACjB;MACA,IAAKT,aAAa,KAAK9B,MAAM,EAAG;QAC/BG,gBAAgB,CACf0B,QAAQ,CAAEU,GAAG,CAACC,OAAO,CAACC,GAAG,CAAE,YAAa,CAAE,CAC3C,CAAC;MACF;IACD,CAAE,CAAC,CACFC,KAAK,CAAE,MAAM;MACbvC,gBAAgB,CAAE,CAAE,CAAC;IACtB,CAAE,CAAC;EACL,CAAC,EAAE,CAAEH,MAAM,CAAG,CAAC;EAEf,MAAM2C,aAAa,gBAClB,IAAAtD,WAAA,CAAAuD,IAAA,EAAChE,YAAA,CAAAiE,aAAa;IAACC,KAAK,EAAC,OAAO;IAAAC,QAAA,gBAC3B,IAAA1D,WAAA,CAAA2D,GAAA,EAACpE,YAAA,CAAAqE,gBAAgB;MAChBC,KAAK,EAAG1D,SAAW;MACnB2D,QAAQ,EAAKC,QAAQ,IACpBvD,aAAa,CAAE;QAAEL,SAAS,EAAE4D;MAAS,CAAE;IACvC,CACD,CAAC,eACF,IAAA/D,WAAA,CAAA2D,GAAA,EAACpE,YAAA,CAAAyE,oBAAoB;MACpBH,KAAK,EAAGvD,KAAO;MACf2D,OAAO,EAAG1D,YAAc;MACxBuD,QAAQ,EAAKI,QAAQ,IACpB1D,aAAa,CAAE;QAAEF,KAAK,EAAE4D;MAAS,CAAE;IACnC,CACD,CAAC;EAAA,CACY,CACf;EAED,MAAMC,iBAAiB,gBACtB,IAAAnE,WAAA,CAAA2D,GAAA,EAACpE,YAAA,CAAA6E,iBAAiB;IAAAV,QAAA,eACjB,IAAA1D,WAAA,CAAAuD,IAAA,EAAC7D,WAAA,CAAA2E,wBAAU;MACVC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW,CAAG;MAC1BC,QAAQ,EAAGA,CAAA,KAAM;QAChBhE,aAAa,CAAE;UACdJ,aAAa,EAAE,IAAI;UACnBC,iBAAiB,EAAE;QACpB,CAAE,CAAC;MACJ,CAAG;MACH2B,iBAAiB,EAAGA,iBAAmB;MAAA0B,QAAA,gBAEvC,IAAA1D,WAAA,CAAA2D,GAAA,EAACjE,WAAA,CAAA+E,4BAAc;QACdH,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;QACjCG,gBAAgB;QAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAEvE,aAAe;QAClCwE,UAAU,EAAGA,CAAA,KACZpE,aAAa,CAAE;UAAEJ,aAAa,EAAE;QAAK,CAAE,CACvC;QAAAsD,QAAA,eAED,IAAA1D,WAAA,CAAA2D,GAAA,EAACjE,WAAA,CAAAmF,aAAa;UACbC,uBAAuB;UACvBR,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB,CAAG;UACjCQ,OAAO,EAAG3E,aAAe;UACzB0D,QAAQ,EAAKD,KAAK,IACjBrD,aAAa,CAAE;YAAEJ,aAAa,EAAEyD;UAAM,CAAE;QACxC,CACD;MAAC,CACa,CAAC,eACjB,IAAA7D,WAAA,CAAA2D,GAAA,EAACjE,WAAA,CAAA+E,4BAAc;QACdH,KAAK,EAAG,IAAAC,QAAE,EAAE,qBAAsB,CAAG;QACrCG,gBAAgB;QAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAEtE,iBAAmB;QACtCuE,UAAU,EAAGA,CAAA,KACZpE,aAAa,CAAE;UAAEH,iBAAiB,EAAE;QAAK,CAAE,CAC3C;QAAAqD,QAAA,eAED,IAAA1D,WAAA,CAAA2D,GAAA,EAACjE,WAAA,CAAAmF,aAAa;UACbC,uBAAuB;UACvBR,KAAK,EAAG,IAAAC,QAAE,EAAE,qBAAsB,CAAG;UACrCQ,OAAO,EAAG1E,iBAAmB;UAC7ByD,QAAQ,EAAKD,KAAK,IACjBrD,aAAa,CAAE;YAAEH,iBAAiB,EAAEwD;UAAM,CAAE;QAC5C,CACD;MAAC,CACa,CAAC;IAAA,CACN;EAAC,CACK,CACnB;EAED,MAAMmB,SAAS,GAAG9D,YAAY,GAAG,IAAAqD,QAAE,EAAE,cAAe,CAAC,GAAG,IAAKvD,QAAQ,GAAI;EAEzE,IAAIiE,WAAW;EACf,IAAK5E,iBAAiB,IAAIQ,aAAa,KAAKqE,SAAS,EAAG;IACvD,IAAK9E,aAAa,EAAG;MACpB,IAAKS,aAAa,KAAK,CAAC,EAAG;QAC1B;QACAoE,WAAW,GAAG,IAAAE,aAAO,EAAE,IAAAZ,QAAE,EAAE,oBAAqB,CAAC,EAAES,SAAU,CAAC;MAC/D,CAAC,MAAM;QACNC,WAAW,GAAG,IAAAE,aAAO,EACpB;QACA,IAAAC,QAAE,EACD,uBAAuB,EACvB,wBAAwB,EACxBvE,aACD,CAAC,EACDA,aAAa,EACbmE,SACD,CAAC;MACF;IACD,CAAC,MAAM,IAAKnE,aAAa,KAAK,CAAC,EAAG;MACjCoE,WAAW,GAAG,IAAAV,QAAE,EAAE,cAAe,CAAC;IACnC,CAAC,MAAM;MACNU,WAAW,GAAG,IAAAE,aAAO,EACpB;MACA,IAAAC,QAAE,EAAE,aAAa,EAAE,cAAc,EAAEvE,aAAc,CAAC,EAClDA,aACD,CAAC;IACF;EACD,CAAC,MAAM,IAAKT,aAAa,EAAG;IAC3B,IAAKS,aAAa,KAAK,CAAC,EAAG;MAC1B;MACAoE,WAAW,GAAG,IAAAE,aAAO,EAAE,IAAAZ,QAAE,EAAE,gBAAiB,CAAC,EAAES,SAAU,CAAC;IAC3D,CAAC,MAAM;MACN;MACAC,WAAW,GAAG,IAAAE,aAAO,EAAE,IAAAZ,QAAE,EAAE,iBAAkB,CAAC,EAAES,SAAU,CAAC;IAC5D;EACD,CAAC,MAAM,IAAKnE,aAAa,KAAK,CAAC,EAAG;IACjCoE,WAAW,GAAG,IAAAV,QAAE,EAAE,UAAW,CAAC;EAC/B,CAAC,MAAM;IACNU,WAAW,GAAG,IAAAV,QAAE,EAAE,WAAY,CAAC;EAChC;EAEA,oBACC,IAAAvE,WAAA,CAAAuD,IAAA,EAAAvD,WAAA,CAAAqF,QAAA;IAAA3B,QAAA,GACGJ,aAAa,EACba,iBAAiB,eACnB,IAAAnE,WAAA,CAAA2D,GAAA,EAAC/C,OAAO;MAAA,GAAMO,UAAU;MAAAuC,QAAA,EAAKuB;IAAW,CAAW,CAAC;EAAA,CACnD,CAAC;AAEL","ignoreList":[]}

package/build/details/edit.js

@@ -8,7 +8,9 @@ var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
+var _data = require("@wordpress/data");
 var _hooks = require("../utils/hooks");
+var _lockUnlock = require("../lock-unlock");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -18,12 +20,16 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
+const {
+  withIgnoreIMEEvents
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 const TEMPLATE = [['core/paragraph', {
   placeholder: (0, _i18n.__)('Type / to add a hidden block')
 }]];
 function DetailsEdit({
   attributes,
-  setAttributes
+  setAttributes,
+  clientId
 }) {
   const {
     name,
@@ -40,6 +46,22 @@ function DetailsEdit({
   });
   const [isOpen, setIsOpen] = (0, _element.useState)(showContent);
   const dropdownMenuProps = (0, _hooks.useToolsPanelDropdownMenuProps)();
+
+  // Check if the inner blocks are selected.
+  const hasSelectedInnerBlock = (0, _data.useSelect)(select => select(_blockEditor.store).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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToolsPanel, {
@@ -83,12 +105,14 @@ function DetailsEdit({
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
       ...innerBlocksProps,
-      open: isOpen,
+      open: isOpen || hasSelectedInnerBlock,
       onToggle: event => setIsOpen(event.target.open),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("summary", {
+        onKeyDown: withIgnoreIMEEvents(handleSummaryKeyDown),
+        onKeyUp: handleSummaryKeyUp,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
           identifier: "summary",
-          "aria-label": (0, _i18n.__)('Write summary'),
+          "aria-label": (0, _i18n.__)('Write summary. Press Enter to expand or collapse the details.'),
           placeholder: placeholder || (0, _i18n.__)('Write summary…'),
           withoutInteractiveFormatting: true,
           value: summary,

package/build/details/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","_hooks","_jsxRuntime","TEMPLATE","placeholder","__","DetailsEdit","attributes","setAttributes","name","showContent","summary","allowedBlocks","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","__experimentalCaptureToolbars","isOpen","setIsOpen","useState","dropdownMenuProps","useToolsPanelDropdownMenuProps","jsxs","Fragment","children","jsx","InspectorControls","__experimentalToolsPanel","label","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","onChange","group","TextControl","__next40pxDefaultSize","value","newName","help","open","onToggle","event","target","RichText","identifier","withoutInteractiveFormatting","newSummary","_default","exports","default"],"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":["_blockEditor","require","_components","_i18n","_element","_data","_hooks","_lockUnlock","_jsxRuntime","withIgnoreIMEEvents","unlock","componentsPrivateApis","TEMPLATE","placeholder","__","DetailsEdit","attributes","setAttributes","clientId","name","showContent","summary","allowedBlocks","blockProps","useBlockProps","innerBlocksProps","useInnerBlocksProps","template","__experimentalCaptureToolbars","isOpen","setIsOpen","useState","dropdownMenuProps","useToolsPanelDropdownMenuProps","hasSelectedInnerBlock","useSelect","select","blockEditorStore","handleSummaryKeyDown","event","key","shiftKey","prevIsOpen","preventDefault","handleSummaryKeyUp","jsxs","Fragment","children","jsx","InspectorControls","__experimentalToolsPanel","label","resetAll","__experimentalToolsPanelItem","isShownByDefault","hasValue","onDeselect","ToggleControl","__nextHasNoMarginBottom","checked","onChange","group","TextControl","__next40pxDefaultSize","value","newName","help","open","onToggle","target","onKeyDown","onKeyUp","RichText","identifier","withoutInteractiveFormatting","newSummary","_default","exports","default"],"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/details/index.js

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