npm - @wordpress/block-editor - Versions diffs - 13.0.3 → 13.2.0 - Mend

@wordpress/block-editor 13.0.3 → 13.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/build/hooks/layout-child.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_compose","require","_data","_element","_store","_utils","_layout","_gridVisualizer","_jsxRuntime","useBlockPropsChildLayoutStyles","style","_style$layout","shouldRenderChildLayoutStyles","useSelect","select","blockEditorStore","getSettings","disableLayoutStyles","layout","selfStretch","flexSize","columnStart","rowStart","columnSpan","rowSpan","parentLayout","useLayout","columnCount","minimumColumnWidth","id","useInstanceId","selector","css","columnSpanNumber","parseInt","columnStartNumber","highestNumber","Math","max","parentColumnValue","parseFloat","isNaN","parentColumnUnit","replace","includes","defaultGapValue","containerQueryValue","gridColumnValue","useStyleOverride","className","ChildLayoutControlsPure","clientId","setAttributes","type","parentLayoutType","allowSizingOnChildren","rootClientId","getBlockRootClientId","resizerBounds","setResizerBounds","useState","jsxs","Fragment","children","jsx","GridVisualizer","contentRef","GridItemResizer","bounds","onChange","_default","exports","default","useBlockProps","edit","attributeKeys","hasSupport"],"sources":["@wordpress/block-editor/src/hooks/layout-child.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../store';\nimport { useStyleOverride } from './utils';\nimport { useLayout } from '../components/block-list/layout';\nimport { GridVisualizer, GridItemResizer } from '../components/grid-visualizer';\n\nfunction useBlockPropsChildLayoutStyles( { style } ) {\n\tconst shouldRenderChildLayoutStyles = useSelect( ( select ) => {\n\t\treturn ! select( blockEditorStore ).getSettings().disableLayoutStyles;\n\t} );\n\tconst layout = style?.layout ?? {};\n\tconst {\n\t\tselfStretch,\n\t\tflexSize,\n\t\tcolumnStart,\n\t\trowStart,\n\t\tcolumnSpan,\n\t\trowSpan,\n\t} = layout;\n\tconst parentLayout = useLayout() \|\| {};\n\tconst { columnCount, minimumColumnWidth } = parentLayout;\n\tconst id = useInstanceId( useBlockPropsChildLayoutStyles );\n\tconst selector = `.wp-container-content-${ id }`;\n\n\tlet css = '';\n\tif ( shouldRenderChildLayoutStyles ) {\n\t\tif ( selfStretch === 'fixed' && flexSize ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tflex-basis: ${ flexSize };\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}`;\n\t\t} else if ( selfStretch === 'fill' ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tflex-grow: 1;\n\t\t\t}`;\n\t\t} else if ( columnStart && columnSpan ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tgrid-column: ${ columnStart } / span ${ columnSpan };\n\t\t\t}`;\n\t\t} else if ( columnStart ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tgrid-column: ${ columnStart };\n\t\t\t}`;\n\t\t} else if ( columnSpan ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tgrid-column: span ${ columnSpan };\n\t\t\t}`;\n\t\t}\n\t\t/\n\t\t If minimumColumnWidth is set on the parent, or if no\n\t\t * columnCount is set, the grid is responsive so a\n\t\t * container query is needed for the span to resize.\n\t\t /\n\t\tif (\n\t\t\t( columnSpan \|\| columnStart ) &&\n\t\t\t( minimumColumnWidth \|\| ! columnCount )\n\t\t) {\n\t\t\t// Check if columnSpan and columnStart are numbers so Math.max doesn't break.\n\t\t\tconst columnSpanNumber = columnSpan ? parseInt( columnSpan ) : null;\n\t\t\tconst columnStartNumber = columnStart\n\t\t\t\t? parseInt( columnStart )\n\t\t\t\t: null;\n\t\t\tconst highestNumber = Math.max(\n\t\t\t\tcolumnSpanNumber,\n\t\t\t\tcolumnStartNumber\n\t\t\t);\n\n\t\t\tlet parentColumnValue = parseFloat( minimumColumnWidth );\n\t\t\t/\n\t\t\t 12rem is the default minimumColumnWidth value.\n\t\t\t * If parentColumnValue is not a number, default to 12.\n\t\t\t /\n\t\t\tif ( isNaN( parentColumnValue ) ) {\n\t\t\t\tparentColumnValue = 12;\n\t\t\t}\n\n\t\t\tlet parentColumnUnit = minimumColumnWidth?.replace(\n\t\t\t\tparentColumnValue,\n\t\t\t\t''\n\t\t\t);\n\t\t\t/\n\t\t\t Check that parent column unit is either 'px', 'rem' or 'em'.\n\t\t\t * If not, default to 'rem'.\n\t\t\t /\n\t\t\tif ( ! [ 'px', 'rem', 'em' ].includes( parentColumnUnit ) ) {\n\t\t\t\tparentColumnUnit = 'rem';\n\t\t\t}\n\n\t\t\tconst defaultGapValue = parentColumnUnit === 'px' ? 24 : 1.5;\n\t\t\tconst containerQueryValue =\n\t\t\t\thighestNumber parentColumnValue +\n\t\t\t\t( highestNumber - 1 ) * defaultGapValue;\n\t\t\t// If a span is set we want to preserve it as long as possible, otherwise we just reset the value.\n\t\t\tconst gridColumnValue = columnSpan ? '1/-1' : 'auto';\n\n\t\t\tcss += `@container (max-width: ${ containerQueryValue }${ parentColumnUnit }) {\n\t\t\t\t${ selector } {\n\t\t\t\t\tgrid-column: ${ gridColumnValue };\n\t\t\t\t}\n\t\t\t}`;\n\t\t}\n\t\tif ( rowStart && rowSpan ) {\n\t\t\tcss += `${ selector } {\n\t\t\t\tgrid-row: ${ rowStart } / span ${ rowSpan };\n\t\t\t}`;\n\t\t} else if ( rowStart ) {\n\t\t\tcss += `${ selector } {\n\t\t\t\tgrid-row: ${ rowStart };\n\t\t\t}`;\n\t\t} else if ( rowSpan ) {\n\t\t\tcss += `${ selector } {\n\t\t\t\tgrid-row: span ${ rowSpan };\n\t\t\t}`;\n\t\t}\n\t}\n\n\tuseStyleOverride( { css } );\n\n\t// Only attach a container class if there is generated CSS to be attached.\n\tif ( ! css ) {\n\t\treturn;\n\t}\n\n\t// Attach a `wp-container-content` id-based classname.\n\treturn { className: `wp-container-content-${ id }` };\n}\n\nfunction ChildLayoutControlsPure( { clientId, style, setAttributes } ) {\n\tconst {\n\t\ttype: parentLayoutType = 'default',\n\t\tallowSizingOnChildren = false,\n\t} = useLayout() \|\| {};\n\n\tconst rootClientId = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( blockEditorStore ).getBlockRootClientId( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Use useState() instead of useRef() so that GridItemResizer updates when ref is set.\n\tconst [ resizerBounds, setResizerBounds ] = useState();\n\n\tif ( parentLayoutType !== 'grid' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<GridVisualizer\n\t\t\t\tclientId={ rootClientId }\n\t\t\t\tcontentRef={ setResizerBounds }\n\t\t\t/>\n\t\t\t{ allowSizingOnChildren && (\n\t\t\t\t<GridItemResizer\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t// Don't allow resizing beyond the grid visualizer.\n\t\t\t\t\tbounds={ resizerBounds }\n\t\t\t\t\tonChange={ ( { columnSpan, rowSpan } ) => {\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\t...style,\n\t\t\t\t\t\t\t\tlayout: {\n\t\t\t\t\t\t\t\t\t...style?.layout,\n\t\t\t\t\t\t\t\t\tcolumnSpan,\n\t\t\t\t\t\t\t\t\trowSpan,\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} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default {\n\tuseBlockProps: useBlockPropsChildLayoutStyles,\n\tedit: ChildLayoutControlsPure,\n\tattributeKeys: [ 'style' ],\n\thasSupport() {\n\t\treturn true;\n\t},\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_compose","require","_data","_element","_store","_utils","_layout","_grid","_jsxRuntime","useBlockPropsChildLayoutStyles","style","_style$layout","shouldRenderChildLayoutStyles","useSelect","select","blockEditorStore","getSettings","disableLayoutStyles","layout","selfStretch","flexSize","columnStart","rowStart","columnSpan","rowSpan","parentLayout","useLayout","columnCount","minimumColumnWidth","id","useInstanceId","selector","css","columnSpanNumber","parseInt","columnStartNumber","highestNumber","Math","max","parentColumnValue","parseFloat","isNaN","parentColumnUnit","replace","includes","defaultGapValue","containerQueryValue","gridColumnValue","useStyleOverride","className","ChildLayoutControlsPure","clientId","setAttributes","type","parentLayoutType","allowSizingOnChildren","rootClientId","getBlockRootClientId","resizerBounds","setResizerBounds","useState","isManualGrid","updateLayout","jsxs","Fragment","children","jsx","GridVisualizer","contentRef","GridItemResizer","bounds","onChange","window","__experimentalEnableGridInteractivity","GridItemMovers","gridClientId","blockClientId","_default","exports","default","useBlockProps","edit","attributeKeys","hasSupport"],"sources":["@wordpress/block-editor/src/hooks/layout-child.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from '../store';\nimport { useStyleOverride } from './utils';\nimport { useLayout } from '../components/block-list/layout';\nimport {\n\tGridVisualizer,\n\tGridItemResizer,\n\tGridItemMovers,\n} from '../components/grid';\n\nfunction useBlockPropsChildLayoutStyles( { style } ) {\n\tconst shouldRenderChildLayoutStyles = useSelect( ( select ) => {\n\t\treturn ! select( blockEditorStore ).getSettings().disableLayoutStyles;\n\t} );\n\tconst layout = style?.layout ?? {};\n\tconst {\n\t\tselfStretch,\n\t\tflexSize,\n\t\tcolumnStart,\n\t\trowStart,\n\t\tcolumnSpan,\n\t\trowSpan,\n\t} = layout;\n\tconst parentLayout = useLayout() \|\| {};\n\tconst { columnCount, minimumColumnWidth } = parentLayout;\n\tconst id = useInstanceId( useBlockPropsChildLayoutStyles );\n\tconst selector = `.wp-container-content-${ id }`;\n\n\tlet css = '';\n\tif ( shouldRenderChildLayoutStyles ) {\n\t\tif ( selfStretch === 'fixed' && flexSize ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tflex-basis: ${ flexSize };\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}`;\n\t\t} else if ( selfStretch === 'fill' ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tflex-grow: 1;\n\t\t\t}`;\n\t\t} else if ( columnStart && columnSpan ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tgrid-column: ${ columnStart } / span ${ columnSpan };\n\t\t\t}`;\n\t\t} else if ( columnStart ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tgrid-column: ${ columnStart };\n\t\t\t}`;\n\t\t} else if ( columnSpan ) {\n\t\t\tcss = `${ selector } {\n\t\t\t\tgrid-column: span ${ columnSpan };\n\t\t\t}`;\n\t\t}\n\t\t/\n\t\t If minimumColumnWidth is set on the parent, or if no\n\t\t * columnCount is set, the grid is responsive so a\n\t\t * container query is needed for the span to resize.\n\t\t /\n\t\tif (\n\t\t\t( columnSpan \|\| columnStart ) &&\n\t\t\t( minimumColumnWidth \|\| ! columnCount )\n\t\t) {\n\t\t\t// Check if columnSpan and columnStart are numbers so Math.max doesn't break.\n\t\t\tconst columnSpanNumber = columnSpan ? parseInt( columnSpan ) : null;\n\t\t\tconst columnStartNumber = columnStart\n\t\t\t\t? parseInt( columnStart )\n\t\t\t\t: null;\n\t\t\tconst highestNumber = Math.max(\n\t\t\t\tcolumnSpanNumber,\n\t\t\t\tcolumnStartNumber\n\t\t\t);\n\n\t\t\tlet parentColumnValue = parseFloat( minimumColumnWidth );\n\t\t\t/\n\t\t\t 12rem is the default minimumColumnWidth value.\n\t\t\t * If parentColumnValue is not a number, default to 12.\n\t\t\t /\n\t\t\tif ( isNaN( parentColumnValue ) ) {\n\t\t\t\tparentColumnValue = 12;\n\t\t\t}\n\n\t\t\tlet parentColumnUnit = minimumColumnWidth?.replace(\n\t\t\t\tparentColumnValue,\n\t\t\t\t''\n\t\t\t);\n\t\t\t/\n\t\t\t Check that parent column unit is either 'px', 'rem' or 'em'.\n\t\t\t * If not, default to 'rem'.\n\t\t\t /\n\t\t\tif ( ! [ 'px', 'rem', 'em' ].includes( parentColumnUnit ) ) {\n\t\t\t\tparentColumnUnit = 'rem';\n\t\t\t}\n\n\t\t\tconst defaultGapValue = parentColumnUnit === 'px' ? 24 : 1.5;\n\t\t\tconst containerQueryValue =\n\t\t\t\thighestNumber parentColumnValue +\n\t\t\t\t( highestNumber - 1 ) * defaultGapValue;\n\t\t\t// If a span is set we want to preserve it as long as possible, otherwise we just reset the value.\n\t\t\tconst gridColumnValue = columnSpan ? '1/-1' : 'auto';\n\n\t\t\tcss += `@container (max-width: ${ containerQueryValue }${ parentColumnUnit }) {\n\t\t\t\t${ selector } {\n\t\t\t\t\tgrid-column: ${ gridColumnValue };\n\t\t\t\t}\n\t\t\t}`;\n\t\t}\n\t\tif ( rowStart && rowSpan ) {\n\t\t\tcss += `${ selector } {\n\t\t\t\tgrid-row: ${ rowStart } / span ${ rowSpan };\n\t\t\t}`;\n\t\t} else if ( rowStart ) {\n\t\t\tcss += `${ selector } {\n\t\t\t\tgrid-row: ${ rowStart };\n\t\t\t}`;\n\t\t} else if ( rowSpan ) {\n\t\t\tcss += `${ selector } {\n\t\t\t\tgrid-row: span ${ rowSpan };\n\t\t\t}`;\n\t\t}\n\t}\n\n\tuseStyleOverride( { css } );\n\n\t// Only attach a container class if there is generated CSS to be attached.\n\tif ( ! css ) {\n\t\treturn;\n\t}\n\n\t// Attach a `wp-container-content` id-based classname.\n\treturn { className: `wp-container-content-${ id }` };\n}\n\nfunction ChildLayoutControlsPure( { clientId, style, setAttributes } ) {\n\tconst parentLayout = useLayout() \|\| {};\n\tconst {\n\t\ttype: parentLayoutType = 'default',\n\t\tallowSizingOnChildren = false,\n\t\tcolumnCount,\n\t} = parentLayout;\n\n\tconst rootClientId = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( blockEditorStore ).getBlockRootClientId( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Use useState() instead of useRef() so that GridItemResizer updates when ref is set.\n\tconst [ resizerBounds, setResizerBounds ] = useState();\n\n\tif ( parentLayoutType !== 'grid' ) {\n\t\treturn null;\n\t}\n\n\tconst isManualGrid = !! columnCount;\n\n\tfunction updateLayout( layout ) {\n\t\tsetAttributes( {\n\t\t\tstyle: {\n\t\t\t\t...style,\n\t\t\t\tlayout: {\n\t\t\t\t\t...style?.layout,\n\t\t\t\t\t...layout,\n\t\t\t\t},\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<GridVisualizer\n\t\t\t\tclientId={ rootClientId }\n\t\t\t\tcontentRef={ setResizerBounds }\n\t\t\t\tparentLayout={ parentLayout }\n\t\t\t/>\n\t\t\t{ allowSizingOnChildren && (\n\t\t\t\t<GridItemResizer\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t// Don't allow resizing beyond the grid visualizer.\n\t\t\t\t\tbounds={ resizerBounds }\n\t\t\t\t\tonChange={ updateLayout }\n\t\t\t\t\tparentLayout={ parentLayout }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isManualGrid && window.__experimentalEnableGridInteractivity && (\n\t\t\t\t<GridItemMovers\n\t\t\t\t\tlayout={ style?.layout }\n\t\t\t\t\tparentLayout={ parentLayout }\n\t\t\t\t\tonChange={ updateLayout }\n\t\t\t\t\tgridClientId={ rootClientId }\n\t\t\t\t\tblockClientId={ clientId }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default {\n\tuseBlockProps: useBlockPropsChildLayoutStyles,\n\tedit: ChildLayoutControlsPure,\n\tattributeKeys: [ 'style' ],\n\thasSupport() {\n\t\treturn true;\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

