@wordpress/block-library 11.1.0 → 11.2.0

package/build/column/edit.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/column/edit.jsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSettings,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nfunction ColumnInspectorControls( { width, setAttributes } ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t} );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( { width: undefined } );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => width !== undefined }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tisShownByDefault\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t__unstableInputWidth=\"calc(50% - 8px)\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t0 > parseFloat( nextWidth ) ? '0' : nextWidth;\n\t\t\t\t\t\tsetAttributes( { width: nextWidth } );\n\t\t\t\t\t} }\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</ToolsPanel>\n\t);\n}\n\n/**\n * Renders the `core/column` block in the editor.\n *\n * @param {Object}         props                                Component props.\n * @param {Object}         props.attributes                     Block attributes.\n * @param {string}         [props.attributes.verticalAlignment] Vertical alignment of the column, one of `top`, `center`, `bottom` or `stretch`. Setting it resets the alignment on the parent Columns block.\n * @param {string|number}  [props.attributes.width]             Column width, used as its `flex-basis`. A number is treated as a percentage, for content saved before the attribute became a CSS length.\n * @param {string|boolean} [props.attributes.templateLock]      Template lock applied to the inner blocks, one of `all`, `insert`, `contentOnly` or `false`.\n * @param {string[]}       [props.attributes.allowedBlocks]     Names of the blocks allowed as inner blocks, added by the `allowedBlocks` block support.\n * @param {Function}       props.setAttributes                  Callback for updating block attributes.\n * @param {string}         props.clientId                       Client ID of the block.\n *\n * @return {React.JSX.Element} React element.\n */\nfunction ColumnEdit( {\n\tattributes: { verticalAlignment, width, templateLock, allowedBlocks },\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst classes = clsx( 'block-core-columns', {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\tconst { columnsIds, hasChildBlocks, rootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockOrder, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst rootId = getBlockRootClientId( clientId );\n\n\t\t\treturn {\n\t\t\t\thasChildBlocks: getBlockOrder( clientId ).length > 0,\n\t\t\t\trootClientId: rootId,\n\t\t\t\tcolumnsIds: getBlockOrder( rootId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst updateAlignment = ( value ) => {\n\t\t// Update own alignment.\n\t\tsetAttributes( { verticalAlignment: value } );\n\t\t// Reset parent Columns block.\n\t\tupdateBlockAttributes( rootClientId, {\n\t\t\tverticalAlignment: null,\n\t\t} );\n\t};\n\n\tconst widthWithUnit = Number.isFinite( width ) ? width + '%' : width;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t\tstyle: widthWithUnit ? { flexBasis: widthWithUnit } : undefined,\n\t} );\n\n\tconst columnsCount = columnsIds.length;\n\tconst currentColumnPosition = columnsIds.indexOf( clientId ) + 1;\n\n\tconst label = sprintf(\n\t\t/* translators: 1: Block label (i.e. \"Block: Column\"), 2: Position of the selected block, 3: Total number of sibling blocks of the same type */\n\t\t__( '%1$s (%2$d of %3$d)' ),\n\t\tblockProps[ 'aria-label' ],\n\t\tcurrentColumnPosition,\n\t\tcolumnsCount\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ ...blockProps, 'aria-label': label },\n\t\t{\n\t\t\ttemplateLock,\n\t\t\tallowedBlocks,\n\t\t\trenderAppender: hasChildBlocks\n\t\t\t\t? false\n\t\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\tcontrols={ [ 'top', 'center', 'bottom', 'stretch' ] }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<ColumnInspectorControls\n\t\t\t\t\twidth={ width }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nexport default ColumnEdit;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tInnerBlocks,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\tInspectorControls,\n\tuseBlockProps,\n\tuseSettings,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { sprintf, __ } from '@wordpress/i18n';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nfunction ColumnInspectorControls( { width, setAttributes } ) {\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ '%', 'px', 'em', 'rem', 'vw' ],\n\t} );\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( { width: undefined } );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => width !== undefined }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tisShownByDefault\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t__unstableInputWidth=\"calc(50% - 8px)\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tonChange={ ( nextWidth ) => {\n\t\t\t\t\t\tnextWidth =\n\t\t\t\t\t\t\t0 > parseFloat( nextWidth ) ? '0' : nextWidth;\n\t\t\t\t\t\tsetAttributes( { width: nextWidth } );\n\t\t\t\t\t} }\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</ToolsPanel>\n\t);\n}\n\n/**\n * Renders the `core/column` block in the editor.\n *\n * @param {Object}         props                                Component props.\n * @param {Object}         props.attributes                     Block attributes.\n * @param {string}         [props.attributes.verticalAlignment] Vertical alignment of the column, one of `top`, `center`, `bottom` or `stretch`. Setting it resets the alignment on the parent Columns block.\n * @param {string|number}  [props.attributes.width]             Column width, used as its `flex-basis`. A number is treated as a percentage, for content saved before the attribute became a CSS length.\n * @param {string|boolean} [props.attributes.templateLock]      Template lock applied to the inner blocks, one of `all`, `insert`, `contentOnly` or `false`.\n * @param {string[]}       [props.attributes.allowedBlocks]     Names of the blocks allowed as inner blocks, added by the `allowedBlocks` block support.\n * @param {Function}       props.setAttributes                  Callback for updating block attributes.\n * @param {string}         props.clientId                       Client ID of the block.\n *\n * @return {React.JSX.Element} React element.\n */\nfunction ColumnEdit( {\n\tattributes: { verticalAlignment, width, templateLock, allowedBlocks },\n\tsetAttributes,\n\tclientId,\n} ) {\n\tconst classes = clsx( 'block-core-columns', {\n\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t} );\n\tconst { columnsIds, hasChildBlocks, rootClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockOrder, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\n\t\t\tconst rootId = getBlockRootClientId( clientId );\n\n\t\t\treturn {\n\t\t\t\thasChildBlocks: getBlockOrder( clientId ).length > 0,\n\t\t\t\trootClientId: rootId,\n\t\t\t\tcolumnsIds: getBlockOrder( rootId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst updateAlignment = ( value ) => {\n\t\t// Update own alignment.\n\t\tsetAttributes( { verticalAlignment: value } );\n\t\t// Reset parent Columns block.\n\t\tupdateBlockAttributes( rootClientId, {\n\t\t\tverticalAlignment: null,\n\t\t} );\n\t};\n\n\tconst widthWithUnit = Number.isFinite( width ) ? width + '%' : width;\n\t// State, not a ref, so that the element is there on the next render.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\tconst blockProps = useBlockProps( {\n\t\tref: setDropZoneElement,\n\t\tclassName: classes,\n\t\tstyle: widthWithUnit ? { flexBasis: widthWithUnit } : undefined,\n\t} );\n\n\tconst columnsCount = columnsIds.length;\n\tconst currentColumnPosition = columnsIds.indexOf( clientId ) + 1;\n\n\tconst label = sprintf(\n\t\t/* translators: 1: Block label (i.e. \"Block: Column\"), 2: Position of the selected block, 3: Total number of sibling blocks of the same type */\n\t\t__( '%1$s (%2$d of %3$d)' ),\n\t\tblockProps[ 'aria-label' ],\n\t\tcurrentColumnPosition,\n\t\tcolumnsCount\n\t);\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{ ...blockProps, 'aria-label': label },\n\t\t{\n\t\t\t// Allows dropping before or after the column, not only inside it.\n\t\t\tdropZoneElement,\n\t\t\ttemplateLock,\n\t\t\tallowedBlocks,\n\t\t\trenderAppender: hasChildBlocks\n\t\t\t\t? false\n\t\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t\tcontrols={ [ 'top', 'center', 'bottom', 'stretch' ] }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<ColumnInspectorControls\n\t\t\t\t\twidth={ width }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nexport default ColumnEdit;\n"],
+  "mappings": "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",
   "names": ["useCustomUnits", "ToolsPanel", "ToolsPanelItem", "UnitControl", "clsx", "blockEditorStore"]
 }