package/build/layouts/grid.js CHANGED Viewed

@@ -11,7 +11,7 @@ var _utils = require("./utils");
 var _gap = require("../hooks/gap");
 var _utils2 = require("../hooks/utils");
 var _definitions = require("./definitions");
-var _gridVisualizer = require("../components/grid-visualizer");
+var _grid = require("../components/grid");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -92,8 +92,12 @@ var _default = exports.default = {
   toolBarControls: function GridLayoutToolbarControls({
     clientId
   }) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_gridVisualizer.GridVisualizer, {
-      clientId: clientId
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [window.__experimentalEnableGridInteractivity && /*#__PURE__*/(0, _jsxRuntime.jsx)(GridLayoutSync, {
+        clientId: clientId
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_grid.GridVisualizer, {
+        clientId: clientId
+      })]
     });
   },
   getLayoutStyle: function getLayoutStyle({
@@ -223,12 +227,9 @@ function GridLayoutColumnsAndRowsControl({
     columnCount = 3,
     rowCount
   } = layout;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
-        as: "legend",
-        children: (0, _i18n.__)('Columns')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
         gap: 4,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
           isBlock: true,
@@ -247,35 +248,11 @@ function GridLayoutColumnsAndRowsControl({
             },
             value: columnCount,
             min: 1,
-            label: (0, _i18n.__)('Columns'),
-            hideLabelFromVision: true
+            label: (0, _i18n.__)('Columns')
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
           isBlock: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-            value: parseInt(columnCount, 10) // RangeControl can't deal with strings.
-            ,
-            onChange: value => onChange({
-              ...layout,
-              columnCount: value
-            }),
-            min: 1,
-            max: 16,
-            withInputField: false,
-            label: (0, _i18n.__)('Columns'),
-            hideLabelFromVision: true
-          })
-        })]
-      })]
-    }), allowSizingOnChildren && window.__experimentalEnableGridInteractivity && /*#__PURE__*/(0, _jsxRuntime.jsxs)("fieldset", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
-        as: "legend",
-        children: (0, _i18n.__)('Rows')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
-        gap: 4,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-          isBlock: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNumberControl, {
+          children: window.__experimentalEnableGridInteractivity && allowSizingOnChildren ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNumberControl, {
             size: "__unstable-large",
             onChange: value => {
               onChange({
@@ -285,27 +262,23 @@ function GridLayoutColumnsAndRowsControl({
             },
             value: rowCount,
             min: 1,
-            label: (0, _i18n.__)('Rows'),
-            hideLabelFromVision: true
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-          isBlock: true,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-            value: parseInt(rowCount, 10) // RangeControl can't deal with strings.
+            label: (0, _i18n.__)('Rows')
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
+            value: parseInt(columnCount, 10) // RangeControl can't deal with strings.
             ,
             onChange: value => onChange({
               ...layout,
-              rowCount: value
+              columnCount: value
             }),
             min: 1,
             max: 16,
             withInputField: false,
-            label: (0, _i18n.__)('Rows'),
+            label: (0, _i18n.__)('Columns'),
             hideLabelFromVision: true
           })
         })]
-      })]
-    })]
+      })
+    })
   });
 }
@@ -340,10 +313,11 @@ function GridLayoutTypeControl({
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToggleGroupControl, {
     __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Type'),
+    label: (0, _i18n.__)('Grid item position'),
     value: isManual,
     onChange: onChangeType,
     isBlock: true,
+    help: isManual === 'manual' ? (0, _i18n.__)('Grid items can be manually placed in any position on the grid.') : (0, _i18n.__)('Grid items are placed automatically depending on their order.'),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
       value: "auto",
       label: (0, _i18n.__)('Auto')
@@ -353,4 +327,7 @@ function GridLayoutTypeControl({
     }, "manual")]
   });
 }
+function GridLayoutSync(props) {
+  (0, _grid.useGridLayoutSync)(props);
+}
 //# sourceMappingURL=grid.js.map

package/build/layouts/grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_element","_utils","_gap","_utils2","_definitions","_gridVisualizer","_jsxRuntime","RANGE_CONTROL_MAX_VALUES","px","vw","vh","em","rem","svw","lvw","dvw","svh","lvh","dvh","vi","svi","lvi","dvi","vb","svb","lvb","dvb","vmin","svmin","lvmin","dvmin","vmax","svmax","lvmax","dvmax","units","value","label","default","_default","exports","name","__","inspectorControls","GridLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowSizingOnChildren","jsxs","Fragment","children","jsx","GridLayoutTypeControl","columnCount","GridLayoutColumnsAndRowsControl","GridLayoutMinimumWidthControl","toolBarControls","GridLayoutToolbarControls","clientId","GridVisualizer","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","minimumColumnWidth","rowCount","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","quantity","unit","parseQuantityAndUnitFromRawValue","handleSliderChange","next","handleUnitChange","newUnit","newValue","includes","toFixed","Math","round","BaseControl","VisualLabel","as","Flex","gap","FlexItem","isBlock","__experimentalUnitControl","size","onUnitChange","min","hideLabelFromVision","RangeControl","max","withInputField","__experimentalNumberControl","validValue","parseInt","window","__experimentalEnableGridInteractivity","tempColumnCount","setTempColumnCount","useState","tempMinimumColumnWidth","setTempMinimumColumnWidth","isManual","onChangeType","__experimentalToggleGroupControl","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption"],"sources":["@wordpress/block-editor/src/layouts/grid.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\tBaseControl,\n\tFlex,\n\tFlexItem,\n\tRangeControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\nimport { GridVisualizer } from '../components/grid-visualizer';\n\nconst RANGE_CONTROL_MAX_VALUES = {\n\tpx: 600,\n\t'%': 100,\n\tvw: 100,\n\tvh: 100,\n\tem: 38,\n\trem: 38,\n\tsvw: 100,\n\tlvw: 100,\n\tdvw: 100,\n\tsvh: 100,\n\tlvh: 100,\n\tdvh: 100,\n\tvi: 100,\n\tsvi: 100,\n\tlvi: 100,\n\tdvi: 100,\n\tvb: 100,\n\tsvb: 100,\n\tlvb: 100,\n\tdvb: 100,\n\tvmin: 100,\n\tsvmin: 100,\n\tlvmin: 100,\n\tdvmin: 100,\n\tvmax: 100,\n\tsvmax: 100,\n\tlvmax: 100,\n\tdvmax: 100,\n};\n\nconst units = [\n\t{ value: 'px', label: 'px', default: 0 },\n\t{ value: 'rem', label: 'rem', default: 0 },\n\t{ value: 'em', label: 'em', default: 0 },\n];\n\nexport default {\n\tname: 'grid',\n\tlabel: __( 'Grid' ),\n\tinspectorControls: function GridLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowSizingOnChildren = false } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<GridLayoutTypeControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t\t{ layout?.columnCount ? (\n\t\t\t\t\t<GridLayoutColumnsAndRowsControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tallowSizingOnChildren={ allowSizingOnChildren }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<GridLayoutMinimumWidthControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function GridLayoutToolbarControls( { clientId } ) {\n\t\treturn <GridVisualizer clientId={ clientId } />;\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst {\n\t\t\tminimumColumnWidth = '12rem',\n\t\t\tcolumnCount = null,\n\t\t\trowCount = null,\n\t\t} = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( columnCount ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(${ columnCount }, minmax(0, 1fr))`\n\t\t\t);\n\t\t\tif ( rowCount ) {\n\t\t\t\trules.push(\n\t\t\t\t\t`grid-template-rows: repeat(${ rowCount }, minmax(0, 1fr))`\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( minimumColumnWidth ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(auto-fill, minmax(min(${ minimumColumnWidth }, 100%), 1fr))`,\n\t\t\t\t'container-type: inline-size'\n\t\t\t);\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\t// Reason to disable: the extra line breaks added by prettier mess with the unit tests.\n\t\t\t// eslint-disable-next-line prettier/prettier\n\t\t\toutput = `${ appendSelectors( selector ) } { ${ rules.join(\n\t\t\t\t'; '\n\t\t\t) }; }`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'grid',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'horizontal';\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\n// Enables setting minimum width of grid items.\nfunction GridLayoutMinimumWidthControl( { layout, onChange } ) {\n\tconst { minimumColumnWidth: value = '12rem' } = layout;\n\tconst [ quantity, unit ] = parseQuantityAndUnitFromRawValue( value );\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: [ next, unit ].join( '' ),\n\t\t} );\n\t};\n\n\t// Mostly copied from HeightControl.\n\tconst handleUnitChange = ( newUnit ) => {\n\t\t// Attempt to smooth over differences between currentUnit and newUnit.\n\t\t// This should slightly improve the experience of switching between unit types.\n\t\tlet newValue;\n\n\t\tif ( [ 'em', 'rem' ].includes( newUnit ) && unit === 'px' ) {\n\t\t\t// Convert pixel value to an approximate of the new unit, assuming a root size of 16px.\n\t\t\tnewValue = ( quantity / 16 ).toFixed( 2 ) + newUnit;\n\t\t} else if ( [ 'em', 'rem' ].includes( unit ) && newUnit === 'px' ) {\n\t\t\t// Convert to pixel value assuming a root size of 16px.\n\t\t\tnewValue = Math.round( quantity 16 ) + newUnit;\n\t\t}\n\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<fieldset>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Minimum column width' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex gap={ 4 }>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\tminimumColumnWidth: newValue,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tvalue={ quantity }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ RANGE_CONTROL_MAX_VALUES[ unit ] \|\| 600 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</fieldset>\n\t);\n}\n\n// Enables setting number of grid columns\nfunction GridLayoutColumnsAndRowsControl( {\n\tlayout,\n\tonChange,\n\tallowSizingOnChildren,\n} ) {\n\tconst { columnCount = 3, rowCount } = layout;\n\n\treturn (\n\t\t<>\n\t\t\t<fieldset>\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ __( 'Columns' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<Flex gap={ 4 }>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t/*\n\t\t\t\t\t\t\t\t If the input is cleared, avoid switching\n\t\t\t\t\t\t\t\t * back to \"Auto\" by setting a value of \"1\".\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\tconst validValue = value !== '' ? value : '1';\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\tcolumnCount: validValue,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ columnCount }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\tvalue={ parseInt( columnCount, 10 ) } // RangeControl can't deal with strings.\n\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\tcolumnCount: 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\tmin={ 1 }\n\t\t\t\t\t\t\tmax={ 16 }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</fieldset>\n\t\t\t{ allowSizingOnChildren &&\n\t\t\t\twindow.__experimentalEnableGridInteractivity && (\n\t\t\t\t\t<fieldset>\n\t\t\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t\t\t{ __( 'Rows' ) }\n\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t<Flex gap={ 4 }>\n\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\trowCount: value,\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\tvalue={ rowCount }\n\t\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Rows' ) }\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\t\tvalue={ parseInt( rowCount, 10 ) } // RangeControl can't deal with strings.\n\t\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\t\trowCount: value,\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\tmin={ 1 }\n\t\t\t\t\t\t\t\t\tmax={ 16 }\n\t\t\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Rows' ) }\n\t\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</fieldset>\n\t\t\t\t) }\n\t\t</>\n\t);\n}\n\n// Enables switching between grid types\nfunction GridLayoutTypeControl( { layout, onChange } ) {\n\tconst { columnCount, minimumColumnWidth } = layout;\n\n\t/\n\t When switching, temporarily save any custom values set on the\n\t * previous type so we can switch back without loss.\n\t */\n\tconst [ tempColumnCount, setTempColumnCount ] = useState(\n\t\tcolumnCount \|\| 3\n\t);\n\tconst [ tempMinimumColumnWidth, setTempMinimumColumnWidth ] = useState(\n\t\tminimumColumnWidth \|\| '12rem'\n\t);\n\n\tconst isManual = !! columnCount ? 'manual' : 'auto';\n\n\tconst onChangeType = ( value ) => {\n\t\tif ( value === 'manual' ) {\n\t\t\tsetTempMinimumColumnWidth( minimumColumnWidth \|\| '12rem' );\n\t\t} else {\n\t\t\tsetTempColumnCount( columnCount \|\| 3 );\n\t\t}\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tcolumnCount: value === 'manual' ? tempColumnCount : null,\n\t\t\tminimumColumnWidth:\n\t\t\t\tvalue === 'auto' ? tempMinimumColumnWidth : null,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Type' ) }\n\t\t\tvalue={ isManual }\n\t\t\tonChange={ onChangeType }\n\t\t\tisBlock\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"auto\"\n\t\t\t\tvalue=\"auto\"\n\t\t\t\tlabel={ __( 'Auto' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"manual\"\n\t\t\t\tvalue=\"manual\"\n\t\t\t\tlabel={ __( 'Manual' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_element","_utils","_gap","_utils2","_definitions","_grid","_jsxRuntime","RANGE_CONTROL_MAX_VALUES","px","vw","vh","em","rem","svw","lvw","dvw","svh","lvh","dvh","vi","svi","lvi","dvi","vb","svb","lvb","dvb","vmin","svmin","lvmin","dvmin","vmax","svmax","lvmax","dvmax","units","value","label","default","_default","exports","name","__","inspectorControls","GridLayoutInspectorControls","layout","onChange","layoutBlockSupport","allowSizingOnChildren","jsxs","Fragment","children","jsx","GridLayoutTypeControl","columnCount","GridLayoutColumnsAndRowsControl","GridLayoutMinimumWidthControl","toolBarControls","GridLayoutToolbarControls","clientId","window","__experimentalEnableGridInteractivity","GridLayoutSync","GridVisualizer","getLayoutStyle","selector","style","blockName","hasBlockGapSupport","layoutDefinitions","LAYOUT_DEFINITIONS","minimumColumnWidth","rowCount","blockGapValue","spacing","blockGap","shouldSkipSerialization","getGapCSSValue","undefined","output","rules","push","length","appendSelectors","join","getBlockGapCSS","getOrientation","getAlignments","quantity","unit","parseQuantityAndUnitFromRawValue","handleSliderChange","next","handleUnitChange","newUnit","newValue","includes","toFixed","Math","round","BaseControl","VisualLabel","as","Flex","gap","FlexItem","isBlock","__experimentalUnitControl","size","onUnitChange","min","hideLabelFromVision","RangeControl","max","withInputField","__experimentalNumberControl","validValue","parseInt","tempColumnCount","setTempColumnCount","useState","tempMinimumColumnWidth","setTempMinimumColumnWidth","isManual","onChangeType","__experimentalToggleGroupControl","__nextHasNoMarginBottom","help","__experimentalToggleGroupControlOption","props","useGridLayoutSync"],"sources":["@wordpress/block-editor/src/layouts/grid.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\tBaseControl,\n\tFlex,\n\tFlexItem,\n\tRangeControl,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { appendSelectors, getBlockGapCSS } from './utils';\nimport { getGapCSSValue } from '../hooks/gap';\nimport { shouldSkipSerialization } from '../hooks/utils';\nimport { LAYOUT_DEFINITIONS } from './definitions';\nimport { GridVisualizer, useGridLayoutSync } from '../components/grid';\n\nconst RANGE_CONTROL_MAX_VALUES = {\n\tpx: 600,\n\t'%': 100,\n\tvw: 100,\n\tvh: 100,\n\tem: 38,\n\trem: 38,\n\tsvw: 100,\n\tlvw: 100,\n\tdvw: 100,\n\tsvh: 100,\n\tlvh: 100,\n\tdvh: 100,\n\tvi: 100,\n\tsvi: 100,\n\tlvi: 100,\n\tdvi: 100,\n\tvb: 100,\n\tsvb: 100,\n\tlvb: 100,\n\tdvb: 100,\n\tvmin: 100,\n\tsvmin: 100,\n\tlvmin: 100,\n\tdvmin: 100,\n\tvmax: 100,\n\tsvmax: 100,\n\tlvmax: 100,\n\tdvmax: 100,\n};\n\nconst units = [\n\t{ value: 'px', label: 'px', default: 0 },\n\t{ value: 'rem', label: 'rem', default: 0 },\n\t{ value: 'em', label: 'em', default: 0 },\n];\n\nexport default {\n\tname: 'grid',\n\tlabel: __( 'Grid' ),\n\tinspectorControls: function GridLayoutInspectorControls( {\n\t\tlayout = {},\n\t\tonChange,\n\t\tlayoutBlockSupport = {},\n\t} ) {\n\t\tconst { allowSizingOnChildren = false } = layoutBlockSupport;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<GridLayoutTypeControl\n\t\t\t\t\tlayout={ layout }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t\t{ layout?.columnCount ? (\n\t\t\t\t\t<GridLayoutColumnsAndRowsControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tallowSizingOnChildren={ allowSizingOnChildren }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<GridLayoutMinimumWidthControl\n\t\t\t\t\t\tlayout={ layout }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t},\n\ttoolBarControls: function GridLayoutToolbarControls( { clientId } ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ window.__experimentalEnableGridInteractivity && (\n\t\t\t\t\t<GridLayoutSync clientId={ clientId } />\n\t\t\t\t) }\n\t\t\t\t<GridVisualizer clientId={ clientId } />\n\t\t\t</>\n\t\t);\n\t},\n\tgetLayoutStyle: function getLayoutStyle( {\n\t\tselector,\n\t\tlayout,\n\t\tstyle,\n\t\tblockName,\n\t\thasBlockGapSupport,\n\t\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\t} ) {\n\t\tconst {\n\t\t\tminimumColumnWidth = '12rem',\n\t\t\tcolumnCount = null,\n\t\t\trowCount = null,\n\t\t} = layout;\n\n\t\t// If a block's block.json skips serialization for spacing or spacing.blockGap,\n\t\t// don't apply the user-defined value to the styles.\n\t\tconst blockGapValue =\n\t\t\tstyle?.spacing?.blockGap &&\n\t\t\t! shouldSkipSerialization( blockName, 'spacing', 'blockGap' )\n\t\t\t\t? getGapCSSValue( style?.spacing?.blockGap, '0.5em' )\n\t\t\t\t: undefined;\n\n\t\tlet output = '';\n\t\tconst rules = [];\n\n\t\tif ( columnCount ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(${ columnCount }, minmax(0, 1fr))`\n\t\t\t);\n\t\t\tif ( rowCount ) {\n\t\t\t\trules.push(\n\t\t\t\t\t`grid-template-rows: repeat(${ rowCount }, minmax(0, 1fr))`\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( minimumColumnWidth ) {\n\t\t\trules.push(\n\t\t\t\t`grid-template-columns: repeat(auto-fill, minmax(min(${ minimumColumnWidth }, 100%), 1fr))`,\n\t\t\t\t'container-type: inline-size'\n\t\t\t);\n\t\t}\n\n\t\tif ( rules.length ) {\n\t\t\t// Reason to disable: the extra line breaks added by prettier mess with the unit tests.\n\t\t\t// eslint-disable-next-line prettier/prettier\n\t\t\toutput = `${ appendSelectors( selector ) } { ${ rules.join(\n\t\t\t\t'; '\n\t\t\t) }; }`;\n\t\t}\n\n\t\t// Output blockGap styles based on rules contained in layout definitions in theme.json.\n\t\tif ( hasBlockGapSupport && blockGapValue ) {\n\t\t\toutput += getBlockGapCSS(\n\t\t\t\tselector,\n\t\t\t\tlayoutDefinitions,\n\t\t\t\t'grid',\n\t\t\t\tblockGapValue\n\t\t\t);\n\t\t}\n\t\treturn output;\n\t},\n\tgetOrientation() {\n\t\treturn 'horizontal';\n\t},\n\tgetAlignments() {\n\t\treturn [];\n\t},\n};\n\n// Enables setting minimum width of grid items.\nfunction GridLayoutMinimumWidthControl( { layout, onChange } ) {\n\tconst { minimumColumnWidth: value = '12rem' } = layout;\n\tconst [ quantity, unit ] = parseQuantityAndUnitFromRawValue( value );\n\n\tconst handleSliderChange = ( next ) => {\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: [ next, unit ].join( '' ),\n\t\t} );\n\t};\n\n\t// Mostly copied from HeightControl.\n\tconst handleUnitChange = ( newUnit ) => {\n\t\t// Attempt to smooth over differences between currentUnit and newUnit.\n\t\t// This should slightly improve the experience of switching between unit types.\n\t\tlet newValue;\n\n\t\tif ( [ 'em', 'rem' ].includes( newUnit ) && unit === 'px' ) {\n\t\t\t// Convert pixel value to an approximate of the new unit, assuming a root size of 16px.\n\t\t\tnewValue = ( quantity / 16 ).toFixed( 2 ) + newUnit;\n\t\t} else if ( [ 'em', 'rem' ].includes( unit ) && newUnit === 'px' ) {\n\t\t\t// Convert to pixel value assuming a root size of 16px.\n\t\t\tnewValue = Math.round( quantity 16 ) + newUnit;\n\t\t}\n\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tminimumColumnWidth: newValue,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<fieldset>\n\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t{ __( 'Minimum column width' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Flex gap={ 4 }>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\tminimumColumnWidth: newValue,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonUnitChange={ handleUnitChange }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tvalue={ quantity }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ RANGE_CONTROL_MAX_VALUES[ unit ] \|\| 600 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tlabel={ __( 'Minimum column width' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</fieldset>\n\t);\n}\n\n// Enables setting number of grid columns\nfunction GridLayoutColumnsAndRowsControl( {\n\tlayout,\n\tonChange,\n\tallowSizingOnChildren,\n} ) {\n\tconst { columnCount = 3, rowCount } = layout;\n\n\treturn (\n\t\t<>\n\t\t\t<fieldset>\n\t\t\t\t<Flex gap={ 4 }>\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t/*\n\t\t\t\t\t\t\t\t If the input is cleared, avoid switching\n\t\t\t\t\t\t\t\t * back to \"Auto\" by setting a value of \"1\".\n\t\t\t\t\t\t\t\t /\n\t\t\t\t\t\t\t\tconst validValue = value !== '' ? value : '1';\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\tcolumnCount: validValue,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tvalue={ columnCount }\n\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\n\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t{ window.__experimentalEnableGridInteractivity &&\n\t\t\t\t\t\tallowSizingOnChildren ? (\n\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\trowCount: value,\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\tvalue={ rowCount }\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tlabel={ __( 'Rows' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t\tvalue={ parseInt( columnCount, 10 ) } // RangeControl can't deal with strings.\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t...layout,\n\t\t\t\t\t\t\t\t\t\tcolumnCount: value,\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\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={ 16 }\n\t\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</Flex>\n\t\t\t</fieldset>\n\t\t</>\n\t);\n}\n\n// Enables switching between grid types\nfunction GridLayoutTypeControl( { layout, onChange } ) {\n\tconst { columnCount, minimumColumnWidth } = layout;\n\n\t/\n\t When switching, temporarily save any custom values set on the\n\t * previous type so we can switch back without loss.\n\t */\n\tconst [ tempColumnCount, setTempColumnCount ] = useState(\n\t\tcolumnCount \|\| 3\n\t);\n\tconst [ tempMinimumColumnWidth, setTempMinimumColumnWidth ] = useState(\n\t\tminimumColumnWidth \|\| '12rem'\n\t);\n\n\tconst isManual = !! columnCount ? 'manual' : 'auto';\n\n\tconst onChangeType = ( value ) => {\n\t\tif ( value === 'manual' ) {\n\t\t\tsetTempMinimumColumnWidth( minimumColumnWidth \|\| '12rem' );\n\t\t} else {\n\t\t\tsetTempColumnCount( columnCount \|\| 3 );\n\t\t}\n\t\tonChange( {\n\t\t\t...layout,\n\t\t\tcolumnCount: value === 'manual' ? tempColumnCount : null,\n\t\t\tminimumColumnWidth:\n\t\t\t\tvalue === 'auto' ? tempMinimumColumnWidth : null,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<ToggleGroupControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Grid item position' ) }\n\t\t\tvalue={ isManual }\n\t\t\tonChange={ onChangeType }\n\t\t\tisBlock\n\t\t\thelp={\n\t\t\t\tisManual === 'manual'\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Grid items can be manually placed in any position on the grid.'\n\t\t\t\t\t )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'Grid items are placed automatically depending on their order.'\n\t\t\t\t\t )\n\t\t\t}\n\t\t>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"auto\"\n\t\t\t\tvalue=\"auto\"\n\t\t\t\tlabel={ __( 'Auto' ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControlOption\n\t\t\t\tkey=\"manual\"\n\t\t\t\tvalue=\"manual\"\n\t\t\t\tlabel={ __( 'Manual' ) }\n\t\t\t/>\n\t\t</ToggleGroupControl>\n\t);\n}\n\nfunction GridLayoutSync( props ) {\n\tuseGridLayoutSync( props );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/store/private-actions.js CHANGED Viewed

@@ -18,9 +18,7 @@ exports.showBlockInterface = showBlockInterface;
 exports.startDragging = startDragging;
 exports.stopDragging = stopDragging;
 exports.stopEditingAsBlocks = stopEditingAsBlocks;
-exports.syncDerivedUpdates = syncDerivedUpdates;
 var _element = require("@wordpress/element");
-var _undoIgnore = require("./undo-ignore");
 var _index = require("./index");
 var _lockUnlock = require("../lock-unlock");
 /**
@@ -304,38 +302,6 @@ function deleteStyleOverride(id) {
   };
 }
-/**
- * A higher-order action that mark every change inside a callback as "non-persistent"
- * and ignore pushing to the undo history stack. It's primarily used for synchronized
- * derived updates from the block editor without affecting the undo history.
- *
- * @param {() => void} callback The synchronous callback to derive updates.
- */
-function syncDerivedUpdates(callback) {
-  return ({
-    dispatch,
-    select,
-    registry
-  }) => {
-    registry.batch(() => {
-      // Mark every change in the `callback` as non-persistent.
-      dispatch({
-        type: 'SET_EXPLICIT_PERSISTENT',
-        isPersistentChange: false
-      });
-      callback();
-      dispatch({
-        type: 'SET_EXPLICIT_PERSISTENT',
-        isPersistentChange: undefined
-      });
-      // Ignore pushing undo stack for the updated blocks.
-      const updatedBlocks = select.getBlocks();
-      _undoIgnore.undoIgnoreBlocks.add(updatedBlocks);
-    });
-  };
-}
 /**
  * Action that sets the element that had focus when focus leaves the editor canvas.
  *

package/build/store/private-actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_undoIgnore","_index","_lockUnlock","castArray","maybeArray","Array","isArray","privateSettings","__experimentalUpdateSettings","settings","stripExperimentalSettings","reset","cleanSettings","Platform","OS","key","includes","type","hideBlockInterface","showBlockInterface","privateRemoveBlocks","clientIds","selectPrevious","forceRemove","select","dispatch","registry","length","canRemoveBlocks","rules","getBlockRemovalRules","flattenBlocks","blocks","result","stack","innerBlocks","block","shift","push","blockList","map","getBlock","flattenedBlocks","message","rule","callback","displayBlockRemovalPrompt","selectPreviousBlock","batch","ensureDefaultBlock","exports","count","getBlockCount","__unstableHasCustomAppender","getSettings","insertDefaultBlock","clearBlockRemovalPrompt","setBlockRemovalRules","setOpenedBlockSettingsMenu","clientId","setStyleOverride","id","style","deleteStyleOverride","syncDerivedUpdates","isPersistentChange","undefined","updatedBlocks","getBlocks","undoIgnoreBlocks","add","setLastFocus","lastFocus","stopEditingAsBlocks","focusModeToRevert","unlock","blockEditorStore","getTemporarilyEditingFocusModeToRevert","__unstableMarkNextChangeAsNotPersistent","updateBlockAttributes","templateLock","updateBlockListSettings","getBlockListSettings","updateSettings","focusMode","__unstableSetTemporarilyEditingAsBlocks","startDragging","stopDragging","expandBlock","modifyContentLockBlock"],"sources":["@wordpress/block-editor/src/store/private-actions.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Platform } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { undoIgnoreBlocks } from './undo-ignore';\nimport { store as blockEditorStore } from './index';\nimport { unlock } from '../lock-unlock';\n\nconst castArray = ( maybeArray ) =>\n\tArray.isArray( maybeArray ) ? maybeArray : [ maybeArray ];\n\n/\n A list of private/experimental block editor settings that\n * should not become a part of the WordPress public API.\n * BlockEditorProvider will remove these settings from the\n * settings object it receives.\n \n @see https://github.com/WordPress/gutenberg/pull/46131\n /\nconst privateSettings = [\n\t'inserterMediaCategories',\n\t'blockInspectorAnimation',\n];\n\n/\n Action that updates the block editor settings and\n * conditionally preserves the experimental ones.\n \n @param {Object} settings Updated settings\n * @param {Object} options Options object.\n * @param {boolean} options.stripExperimentalSettings Whether to strip experimental settings.\n * @param {boolean} options.reset Whether to reset the settings.\n * @return {Object} Action object\n /\nexport function __experimentalUpdateSettings(\n\tsettings,\n\t{ stripExperimentalSettings = false, reset = false } = {}\n) {\n\tlet cleanSettings = settings;\n\t// There are no plugins in the mobile apps, so there is no\n\t// need to strip the experimental settings:\n\tif ( stripExperimentalSettings && Platform.OS === 'web' ) {\n\t\tcleanSettings = {};\n\t\tfor ( const key in settings ) {\n\t\t\tif ( ! privateSettings.includes( key ) ) {\n\t\t\t\tcleanSettings[ key ] = settings[ key ];\n\t\t\t}\n\t\t}\n\t}\n\treturn {\n\t\ttype: 'UPDATE_SETTINGS',\n\t\tsettings: cleanSettings,\n\t\treset,\n\t};\n}\n\n/\n Hides the block interface (eg. toolbar, outline, etc.)\n \n @return {Object} Action object.\n /\nexport function hideBlockInterface() {\n\treturn {\n\t\ttype: 'HIDE_BLOCK_INTERFACE',\n\t};\n}\n\n/\n Shows the block interface (eg. toolbar, outline, etc.)\n \n @return {Object} Action object.\n /\nexport function showBlockInterface() {\n\treturn {\n\t\ttype: 'SHOW_BLOCK_INTERFACE',\n\t};\n}\n\n/\n Yields action objects used in signalling that the blocks corresponding to\n * the set of specified client IDs are to be removed.\n \n Compared to `removeBlocks`, this private interface exposes an additional\n * parameter; see `forceRemove`.\n \n @param {string\|string[]} clientIds Client IDs of blocks to remove.\n * @param {boolean} selectPrevious True if the previous block\n * or the immediate parent\n * (if no previous block exists)\n * should be selected\n * when a block is removed.\n * @param {boolean} forceRemove Whether to force the operation,\n * bypassing any checks for certain\n * block types.\n /\nexport const privateRemoveBlocks =\n\t( clientIds, selectPrevious = true, forceRemove = false ) =>\n\t( { select, dispatch, registry } ) => {\n\t\tif ( ! clientIds \|\| ! clientIds.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tclientIds = castArray( clientIds );\n\t\tconst canRemoveBlocks = select.canRemoveBlocks( clientIds );\n\n\t\tif ( ! canRemoveBlocks ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// In certain editing contexts, we'd like to prevent accidental removal\n\t\t// of important blocks. For example, in the site editor, the Query Loop\n\t\t// block is deemed important. In such cases, we'll ask the user for\n\t\t// confirmation that they intended to remove such block(s). However,\n\t\t// the editor instance is responsible for presenting those confirmation\n\t\t// prompts to the user. Any instance opting into removal prompts must\n\t\t// register using `setBlockRemovalRules()`.\n\t\t//\n\t\t// @see https://github.com/WordPress/gutenberg/pull/51145\n\t\tconst rules = ! forceRemove && select.getBlockRemovalRules();\n\n\t\tif ( rules ) {\n\t\t\tfunction flattenBlocks( blocks ) {\n\t\t\t\tconst result = [];\n\t\t\t\tconst stack = [ ...blocks ];\n\t\t\t\twhile ( stack.length ) {\n\t\t\t\t\tconst { innerBlocks, ...block } = stack.shift();\n\t\t\t\t\tstack.push( ...innerBlocks );\n\t\t\t\t\tresult.push( block );\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t}\n\n\t\t\tconst blockList = clientIds.map( select.getBlock );\n\t\t\tconst flattenedBlocks = flattenBlocks( blockList );\n\n\t\t\t// Find the first message and use it.\n\t\t\tlet message;\n\t\t\tfor ( const rule of rules ) {\n\t\t\t\tmessage = rule.callback( flattenedBlocks );\n\t\t\t\tif ( message ) {\n\t\t\t\t\tdispatch(\n\t\t\t\t\t\tdisplayBlockRemovalPrompt(\n\t\t\t\t\t\t\tclientIds,\n\t\t\t\t\t\t\tselectPrevious,\n\t\t\t\t\t\t\tmessage\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( selectPrevious ) {\n\t\t\tdispatch.selectPreviousBlock( clientIds[ 0 ], selectPrevious );\n\t\t}\n\n\t\t// We're batching these two actions because an extra `undo/redo` step can\n\t\t// be created, based on whether we insert a default block or not.\n\t\tregistry.batch( () => {\n\t\t\tdispatch( { type: 'REMOVE_BLOCKS', clientIds } );\n\t\t\t// To avoid a focus loss when removing the last block, assure there is\n\t\t\t// always a default block if the last of the blocks have been removed.\n\t\t\tdispatch( ensureDefaultBlock() );\n\t\t} );\n\t};\n\n/\n Action which will insert a default block insert action if there\n * are no other blocks at the root of the editor. This action should be used\n * in actions which may result in no blocks remaining in the editor (removal,\n * replacement, etc).\n /\nexport const ensureDefaultBlock =\n\t() =>\n\t( { select, dispatch } ) => {\n\t\t// To avoid a focus loss when removing the last block, assure there is\n\t\t// always a default block if the last of the blocks have been removed.\n\t\tconst count = select.getBlockCount();\n\t\tif ( count > 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If there's an custom appender, don't insert default block.\n\t\t// We have to remember to manually move the focus elsewhere to\n\t\t// prevent it from being lost though.\n\t\tconst { __unstableHasCustomAppender } = select.getSettings();\n\t\tif ( __unstableHasCustomAppender ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdispatch.insertDefaultBlock();\n\t};\n\n/\n Returns an action object used in signalling that a block removal prompt must\n * be displayed.\n \n Contrast with `setBlockRemovalRules`.\n \n @param {string\|string[]} clientIds Client IDs of blocks to remove.\n * @param {boolean} selectPrevious True if the previous block or the\n * immediate parent (if no previous\n * block exists) should be selected\n * when a block is removed.\n * @param {string} message Message to display in the prompt.\n \n @return {Object} Action object.\n /\nfunction displayBlockRemovalPrompt( clientIds, selectPrevious, message ) {\n\treturn {\n\t\ttype: 'DISPLAY_BLOCK_REMOVAL_PROMPT',\n\t\tclientIds,\n\t\tselectPrevious,\n\t\tmessage,\n\t};\n}\n\n/\n Returns an action object used in signalling that a block removal prompt must\n * be cleared, either be cause the user has confirmed or canceled the request\n * for removal.\n \n @return {Object} Action object.\n /\nexport function clearBlockRemovalPrompt() {\n\treturn {\n\t\ttype: 'CLEAR_BLOCK_REMOVAL_PROMPT',\n\t};\n}\n\n/\n Returns an action object used to set up any rules that a block editor may\n * provide in order to prevent a user from accidentally removing certain\n * blocks. These rules are then used to display a confirmation prompt to the\n * user. For instance, in the Site Editor, the Query Loop block is important\n * enough to warrant such confirmation.\n \n IMPORTANT: Registering rules implicitly signals to the `privateRemoveBlocks`\n * action that the editor will be responsible for displaying block removal\n * prompts and confirming deletions. This action is meant to be used by\n * component `BlockRemovalWarningModal` only.\n \n The data is a record whose keys are block types (e.g. 'core/query') and\n * whose values are the explanation to be shown to users (e.g. 'Query Loop\n * displays a list of posts or pages.').\n \n Contrast with `displayBlockRemovalPrompt`.\n \n @param {Record<string,string>\|false} rules Block removal rules.\n * @return {Object} Action object.\n /\nexport function setBlockRemovalRules( rules = false ) {\n\treturn {\n\t\ttype: 'SET_BLOCK_REMOVAL_RULES',\n\t\trules,\n\t};\n}\n\n/\n Sets the client ID of the block settings menu that is currently open.\n \n @param {?string} clientId The block client ID.\n * @return {Object} Action object.\n /\nexport function setOpenedBlockSettingsMenu( clientId ) {\n\treturn {\n\t\ttype: 'SET_OPENED_BLOCK_SETTINGS_MENU',\n\t\tclientId,\n\t};\n}\n\nexport function setStyleOverride( id, style ) {\n\treturn {\n\t\ttype: 'SET_STYLE_OVERRIDE',\n\t\tid,\n\t\tstyle,\n\t};\n}\n\nexport function deleteStyleOverride( id ) {\n\treturn {\n\t\ttype: 'DELETE_STYLE_OVERRIDE',\n\t\tid,\n\t};\n}\n\n/\n A higher-order action that mark every change inside a callback as \"non-persistent\"\n * and ignore pushing to the undo history stack. It's primarily used for synchronized\n * derived updates from the block editor without affecting the undo history.\n \n @param {() => void} callback The synchronous callback to derive updates.\n /\nexport function syncDerivedUpdates( callback ) {\n\treturn ( { dispatch, select, registry } ) => {\n\t\tregistry.batch( () => {\n\t\t\t// Mark every change in the `callback` as non-persistent.\n\t\t\tdispatch( {\n\t\t\t\ttype: 'SET_EXPLICIT_PERSISTENT',\n\t\t\t\tisPersistentChange: false,\n\t\t\t} );\n\t\t\tcallback();\n\t\t\tdispatch( {\n\t\t\t\ttype: 'SET_EXPLICIT_PERSISTENT',\n\t\t\t\tisPersistentChange: undefined,\n\t\t\t} );\n\n\t\t\t// Ignore pushing undo stack for the updated blocks.\n\t\t\tconst updatedBlocks = select.getBlocks();\n\t\t\tundoIgnoreBlocks.add( updatedBlocks );\n\t\t} );\n\t};\n}\n\n/\n Action that sets the element that had focus when focus leaves the editor canvas.\n \n @param {Object} lastFocus The last focused element.\n \n \n * @return {Object} Action object.\n /\nexport function setLastFocus( lastFocus = null ) {\n\treturn {\n\t\ttype: 'LAST_FOCUS',\n\t\tlastFocus,\n\t};\n}\n\n/\n Action that stops temporarily editing as blocks.\n \n @param {string} clientId The block's clientId.\n /\nexport function stopEditingAsBlocks( clientId ) {\n\treturn ( { select, dispatch, registry } ) => {\n\t\tconst focusModeToRevert = unlock(\n\t\t\tregistry.select( blockEditorStore )\n\t\t).getTemporarilyEditingFocusModeToRevert();\n\t\tdispatch.__unstableMarkNextChangeAsNotPersistent();\n\t\tdispatch.updateBlockAttributes( clientId, {\n\t\t\ttemplateLock: 'contentOnly',\n\t\t} );\n\t\tdispatch.updateBlockListSettings( clientId, {\n\t\t\t...select.getBlockListSettings( clientId ),\n\t\t\ttemplateLock: 'contentOnly',\n\t\t} );\n\t\tdispatch.updateSettings( { focusMode: focusModeToRevert } );\n\t\tdispatch.__unstableSetTemporarilyEditingAsBlocks();\n\t};\n}\n\n/\n Returns an action object used in signalling that the user has begun to drag.\n \n @return {Object} Action object.\n /\nexport function startDragging() {\n\treturn {\n\t\ttype: 'START_DRAGGING',\n\t};\n}\n\n/\n Returns an action object used in signalling that the user has stopped dragging.\n \n @return {Object} Action object.\n /\nexport function stopDragging() {\n\treturn {\n\t\ttype: 'STOP_DRAGGING',\n\t};\n}\n\n/\n @param {string\|null} clientId The block's clientId, or `null` to clear.\n \n @return {Object} Action object.\n /\nexport function expandBlock( clientId ) {\n\treturn {\n\t\ttype: 'SET_BLOCK_EXPANDED_IN_LIST_VIEW',\n\t\tclientId,\n\t};\n}\n\n/\n Temporarily modify/unlock the content-only block for editions.\n \n @param {string} clientId The client id of the block.\n */\nexport const modifyContentLockBlock =\n\t( clientId ) =>\n\t( { select, dispatch } ) => {\n\t\tdispatch.__unstableMarkNextChangeAsNotPersistent();\n\t\tdispatch.updateBlockAttributes( clientId, {\n\t\t\ttemplateLock: undefined,\n\t\t} );\n\t\tdispatch.updateBlockListSettings( clientId, {\n\t\t\t...select.getBlockListSettings( clientId ),\n\t\t\ttemplateLock: false,\n\t\t} );\n\t\tconst focusModeToRevert = select.getSettings().focusMode;\n\t\tdispatch.updateSettings( { focusMode: true } );\n\t\tdispatch.__unstableSetTemporarilyEditingAsBlocks(\n\t\t\tclientId,\n\t\t\tfocusModeToRevert\n\t\t);\n\t};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_index","_lockUnlock","castArray","maybeArray","Array","isArray","privateSettings","__experimentalUpdateSettings","settings","stripExperimentalSettings","reset","cleanSettings","Platform","OS","key","includes","type","hideBlockInterface","showBlockInterface","privateRemoveBlocks","clientIds","selectPrevious","forceRemove","select","dispatch","registry","length","canRemoveBlocks","rules","getBlockRemovalRules","flattenBlocks","blocks","result","stack","innerBlocks","block","shift","push","blockList","map","getBlock","flattenedBlocks","message","rule","callback","displayBlockRemovalPrompt","selectPreviousBlock","batch","ensureDefaultBlock","exports","count","getBlockCount","__unstableHasCustomAppender","getSettings","insertDefaultBlock","clearBlockRemovalPrompt","setBlockRemovalRules","setOpenedBlockSettingsMenu","clientId","setStyleOverride","id","style","deleteStyleOverride","setLastFocus","lastFocus","stopEditingAsBlocks","focusModeToRevert","unlock","blockEditorStore","getTemporarilyEditingFocusModeToRevert","__unstableMarkNextChangeAsNotPersistent","updateBlockAttributes","templateLock","updateBlockListSettings","getBlockListSettings","updateSettings","focusMode","__unstableSetTemporarilyEditingAsBlocks","startDragging","stopDragging","expandBlock","modifyContentLockBlock","undefined"],"sources":["@wordpress/block-editor/src/store/private-actions.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Platform } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { store as blockEditorStore } from './index';\nimport { unlock } from '../lock-unlock';\n\nconst castArray = ( maybeArray ) =>\n\tArray.isArray( maybeArray ) ? maybeArray : [ maybeArray ];\n\n/\n A list of private/experimental block editor settings that\n * should not become a part of the WordPress public API.\n * BlockEditorProvider will remove these settings from the\n * settings object it receives.\n \n @see https://github.com/WordPress/gutenberg/pull/46131\n /\nconst privateSettings = [\n\t'inserterMediaCategories',\n\t'blockInspectorAnimation',\n];\n\n/\n Action that updates the block editor settings and\n * conditionally preserves the experimental ones.\n \n @param {Object} settings Updated settings\n * @param {Object} options Options object.\n * @param {boolean} options.stripExperimentalSettings Whether to strip experimental settings.\n * @param {boolean} options.reset Whether to reset the settings.\n * @return {Object} Action object\n /\nexport function __experimentalUpdateSettings(\n\tsettings,\n\t{ stripExperimentalSettings = false, reset = false } = {}\n) {\n\tlet cleanSettings = settings;\n\t// There are no plugins in the mobile apps, so there is no\n\t// need to strip the experimental settings:\n\tif ( stripExperimentalSettings && Platform.OS === 'web' ) {\n\t\tcleanSettings = {};\n\t\tfor ( const key in settings ) {\n\t\t\tif ( ! privateSettings.includes( key ) ) {\n\t\t\t\tcleanSettings[ key ] = settings[ key ];\n\t\t\t}\n\t\t}\n\t}\n\treturn {\n\t\ttype: 'UPDATE_SETTINGS',\n\t\tsettings: cleanSettings,\n\t\treset,\n\t};\n}\n\n/\n Hides the block interface (eg. toolbar, outline, etc.)\n \n @return {Object} Action object.\n /\nexport function hideBlockInterface() {\n\treturn {\n\t\ttype: 'HIDE_BLOCK_INTERFACE',\n\t};\n}\n\n/\n Shows the block interface (eg. toolbar, outline, etc.)\n \n @return {Object} Action object.\n /\nexport function showBlockInterface() {\n\treturn {\n\t\ttype: 'SHOW_BLOCK_INTERFACE',\n\t};\n}\n\n/\n Yields action objects used in signalling that the blocks corresponding to\n * the set of specified client IDs are to be removed.\n \n Compared to `removeBlocks`, this private interface exposes an additional\n * parameter; see `forceRemove`.\n \n @param {string\|string[]} clientIds Client IDs of blocks to remove.\n * @param {boolean} selectPrevious True if the previous block\n * or the immediate parent\n * (if no previous block exists)\n * should be selected\n * when a block is removed.\n * @param {boolean} forceRemove Whether to force the operation,\n * bypassing any checks for certain\n * block types.\n /\nexport const privateRemoveBlocks =\n\t( clientIds, selectPrevious = true, forceRemove = false ) =>\n\t( { select, dispatch, registry } ) => {\n\t\tif ( ! clientIds \|\| ! clientIds.length ) {\n\t\t\treturn;\n\t\t}\n\n\t\tclientIds = castArray( clientIds );\n\t\tconst canRemoveBlocks = select.canRemoveBlocks( clientIds );\n\n\t\tif ( ! canRemoveBlocks ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// In certain editing contexts, we'd like to prevent accidental removal\n\t\t// of important blocks. For example, in the site editor, the Query Loop\n\t\t// block is deemed important. In such cases, we'll ask the user for\n\t\t// confirmation that they intended to remove such block(s). However,\n\t\t// the editor instance is responsible for presenting those confirmation\n\t\t// prompts to the user. Any instance opting into removal prompts must\n\t\t// register using `setBlockRemovalRules()`.\n\t\t//\n\t\t// @see https://github.com/WordPress/gutenberg/pull/51145\n\t\tconst rules = ! forceRemove && select.getBlockRemovalRules();\n\n\t\tif ( rules ) {\n\t\t\tfunction flattenBlocks( blocks ) {\n\t\t\t\tconst result = [];\n\t\t\t\tconst stack = [ ...blocks ];\n\t\t\t\twhile ( stack.length ) {\n\t\t\t\t\tconst { innerBlocks, ...block } = stack.shift();\n\t\t\t\t\tstack.push( ...innerBlocks );\n\t\t\t\t\tresult.push( block );\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t}\n\n\t\t\tconst blockList = clientIds.map( select.getBlock );\n\t\t\tconst flattenedBlocks = flattenBlocks( blockList );\n\n\t\t\t// Find the first message and use it.\n\t\t\tlet message;\n\t\t\tfor ( const rule of rules ) {\n\t\t\t\tmessage = rule.callback( flattenedBlocks );\n\t\t\t\tif ( message ) {\n\t\t\t\t\tdispatch(\n\t\t\t\t\t\tdisplayBlockRemovalPrompt(\n\t\t\t\t\t\t\tclientIds,\n\t\t\t\t\t\t\tselectPrevious,\n\t\t\t\t\t\t\tmessage\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif ( selectPrevious ) {\n\t\t\tdispatch.selectPreviousBlock( clientIds[ 0 ], selectPrevious );\n\t\t}\n\n\t\t// We're batching these two actions because an extra `undo/redo` step can\n\t\t// be created, based on whether we insert a default block or not.\n\t\tregistry.batch( () => {\n\t\t\tdispatch( { type: 'REMOVE_BLOCKS', clientIds } );\n\t\t\t// To avoid a focus loss when removing the last block, assure there is\n\t\t\t// always a default block if the last of the blocks have been removed.\n\t\t\tdispatch( ensureDefaultBlock() );\n\t\t} );\n\t};\n\n/\n Action which will insert a default block insert action if there\n * are no other blocks at the root of the editor. This action should be used\n * in actions which may result in no blocks remaining in the editor (removal,\n * replacement, etc).\n /\nexport const ensureDefaultBlock =\n\t() =>\n\t( { select, dispatch } ) => {\n\t\t// To avoid a focus loss when removing the last block, assure there is\n\t\t// always a default block if the last of the blocks have been removed.\n\t\tconst count = select.getBlockCount();\n\t\tif ( count > 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// If there's an custom appender, don't insert default block.\n\t\t// We have to remember to manually move the focus elsewhere to\n\t\t// prevent it from being lost though.\n\t\tconst { __unstableHasCustomAppender } = select.getSettings();\n\t\tif ( __unstableHasCustomAppender ) {\n\t\t\treturn;\n\t\t}\n\n\t\tdispatch.insertDefaultBlock();\n\t};\n\n/\n Returns an action object used in signalling that a block removal prompt must\n * be displayed.\n \n Contrast with `setBlockRemovalRules`.\n \n @param {string\|string[]} clientIds Client IDs of blocks to remove.\n * @param {boolean} selectPrevious True if the previous block or the\n * immediate parent (if no previous\n * block exists) should be selected\n * when a block is removed.\n * @param {string} message Message to display in the prompt.\n \n @return {Object} Action object.\n /\nfunction displayBlockRemovalPrompt( clientIds, selectPrevious, message ) {\n\treturn {\n\t\ttype: 'DISPLAY_BLOCK_REMOVAL_PROMPT',\n\t\tclientIds,\n\t\tselectPrevious,\n\t\tmessage,\n\t};\n}\n\n/\n Returns an action object used in signalling that a block removal prompt must\n * be cleared, either be cause the user has confirmed or canceled the request\n * for removal.\n \n @return {Object} Action object.\n /\nexport function clearBlockRemovalPrompt() {\n\treturn {\n\t\ttype: 'CLEAR_BLOCK_REMOVAL_PROMPT',\n\t};\n}\n\n/\n Returns an action object used to set up any rules that a block editor may\n * provide in order to prevent a user from accidentally removing certain\n * blocks. These rules are then used to display a confirmation prompt to the\n * user. For instance, in the Site Editor, the Query Loop block is important\n * enough to warrant such confirmation.\n \n IMPORTANT: Registering rules implicitly signals to the `privateRemoveBlocks`\n * action that the editor will be responsible for displaying block removal\n * prompts and confirming deletions. This action is meant to be used by\n * component `BlockRemovalWarningModal` only.\n \n The data is a record whose keys are block types (e.g. 'core/query') and\n * whose values are the explanation to be shown to users (e.g. 'Query Loop\n * displays a list of posts or pages.').\n \n Contrast with `displayBlockRemovalPrompt`.\n \n @param {Record<string,string>\|false} rules Block removal rules.\n * @return {Object} Action object.\n /\nexport function setBlockRemovalRules( rules = false ) {\n\treturn {\n\t\ttype: 'SET_BLOCK_REMOVAL_RULES',\n\t\trules,\n\t};\n}\n\n/\n Sets the client ID of the block settings menu that is currently open.\n \n @param {?string} clientId The block client ID.\n * @return {Object} Action object.\n /\nexport function setOpenedBlockSettingsMenu( clientId ) {\n\treturn {\n\t\ttype: 'SET_OPENED_BLOCK_SETTINGS_MENU',\n\t\tclientId,\n\t};\n}\n\nexport function setStyleOverride( id, style ) {\n\treturn {\n\t\ttype: 'SET_STYLE_OVERRIDE',\n\t\tid,\n\t\tstyle,\n\t};\n}\n\nexport function deleteStyleOverride( id ) {\n\treturn {\n\t\ttype: 'DELETE_STYLE_OVERRIDE',\n\t\tid,\n\t};\n}\n\n/\n Action that sets the element that had focus when focus leaves the editor canvas.\n \n @param {Object} lastFocus The last focused element.\n \n \n * @return {Object} Action object.\n /\nexport function setLastFocus( lastFocus = null ) {\n\treturn {\n\t\ttype: 'LAST_FOCUS',\n\t\tlastFocus,\n\t};\n}\n\n/\n Action that stops temporarily editing as blocks.\n \n @param {string} clientId The block's clientId.\n /\nexport function stopEditingAsBlocks( clientId ) {\n\treturn ( { select, dispatch, registry } ) => {\n\t\tconst focusModeToRevert = unlock(\n\t\t\tregistry.select( blockEditorStore )\n\t\t).getTemporarilyEditingFocusModeToRevert();\n\t\tdispatch.__unstableMarkNextChangeAsNotPersistent();\n\t\tdispatch.updateBlockAttributes( clientId, {\n\t\t\ttemplateLock: 'contentOnly',\n\t\t} );\n\t\tdispatch.updateBlockListSettings( clientId, {\n\t\t\t...select.getBlockListSettings( clientId ),\n\t\t\ttemplateLock: 'contentOnly',\n\t\t} );\n\t\tdispatch.updateSettings( { focusMode: focusModeToRevert } );\n\t\tdispatch.__unstableSetTemporarilyEditingAsBlocks();\n\t};\n}\n\n/\n Returns an action object used in signalling that the user has begun to drag.\n \n @return {Object} Action object.\n /\nexport function startDragging() {\n\treturn {\n\t\ttype: 'START_DRAGGING',\n\t};\n}\n\n/\n Returns an action object used in signalling that the user has stopped dragging.\n \n @return {Object} Action object.\n /\nexport function stopDragging() {\n\treturn {\n\t\ttype: 'STOP_DRAGGING',\n\t};\n}\n\n/\n @param {string\|null} clientId The block's clientId, or `null` to clear.\n \n @return {Object} Action object.\n /\nexport function expandBlock( clientId ) {\n\treturn {\n\t\ttype: 'SET_BLOCK_EXPANDED_IN_LIST_VIEW',\n\t\tclientId,\n\t};\n}\n\n/\n Temporarily modify/unlock the content-only block for editions.\n \n @param {string} clientId The client id of the block.\n */\nexport const modifyContentLockBlock =\n\t( clientId ) =>\n\t( { select, dispatch } ) => {\n\t\tdispatch.__unstableMarkNextChangeAsNotPersistent();\n\t\tdispatch.updateBlockAttributes( clientId, {\n\t\t\ttemplateLock: undefined,\n\t\t} );\n\t\tdispatch.updateBlockListSettings( clientId, {\n\t\t\t...select.getBlockListSettings( clientId ),\n\t\t\ttemplateLock: false,\n\t\t} );\n\t\tconst focusModeToRevert = select.getSettings().focusMode;\n\t\tdispatch.updateSettings( { focusMode: true } );\n\t\tdispatch.__unstableSetTemporarilyEditingAsBlocks(\n\t\t\tclientId,\n\t\t\tfocusModeToRevert\n\t\t);\n\t};\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/block-lock/modal.js CHANGED Viewed

@@ -5,7 +5,6 @@ import { __, sprintf } from '@wordpress/i18n';
 import { useEffect, useState } from '@wordpress/element';
 import { Button, CheckboxControl, Flex, FlexItem, Icon, Modal, ToggleControl } from '@wordpress/components';
 import { lock as lockIcon, unlock as unlockIcon } from '@wordpress/icons';
-import { useInstanceId } from '@wordpress/compose';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { getBlockType } from '@wordpress/blocks';
@@ -67,7 +66,6 @@ export default function BlockLockModal({
     updateBlockAttributes
   } = useDispatch(blockEditorStore);
   const blockInformation = useBlockDisplayInformation(clientId);
-  const instanceId = useInstanceId(BlockLockModal, 'block-editor-block-lock-modal__options-title');
   useEffect(() => {
     setLock({
       move: !canMove,
@@ -79,14 +77,12 @@ export default function BlockLockModal({
   }, [canEdit, canMove, canRemove, allowsEditLocking]);
   const isAllChecked = Object.values(lock).every(Boolean);
   const isMixed = Object.values(lock).some(Boolean) && !isAllChecked;
-  return /*#__PURE__*/_jsxs(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: sprintf( /* translators: %s: Name of the block. */
     __('Lock %s'), blockInformation.title),
     overlayClassName: "block-editor-block-lock-modal",
     onRequestClose: onClose,
-    children: [/*#__PURE__*/_jsx("p", {
-      children: __('Choose specific attributes to restrict or lock all available options.')
-    }), /*#__PURE__*/_jsxs("form", {
+    children: /*#__PURE__*/_jsxs("form", {
       onSubmit: event => {
         event.preventDefault();
         updateBlockAttributes([clientId], {
@@ -95,71 +91,75 @@ export default function BlockLockModal({
         });
         onClose();
       },
-      children: [/*#__PURE__*/_jsxs("div", {
-        role: "group",
-        "aria-labelledby": instanceId,
+      children: [/*#__PURE__*/_jsxs("fieldset", {
         className: "block-editor-block-lock-modal__options",
-        children: [/*#__PURE__*/_jsx(CheckboxControl, {
-          __nextHasNoMarginBottom: true,
-          className: "block-editor-block-lock-modal__options-title",
-          label: /*#__PURE__*/_jsx("span", {
-            id: instanceId,
-            children: __('Lock all')
-          }),
-          checked: isAllChecked,
-          indeterminate: isMixed,
-          onChange: newValue => setLock({
-            move: newValue,
-            remove: newValue,
-            ...(allowsEditLocking ? {
-              edit: newValue
-            } : {})
-          })
-        }), /*#__PURE__*/_jsxs("ul", {
+        children: [/*#__PURE__*/_jsx("legend", {
+          children: __('Choose specific attributes to restrict or lock all available options.')
+        }), /*#__PURE__*/_jsx("ul", {
+          role: "list",
           className: "block-editor-block-lock-modal__checklist",
-          children: [allowsEditLocking && /*#__PURE__*/_jsxs("li", {
-            className: "block-editor-block-lock-modal__checklist-item",
-            children: [/*#__PURE__*/_jsx(CheckboxControl, {
-              __nextHasNoMarginBottom: true,
-              label: __('Restrict editing'),
-              checked: !!lock.edit,
-              onChange: edit => setLock(prevLock => ({
-                ...prevLock,
-                edit
-              }))
-            }), /*#__PURE__*/_jsx(Icon, {
-              className: "block-editor-block-lock-modal__lock-icon",
-              icon: lock.edit ? lockIcon : unlockIcon
-            })]
-          }), /*#__PURE__*/_jsxs("li", {
-            className: "block-editor-block-lock-modal__checklist-item",
+          children: /*#__PURE__*/_jsxs("li", {
             children: [/*#__PURE__*/_jsx(CheckboxControl, {
               __nextHasNoMarginBottom: true,
-              label: __('Disable movement'),
-              checked: lock.move,
-              onChange: move => setLock(prevLock => ({
-                ...prevLock,
-                move
-              }))
-            }), /*#__PURE__*/_jsx(Icon, {
-              className: "block-editor-block-lock-modal__lock-icon",
-              icon: lock.move ? lockIcon : unlockIcon
+              className: "block-editor-block-lock-modal__options-all",
+              label: __('Lock all'),
+              checked: isAllChecked,
+              indeterminate: isMixed,
+              onChange: newValue => setLock({
+                move: newValue,
+                remove: newValue,
+                ...(allowsEditLocking ? {
+                  edit: newValue
+                } : {})
+              })
+            }), /*#__PURE__*/_jsxs("ul", {
+              role: "list",
+              className: "block-editor-block-lock-modal__checklist",
+              children: [allowsEditLocking && /*#__PURE__*/_jsxs("li", {
+                className: "block-editor-block-lock-modal__checklist-item",
+                children: [/*#__PURE__*/_jsx(CheckboxControl, {
+                  __nextHasNoMarginBottom: true,
+                  label: __('Restrict editing'),
+                  checked: !!lock.edit,
+                  onChange: edit => setLock(prevLock => ({
+                    ...prevLock,
+                    edit
+                  }))
+                }), /*#__PURE__*/_jsx(Icon, {
+                  className: "block-editor-block-lock-modal__lock-icon",
+                  icon: lock.edit ? lockIcon : unlockIcon
+                })]
+              }), /*#__PURE__*/_jsxs("li", {
+                className: "block-editor-block-lock-modal__checklist-item",
+                children: [/*#__PURE__*/_jsx(CheckboxControl, {
+                  __nextHasNoMarginBottom: true,
+                  label: __('Disable movement'),
+                  checked: lock.move,
+                  onChange: move => setLock(prevLock => ({
+                    ...prevLock,
+                    move
+                  }))
+                }), /*#__PURE__*/_jsx(Icon, {
+                  className: "block-editor-block-lock-modal__lock-icon",
+                  icon: lock.move ? lockIcon : unlockIcon
+                })]
+              }), /*#__PURE__*/_jsxs("li", {
+                className: "block-editor-block-lock-modal__checklist-item",
+                children: [/*#__PURE__*/_jsx(CheckboxControl, {
+                  __nextHasNoMarginBottom: true,
+                  label: __('Prevent removal'),
+                  checked: lock.remove,
+                  onChange: remove => setLock(prevLock => ({
+                    ...prevLock,
+                    remove
+                  }))
+                }), /*#__PURE__*/_jsx(Icon, {
+                  className: "block-editor-block-lock-modal__lock-icon",
+                  icon: lock.remove ? lockIcon : unlockIcon
+                })]
+              })]
             })]
-          }), /*#__PURE__*/_jsxs("li", {
-            className: "block-editor-block-lock-modal__checklist-item",
-            children: [/*#__PURE__*/_jsx(CheckboxControl, {
-              __nextHasNoMarginBottom: true,
-              label: __('Prevent removal'),
-              checked: lock.remove,
-              onChange: remove => setLock(prevLock => ({
-                ...prevLock,
-                remove
-              }))
-            }), /*#__PURE__*/_jsx(Icon, {
-              className: "block-editor-block-lock-modal__lock-icon",
-              icon: lock.remove ? lockIcon : unlockIcon
-            })]
-          })]
+          })
         }), hasTemplateLock && /*#__PURE__*/_jsx(ToggleControl, {
           __nextHasNoMarginBottom: true,
           className: "block-editor-block-lock-modal__template-lock",
@@ -186,7 +186,7 @@ export default function BlockLockModal({
           })
         })]
       })]
-    })]
+    })
   });
 }
 //# sourceMappingURL=modal.js.map