package/build/columns/block.json

@@ -43,6 +43,10 @@
 				"gradient": true
 			}
 		},
+		"dimensions": {
+			"minHeight": true,
+			"minWidth": true
+		},
 		"spacing": {
 			"blockGap": {
 				"__experimentalDefault": "2em",

package/build/columns/edit.cjs

@@ -39,87 +39,14 @@ var import_components = require("@wordpress/components");
 var import_block_editor = require("@wordpress/block-editor");
 var import_data = require("@wordpress/data");
 var import_blocks = require("@wordpress/blocks");
-var import_utils = require("./utils.cjs");
 var import_hooks = require("../utils/hooks.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_BLOCK = {
   name: "core/column"
 };
-function ColumnInspectorControls({
-  clientId,
-  setAttributes,
-  isStackedOnMobile
-}) {
-  const { count, canInsertColumnBlock, minCount } = (0, import_data.useSelect)(
-    (select) => {
-      const { canInsertBlockType, canRemoveBlock, getBlockOrder } = select(import_block_editor.store);
-      const blockOrder = getBlockOrder(clientId);
-      const preventRemovalBlockIndexes = blockOrder.reduce(
-        (acc, blockId, index) => {
-          if (!canRemoveBlock(blockId)) {
-            acc.push(index);
-          }
-          return acc;
-        },
-        []
-      );
-      return {
-        count: blockOrder.length,
-        canInsertColumnBlock: canInsertBlockType(
-          "core/column",
-          clientId
-        ),
-        minCount: Math.max(...preventRemovalBlockIndexes) + 1
-      };
-    },
-    [clientId]
-  );
-  const { getBlocks } = (0, import_data.useSelect)(import_block_editor.store);
-  const { replaceInnerBlocks } = (0, import_data.useDispatch)(import_block_editor.store);
-  function updateColumns(previousColumns, newColumns) {
-    let innerBlocks = getBlocks(clientId);
-    const hasExplicitWidths = (0, import_utils.hasExplicitPercentColumnWidths)(innerBlocks);
-    const isAddingColumn = newColumns > previousColumns;
-    if (isAddingColumn && hasExplicitWidths) {
-      const newColumnWidth = (0, import_utils.toWidthPrecision)(100 / newColumns);
-      const newlyAddedColumns = newColumns - previousColumns;
-      const widths = (0, import_utils.getRedistributedColumnWidths)(
-        innerBlocks,
-        100 - newColumnWidth * newlyAddedColumns
-      );
-      innerBlocks = [
-        ...(0, import_utils.getMappedColumnWidths)(innerBlocks, widths),
-        ...Array.from({
-          length: newlyAddedColumns
-        }).map(() => {
-          return (0, import_blocks.createBlock)("core/column", {
-            width: `${newColumnWidth}%`
-          });
-        })
-      ];
-    } else if (isAddingColumn) {
-      innerBlocks = [
-        ...innerBlocks,
-        ...Array.from({
-          length: newColumns - previousColumns
-        }).map(() => {
-          return (0, import_blocks.createBlock)("core/column");
-        })
-      ];
-    } else if (newColumns < previousColumns) {
-      innerBlocks = innerBlocks.slice(
-        0,
-        -(previousColumns - newColumns)
-      );
-      if (hasExplicitWidths) {
-        const widths = (0, import_utils.getRedistributedColumnWidths)(innerBlocks, 100);
-        innerBlocks = (0, import_utils.getMappedColumnWidths)(innerBlocks, widths);
-      }
-    }
-    replaceInnerBlocks(clientId, innerBlocks);
-  }
+function ColumnInspectorControls({ setAttributes, isStackedOnMobile }) {
   const dropdownMenuProps = (0, import_hooks.useToolsPanelDropdownMenuProps)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_components.__experimentalToolsPanel,
     {
       label: (0, import_i18n.__)("Settings"),
@@ -129,44 +56,27 @@ function ColumnInspectorControls({
         });
       },
       dropdownMenuProps,
-      children: [
-        canInsertColumnBlock && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 4, style: { gridColumn: "1 / -1" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_components.RangeControl,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__experimentalToolsPanelItem,
+        {
+          label: (0, import_i18n.__)("Stack on mobile"),
+          isShownByDefault: true,
+          hasValue: () => isStackedOnMobile !== true,
+          onDeselect: () => setAttributes({
+            isStackedOnMobile: true
+          }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.ToggleControl,
             {
-              label: (0, import_i18n.__)("Columns"),
-              value: count,
-              onChange: (value) => updateColumns(count, Math.max(minCount, value)),
-              min: Math.max(1, minCount),
-              max: Math.max(6, count)
+              label: (0, import_i18n.__)("Stack on mobile"),
+              checked: isStackedOnMobile,
+              onChange: () => setAttributes({
+                isStackedOnMobile: !isStackedOnMobile
+              })
             }
-          ),
-          count > 6 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Notice, { status: "warning", isDismissible: false, children: (0, import_i18n.__)(
-            "This column count exceeds the recommended amount and may cause visual breakage."
-          ) })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components.__experimentalToolsPanelItem,
-          {
-            label: (0, import_i18n.__)("Stack on mobile"),
-            isShownByDefault: true,
-            hasValue: () => isStackedOnMobile !== true,
-            onDeselect: () => setAttributes({
-              isStackedOnMobile: true
-            }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.ToggleControl,
-              {
-                label: (0, import_i18n.__)("Stack on mobile"),
-                checked: isStackedOnMobile,
-                onChange: () => setAttributes({
-                  isStackedOnMobile: !isStackedOnMobile
-                })
-              }
-            )
-          }
-        )
-      ]
+          )
+        }
+      )
     }
   );
 }
@@ -209,7 +119,6 @@ function ColumnsEditContainer({ attributes, setAttributes, clientId }) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       ColumnInspectorControls,
       {
-        clientId,
         setAttributes,
         isStackedOnMobile
       }

package/build/columns/edit.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/columns/edit.jsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tNotice,\n\tRangeControl,\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tuseInnerBlocksProps,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\t__experimentalBlockVariationPicker,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport {\n\tcreateBlock,\n\tcreateBlocksFromInnerBlocksTemplate,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport {\n\thasExplicitPercentColumnWidths,\n\tgetMappedColumnWidths,\n\tgetRedistributedColumnWidths,\n\ttoWidthPrecision,\n} from './utils';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst DEFAULT_BLOCK = {\n\tname: 'core/column',\n};\n\nfunction ColumnInspectorControls( {\n\tclientId,\n\tsetAttributes,\n\tisStackedOnMobile,\n} ) {\n\tconst { count, canInsertColumnBlock, minCount } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canInsertBlockType, canRemoveBlock, getBlockOrder } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst blockOrder = getBlockOrder( clientId );\n\n\t\t\t// Get the indexes of columns for which removal is prevented.\n\t\t\t// The highest index will be used to determine the minimum column count.\n\t\t\tconst preventRemovalBlockIndexes = blockOrder.reduce(\n\t\t\t\t( acc, blockId, index ) => {\n\t\t\t\t\tif ( ! canRemoveBlock( blockId ) ) {\n\t\t\t\t\t\tacc.push( index );\n\t\t\t\t\t}\n\t\t\t\t\treturn acc;\n\t\t\t\t},\n\t\t\t\t[]\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tcount: blockOrder.length,\n\t\t\t\tcanInsertColumnBlock: canInsertBlockType(\n\t\t\t\t\t'core/column',\n\t\t\t\t\tclientId\n\t\t\t\t),\n\t\t\t\tminCount: Math.max( ...preventRemovalBlockIndexes ) + 1,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { getBlocks } = useSelect( blockEditorStore );\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\n\t/**\n\t * Updates the column count, including necessary revisions to child Column\n\t * blocks to grant required or redistribute available space.\n\t *\n\t * @param {number} previousColumns Previous column count.\n\t * @param {number} newColumns      New column count.\n\t */\n\tfunction updateColumns( previousColumns, newColumns ) {\n\t\tlet innerBlocks = getBlocks( clientId );\n\t\tconst hasExplicitWidths = hasExplicitPercentColumnWidths( innerBlocks );\n\n\t\t// Redistribute available width for existing inner blocks.\n\t\tconst isAddingColumn = newColumns > previousColumns;\n\n\t\tif ( isAddingColumn && hasExplicitWidths ) {\n\t\t\t// If adding a new column, assign width to the new column equal to\n\t\t\t// as if it were `1 / columns` of the total available space.\n\t\t\tconst newColumnWidth = toWidthPrecision( 100 / newColumns );\n\t\t\tconst newlyAddedColumns = newColumns - previousColumns;\n\n\t\t\t// Redistribute in consideration of pending block insertion as\n\t\t\t// constraining the available working width.\n\t\t\tconst widths = getRedistributedColumnWidths(\n\t\t\t\tinnerBlocks,\n\t\t\t\t100 - newColumnWidth * newlyAddedColumns\n\t\t\t);\n\n\t\t\tinnerBlocks = [\n\t\t\t\t...getMappedColumnWidths( innerBlocks, widths ),\n\t\t\t\t...Array.from( {\n\t\t\t\t\tlength: newlyAddedColumns,\n\t\t\t\t} ).map( () => {\n\t\t\t\t\treturn createBlock( 'core/column', {\n\t\t\t\t\t\twidth: `${ newColumnWidth }%`,\n\t\t\t\t\t} );\n\t\t\t\t} ),\n\t\t\t];\n\t\t} else if ( isAddingColumn ) {\n\t\t\tinnerBlocks = [\n\t\t\t\t...innerBlocks,\n\t\t\t\t...Array.from( {\n\t\t\t\t\tlength: newColumns - previousColumns,\n\t\t\t\t} ).map( () => {\n\t\t\t\t\treturn createBlock( 'core/column' );\n\t\t\t\t} ),\n\t\t\t];\n\t\t} else if ( newColumns < previousColumns ) {\n\t\t\t// The removed column will be the last of the inner blocks.\n\t\t\tinnerBlocks = innerBlocks.slice(\n\t\t\t\t0,\n\t\t\t\t-( previousColumns - newColumns )\n\t\t\t);\n\t\t\tif ( hasExplicitWidths ) {\n\t\t\t\t// Redistribute as if block is already removed.\n\t\t\t\tconst widths = getRedistributedColumnWidths( innerBlocks, 100 );\n\n\t\t\t\tinnerBlocks = getMappedColumnWidths( innerBlocks, widths );\n\t\t\t}\n\t\t}\n\n\t\treplaceInnerBlocks( clientId, innerBlocks );\n\t}\n\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ canInsertColumnBlock && (\n\t\t\t\t<VStack spacing={ 4 } style={ { gridColumn: '1 / -1' } }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tvalue={ count }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tupdateColumns( count, Math.max( minCount, value ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ Math.max( 1, minCount ) }\n\t\t\t\t\t\tmax={ Math.max( 6, count ) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ count > 6 && (\n\t\t\t\t\t\t<Notice status=\"warning\" isDismissible={ false }>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'This column count exceeds the recommended amount and may cause visual breakage.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Notice>\n\t\t\t\t\t) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => isStackedOnMobile !== true }\n\t\t\t\tonDeselect={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</ToolsPanel>\n\t);\n}\n\nfunction ColumnsEditContainer( { attributes, setAttributes, clientId } ) {\n\tconst { isStackedOnMobile, verticalAlignment, templateLock } = attributes;\n\tconst registry = useRegistry();\n\tconst { getBlockOrder } = useSelect( blockEditorStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst classes = clsx( {\n\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t[ `is-not-stacked-on-mobile` ]: ! isStackedOnMobile,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\tdirectInsert: true,\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\n\t\ttemplateLock,\n\t} );\n\n\t/**\n\t * Update all child Column blocks with a new vertical alignment setting\n\t * based on whatever alignment is passed in. This allows change to parent\n\t * to override anything set on a individual column basis.\n\t *\n\t * @param {string} newVerticalAlignment The vertical alignment setting.\n\t */\n\tfunction updateAlignment( newVerticalAlignment ) {\n\t\tconst innerBlockClientIds = getBlockOrder( clientId );\n\n\t\t// Update own and child Column block vertical alignments.\n\t\t// This is a single action; the batching prevents creating multiple history records.\n\t\tregistry.batch( () => {\n\t\t\tsetAttributes( { verticalAlignment: newVerticalAlignment } );\n\t\t\tupdateBlockAttributes( innerBlockClientIds, {\n\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t} );\n\t\t} );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<ColumnInspectorControls\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nfunction Placeholder( { clientId, name, setAttributes } ) {\n\tconst { blockType, variations } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockVariations, getBlockType } = select( blocksStore );\n\n\t\t\treturn {\n\t\t\t\tblockType: getBlockType( name ),\n\t\t\t\tvariations: getBlockVariations( name, 'block' ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst blockProps = useBlockProps();\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<__experimentalBlockVariationPicker\n\t\t\t\ticon={ blockType?.icon?.src }\n\t\t\t\tlabel={ blockType?.title }\n\t\t\t\tvariations={ variations }\n\t\t\t\tinstructions={ __( 'Divide into columns. Select a layout:' ) }\n\t\t\t\tonSelect={ ( nextVariation ) => {\n\t\t\t\t\tif ( nextVariation.attributes ) {\n\t\t\t\t\t\tsetAttributes( nextVariation.attributes );\n\t\t\t\t\t}\n\t\t\t\t\tif ( nextVariation.innerBlocks ) {\n\t\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlocksFromInnerBlocksTemplate(\n\t\t\t\t\t\t\t\tnextVariation.innerBlocks\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/**\n * Renders the `core/columns` block in the editor.\n *\n * Until the block has inner blocks it renders a variation picker; afterwards it\n * renders the columns container. Every prop is forwarded to whichever of the two\n * is rendered.\n *\n * @param {Object}         props                                Component props.\n * @param {string}         props.clientId                       Client ID of the block.\n * @param {string}         props.name                           Block name, used to look up the variations offered by the picker.\n * @param {Object}         props.attributes                     Block attributes.\n * @param {string}         [props.attributes.verticalAlignment] Vertical alignment applied to the block and to every child Column block.\n * @param {boolean}        [props.attributes.isStackedOnMobile] Whether the columns stack on small viewports. Defaults to `true`.\n * @param {string|boolean} [props.attributes.templateLock]      Template lock applied to the inner blocks, one of `all`, `insert`, `contentOnly` or `false`.\n * @param {Function}       props.setAttributes                  Callback for updating block attributes.\n *\n * @return {React.JSX.Element} React element.\n */\nconst ColumnsEdit = ( props ) => {\n\tconst { clientId } = props;\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocks( clientId ).length > 0,\n\t\t[ clientId ]\n\t);\n\tconst Component = hasInnerBlocks ? ColumnsEditContainer : Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"],
-  "mappings": "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",
-  "names": ["blockEditorStore", "ToolsPanel", "VStack", "ToolsPanelItem", "clsx", "blocksStore"]
+  "sourcesContent": ["import clsx from 'clsx';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tToggleControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tuseInnerBlocksProps,\n\tBlockControls,\n\tBlockVerticalAlignmentToolbar,\n\t__experimentalBlockVariationPicker,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport {\n\tcreateBlocksFromInnerBlocksTemplate,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useToolsPanelDropdownMenuProps } from '../utils/hooks';\n\nconst DEFAULT_BLOCK = {\n\tname: 'core/column',\n};\n\nfunction ColumnInspectorControls( { setAttributes, isStackedOnMobile } ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Settings' ) }\n\t\t\tresetAll={ () => {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => isStackedOnMobile !== true }\n\t\t\t\tonDeselect={ () =>\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tisStackedOnMobile: true,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ __( 'Stack on mobile' ) }\n\t\t\t\t\tchecked={ isStackedOnMobile }\n\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tisStackedOnMobile: ! isStackedOnMobile,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t</ToolsPanel>\n\t);\n}\n\nfunction ColumnsEditContainer( { attributes, setAttributes, clientId } ) {\n\tconst { isStackedOnMobile, verticalAlignment, templateLock } = attributes;\n\tconst registry = useRegistry();\n\tconst { getBlockOrder } = useSelect( blockEditorStore );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst classes = clsx( {\n\t\t[ `are-vertically-aligned-${ verticalAlignment }` ]: verticalAlignment,\n\t\t[ `is-not-stacked-on-mobile` ]: ! isStackedOnMobile,\n\t} );\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classes,\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\tdirectInsert: true,\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\n\t\ttemplateLock,\n\t} );\n\n\t/**\n\t * Update all child Column blocks with a new vertical alignment setting\n\t * based on whatever alignment is passed in. This allows change to parent\n\t * to override anything set on a individual column basis.\n\t *\n\t * @param {string} newVerticalAlignment The vertical alignment setting.\n\t */\n\tfunction updateAlignment( newVerticalAlignment ) {\n\t\tconst innerBlockClientIds = getBlockOrder( clientId );\n\n\t\t// Update own and child Column block vertical alignments.\n\t\t// This is a single action; the batching prevents creating multiple history records.\n\t\tregistry.batch( () => {\n\t\t\tsetAttributes( { verticalAlignment: newVerticalAlignment } );\n\t\t\tupdateBlockAttributes( innerBlockClientIds, {\n\t\t\t\tverticalAlignment: newVerticalAlignment,\n\t\t\t} );\n\t\t} );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockVerticalAlignmentToolbar\n\t\t\t\t\tonChange={ updateAlignment }\n\t\t\t\t\tvalue={ verticalAlignment }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<ColumnInspectorControls\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tisStackedOnMobile={ isStackedOnMobile }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t<div { ...innerBlocksProps } />\n\t\t</>\n\t);\n}\n\nfunction Placeholder( { clientId, name, setAttributes } ) {\n\tconst { blockType, variations } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockVariations, getBlockType } = select( blocksStore );\n\n\t\t\treturn {\n\t\t\t\tblockType: getBlockType( name ),\n\t\t\t\tvariations: getBlockVariations( name, 'block' ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\tconst { replaceInnerBlocks } = useDispatch( blockEditorStore );\n\tconst blockProps = useBlockProps();\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<__experimentalBlockVariationPicker\n\t\t\t\ticon={ blockType?.icon?.src }\n\t\t\t\tlabel={ blockType?.title }\n\t\t\t\tvariations={ variations }\n\t\t\t\tinstructions={ __( 'Divide into columns. Select a layout:' ) }\n\t\t\t\tonSelect={ ( nextVariation ) => {\n\t\t\t\t\tif ( nextVariation.attributes ) {\n\t\t\t\t\t\tsetAttributes( nextVariation.attributes );\n\t\t\t\t\t}\n\t\t\t\t\tif ( nextVariation.innerBlocks ) {\n\t\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\tcreateBlocksFromInnerBlocksTemplate(\n\t\t\t\t\t\t\t\tnextVariation.innerBlocks\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/**\n * Renders the `core/columns` block in the editor.\n *\n * Until the block has inner blocks it renders a variation picker; afterwards it\n * renders the columns container. Every prop is forwarded to whichever of the two\n * is rendered.\n *\n * @param {Object}         props                                Component props.\n * @param {string}         props.clientId                       Client ID of the block.\n * @param {string}         props.name                           Block name, used to look up the variations offered by the picker.\n * @param {Object}         props.attributes                     Block attributes.\n * @param {string}         [props.attributes.verticalAlignment] Vertical alignment applied to the block and to every child Column block.\n * @param {boolean}        [props.attributes.isStackedOnMobile] Whether the columns stack on small viewports. Defaults to `true`.\n * @param {string|boolean} [props.attributes.templateLock]      Template lock applied to the inner blocks, one of `all`, `insert`, `contentOnly` or `false`.\n * @param {Function}       props.setAttributes                  Callback for updating block attributes.\n *\n * @return {React.JSX.Element} React element.\n */\nconst ColumnsEdit = ( props ) => {\n\tconst { clientId } = props;\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlocks( clientId ).length > 0,\n\t\t[ clientId ]\n\t);\n\tconst Component = hasInnerBlocks ? ColumnsEditContainer : Placeholder;\n\n\treturn <Component { ...props } />;\n};\n\nexport default ColumnsEdit;\n"],
+  "mappings": "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",
+  "names": ["ToolsPanel", "ToolsPanelItem", "blockEditorStore", "clsx", "blocksStore"]
 }

package/build/comments/edit/placeholder.cjs

@@ -38,6 +38,7 @@ var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
 var import_core_data = require("@wordpress/core-data");
 var import_element = require("@wordpress/element");
+var import_react_inert_value = require("@wordpress/react-inert-value");
 var import_form = __toESM(require("../../post-comments-form/form.cjs"));
 var import_jsx_runtime = require("react/jsx-runtime");
 function PostCommentsPlaceholder({ postType, postId }) {
@@ -47,98 +48,105 @@ function PostCommentsPlaceholder({ postType, postId }) {
     (select) => select(import_block_editor.store).getSettings().__experimentalDiscussionSettings?.avatarURL,
     []
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "wp-block-comments__legacy-placeholder", inert: "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-      /* translators: %s: Post title. */
-      children: (0, import_i18n.sprintf)((0, import_i18n.__)("One response to %s"), postTitle)
-    }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "navigation", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignleft", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
-        "« ",
-        (0, import_i18n.__)("Older Comments")
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignright", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
-        (0, import_i18n.__)("Newer Comments"),
-        " »"
-      ] }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "commentlist", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "comment even thread-even depth-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "comment-body", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "comment-meta", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "comment-author vcard", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "img",
-            {
-              alt: (0, import_i18n.__)("Commenter Avatar"),
-              src: avatarURL,
-              className: "avatar avatar-32 photo",
-              height: "32",
-              width: "32",
-              loading: "lazy"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { className: "fn", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#top", className: "url", children: (0, import_i18n.__)("A WordPress Commenter") }) }),
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "says", children: [
-            (0, import_i18n.__)("says"),
-            ":"
-          ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "wp-block-comments__legacy-placeholder",
+      inert: (0, import_react_inert_value.inertValue)(true),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
+          /* translators: %s: Post title. */
+          children: (0, import_i18n.sprintf)((0, import_i18n.__)("One response to %s"), postTitle)
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignleft", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+            "« ",
+            (0, import_i18n.__)("Older Comments")
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignright", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+            (0, import_i18n.__)("Newer Comments"),
+            " »"
+          ] }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "comment-metadata", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: "2000-01-01T00:00:00+00:00", children: (0, import_i18n.__)("January 1, 2000 at 00:00 am") }) }),
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "edit-link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "commentlist", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "comment even thread-even depth-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "comment-body", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("footer", { className: "comment-meta", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "comment-author vcard", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "img",
+                {
+                  alt: (0, import_i18n.__)("Commenter Avatar"),
+                  src: avatarURL,
+                  className: "avatar avatar-32 photo",
+                  height: "32",
+                  width: "32",
+                  loading: "lazy"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { className: "fn", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#top", className: "url", children: (0, import_i18n.__)("A WordPress Commenter") }) }),
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "says", children: [
+                (0, import_i18n.__)("says"),
+                ":"
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "comment-metadata", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "#top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { dateTime: "2000-01-01T00:00:00+00:00", children: (0, import_i18n.__)("January 1, 2000 at 00:00 am") }) }),
+              " ",
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "edit-link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "a",
+                {
+                  className: "comment-edit-link",
+                  href: "#top",
+                  children: (0, import_i18n.__)("Edit")
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "comment-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+            (0, import_i18n.__)("Hi, this is a comment."),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+            (0, import_i18n.__)(
+              "To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard."
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+            (0, import_element.createInterpolateElement)(
+              (0, import_i18n.__)(
+                "Commenter avatars come from <a>Gravatar</a>."
+              ),
+              {
+                a: (
+                  // eslint-disable-next-line jsx-a11y/anchor-has-content
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "https://gravatar.com/" })
+                )
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "reply", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "a",
             {
-              className: "comment-edit-link",
+              className: "comment-reply-link",
               href: "#top",
-              children: (0, import_i18n.__)("Edit")
+              "aria-label": (0, import_i18n.__)(
+                "Reply to A WordPress Commenter"
+              ),
+              /* translators: Comment reply button text. */
+              children: (0, import_i18n._x)("Reply", "verb")
             }
           ) })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "comment-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-        (0, import_i18n.__)("Hi, this is a comment."),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-        (0, import_i18n.__)(
-          "To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard."
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-        (0, import_element.createInterpolateElement)(
-          (0, import_i18n.__)(
-            "Commenter avatars come from <a>Gravatar</a>."
-          ),
-          {
-            a: (
-              // eslint-disable-next-line jsx-a11y/anchor-has-content
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: "https://gravatar.com/" })
-            )
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "reply", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "a",
-        {
-          className: "comment-reply-link",
-          href: "#top",
-          "aria-label": (0, import_i18n.__)(
-            "Reply to A WordPress Commenter"
-          ),
-          /* translators: Comment reply button text. */
-          children: (0, import_i18n._x)("Reply", "verb")
-        }
-      ) })
-    ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "navigation", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignleft", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
-        "« ",
-        (0, import_i18n.__)("Older Comments")
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignright", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
-        (0, import_i18n.__)("Newer Comments"),
-        " »"
-      ] }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.default, { postId, postType })
-  ] });
+        ] }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "navigation", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignleft", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+            "« ",
+            (0, import_i18n.__)("Older Comments")
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "alignright", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: "#top", children: [
+            (0, import_i18n.__)("Newer Comments"),
+            " »"
+          ] }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form.default, { postId, postType })
+      ]
+    }
+  );
 }
 //# sourceMappingURL=placeholder.cjs.map

package/build/comments/edit/placeholder.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/comments/edit/placeholder.jsx"],
-  "sourcesContent": ["import { store as blockEditorStore } from '@wordpress/block-editor';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { createInterpolateElement } from '@wordpress/element';\nimport CommentsForm from '../../post-comments-form/form';\n\nexport default function PostCommentsPlaceholder( { postType, postId } ) {\n\tlet [ postTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tpostTitle = postTitle || __( 'Post Title' );\n\n\tconst avatarURL = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalDiscussionSettings?.avatarURL,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div className=\"wp-block-comments__legacy-placeholder\" inert=\"true\">\n\t\t\t<h3>\n\t\t\t\t{\n\t\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\t\tsprintf( __( 'One response to %s' ), postTitle )\n\t\t\t\t}\n\t\t\t</h3>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">« { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } »</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<ol className=\"commentlist\">\n\t\t\t\t<li className=\"comment even thread-even depth-1\">\n\t\t\t\t\t<article className=\"comment-body\">\n\t\t\t\t\t\t<footer className=\"comment-meta\">\n\t\t\t\t\t\t\t<div className=\"comment-author vcard\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt={ __( 'Commenter Avatar' ) }\n\t\t\t\t\t\t\t\t\tsrc={ avatarURL }\n\t\t\t\t\t\t\t\t\tclassName=\"avatar avatar-32 photo\"\n\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<b className=\"fn\">\n\t\t\t\t\t\t\t\t\t<a href=\"#top\" className=\"url\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'A WordPress Commenter' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</b>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"says\">{ __( 'says' ) }:</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"comment-metadata\">\n\t\t\t\t\t\t\t\t<a href=\"#top\">\n\t\t\t\t\t\t\t\t\t<time dateTime=\"2000-01-01T00:00:00+00:00\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'January 1, 2000 at 00:00 am' ) }\n\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t</a>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"edit-link\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclassName=\"comment-edit-link\"\n\t\t\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</footer>\n\n\t\t\t\t\t\t<div className=\"comment-content\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{ __( 'Hi, this is a comment.' ) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Commenter avatars come from <a>Gravatar</a>.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/anchor-has-content\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https://gravatar.com/\" />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"reply\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName=\"comment-reply-link\"\n\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t'Reply to A WordPress Commenter'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t/* translators: Comment reply button text. */\n\t\t\t\t\t\t\t\t\t_x( 'Reply', 'verb' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</article>\n\t\t\t\t</li>\n\t\t\t</ol>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">« { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } »</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<CommentsForm postId={ postId } postType={ postType } />\n\t\t</div>\n\t);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { store as blockEditorStore } from '@wordpress/block-editor';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { createInterpolateElement } from '@wordpress/element';\nimport { inertValue } from '@wordpress/react-inert-value';\nimport CommentsForm from '../../post-comments-form/form';\n\nexport default function PostCommentsPlaceholder( { postType, postId } ) {\n\tlet [ postTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tpostTitle = postTitle || __( 'Post Title' );\n\n\tconst avatarURL = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getSettings()\n\t\t\t\t.__experimentalDiscussionSettings?.avatarURL,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"wp-block-comments__legacy-placeholder\"\n\t\t\tinert={ inertValue( true ) }\n\t\t>\n\t\t\t<h3>\n\t\t\t\t{\n\t\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\t\tsprintf( __( 'One response to %s' ), postTitle )\n\t\t\t\t}\n\t\t\t</h3>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">« { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } »</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<ol className=\"commentlist\">\n\t\t\t\t<li className=\"comment even thread-even depth-1\">\n\t\t\t\t\t<article className=\"comment-body\">\n\t\t\t\t\t\t<footer className=\"comment-meta\">\n\t\t\t\t\t\t\t<div className=\"comment-author vcard\">\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt={ __( 'Commenter Avatar' ) }\n\t\t\t\t\t\t\t\t\tsrc={ avatarURL }\n\t\t\t\t\t\t\t\t\tclassName=\"avatar avatar-32 photo\"\n\t\t\t\t\t\t\t\t\theight=\"32\"\n\t\t\t\t\t\t\t\t\twidth=\"32\"\n\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<b className=\"fn\">\n\t\t\t\t\t\t\t\t\t<a href=\"#top\" className=\"url\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'A WordPress Commenter' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</b>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"says\">{ __( 'says' ) }:</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div className=\"comment-metadata\">\n\t\t\t\t\t\t\t\t<a href=\"#top\">\n\t\t\t\t\t\t\t\t\t<time dateTime=\"2000-01-01T00:00:00+00:00\">\n\t\t\t\t\t\t\t\t\t\t{ __( 'January 1, 2000 at 00:00 am' ) }\n\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t</a>{ ' ' }\n\t\t\t\t\t\t\t\t<span className=\"edit-link\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclassName=\"comment-edit-link\"\n\t\t\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</footer>\n\n\t\t\t\t\t\t<div className=\"comment-content\">\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{ __( 'Hi, this is a comment.' ) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t{ createInterpolateElement(\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Commenter avatars come from <a>Gravatar</a>.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\ta: (\n\t\t\t\t\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/anchor-has-content\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https://gravatar.com/\" />\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"reply\">\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName=\"comment-reply-link\"\n\t\t\t\t\t\t\t\thref=\"#top\"\n\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t'Reply to A WordPress Commenter'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t/* translators: Comment reply button text. */\n\t\t\t\t\t\t\t\t\t_x( 'Reply', 'verb' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</article>\n\t\t\t\t</li>\n\t\t\t</ol>\n\n\t\t\t<div className=\"navigation\">\n\t\t\t\t<div className=\"alignleft\">\n\t\t\t\t\t<a href=\"#top\">« { __( 'Older Comments' ) }</a>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"alignright\">\n\t\t\t\t\t<a href=\"#top\">{ __( 'Newer Comments' ) } »</a>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<CommentsForm postId={ postId } postType={ postType } />\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
   "names": ["blockEditorStore", "CommentsForm"]
 }

package/build/comments-pagination/block.json

@@ -50,6 +50,11 @@
 				"type": "flex"
 			}
 		},
+		"spacing": {
+			"padding": true,
+			"margin": true,
+			"blockGap": true
+		},
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
@@ -63,6 +68,12 @@
 				"fontSize": true
 			}
 		},
+		"__experimentalBorder": {
+			"color": true,
+			"radius": true,
+			"style": true,
+			"width": true
+		},
 		"interactivity": {
 			"clientNavigation": true
 		}

package/build/cover/block.json

@@ -153,7 +153,8 @@
 			"allowJustification": false
 		},
 		"interactivity": {
-			"clientNavigation": true
+			"clientNavigation": true,
+			"interactive": true
 		},
 		"filter": {
 			"duotone": true