@wordpress/block-editor 12.0.0 → 12.2.0

package/build/components/block-list/block-list-item.native.js

@@ -5,30 +5,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BlockListItem = void 0;
+exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _reactNative = require("react-native");
 
 var _data = require("@wordpress/data");
 
-var _compose = require("@wordpress/compose");
-
-var _components = require("@wordpress/components");
-
 var _block = _interopRequireDefault(require("./block"));
 
-var _insertionPoint = _interopRequireDefault(require("./insertion-point"));
-
 var _gridItem = _interopRequireDefault(require("./grid-item"));
 
-var _blockListItemNative = _interopRequireDefault(require("./block-list-item.native.scss"));
+var _insertionPoint = _interopRequireDefault(require("./insertion-point"));
 
 var _store = require("../../store");
 
+var _useEditorWrapperStyles = require("../../hooks/use-editor-wrapper-styles");
+
 /**
  * External dependencies
  */
@@ -40,201 +34,170 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-const stretchStyle = {
-  flex: 1
-};
 
-class BlockListItem extends _element.Component {
-  getMarginHorizontal() {
-    const {
-      blockAlignment,
-      marginHorizontal,
-      parentBlockAlignment,
-      hasParents,
-      blockName,
-      parentBlockName,
-      parentWidth,
-      blockWidth
-    } = this.props;
+/**
+ * BlockListItemContent component. Renders a block with an optional insertion point.
+ *
+ * @param {Object}   props                              Component properties.
+ * @param {number}   props.blockWidth                   The width of the block.
+ * @param {string}   props.clientId                     The block client ID.
+ * @param {string}   props.contentResizeMode            The content resize mode, e.g "stretch".
+ * @param {Object}   props.contentStyle                 Styles for the block content
+ * @param {Object}   props.index                        Block item index
+ * @param {boolean}  props.isStackedHorizontally        Whether the block is stacked horizontally.
+ * @param {number}   props.marginHorizontal             The horizontal margin.
+ * @param {number}   props.marginVertical               The vertical margin.
+ * @param {Function} props.onAddBlock                   On add block callback.
+ * @param {Function} props.onDeleteBlock                On delete block callback.
+ * @param {number}   props.parentWidth                  The width of the parent block.
+ * @param {string}   props.rootClientId                 The root client ID.
+ * @param {Function} props.shouldShowInnerBlockAppender Whether to show the inner block appender.
+ *
+ * @return {WPComponent} The rendered block list item content.
+ */
+function BlockListItemContent(_ref) {
+  let {
+    blockWidth,
+    clientId,
+    contentResizeMode,
+    contentStyle,
+    index,
+    isStackedHorizontally,
+    marginHorizontal,
+    marginVertical,
+    onAddBlock,
+    onDeleteBlock,
+    parentWidth,
+    rootClientId,
+    shouldShowInnerBlockAppender
+  } = _ref;
+  const {
+    blockAlignment,
+    blockName,
+    hasParents,
+    parentBlockAlignment,
+    parentBlockName,
+    shouldShowInsertionPointAfter,
+    shouldShowInsertionPointBefore
+  } = (0, _data.useSelect)(select => {
     const {
-      isFullWidth,
-      isWideWidth,
-      isWider,
-      isContainerRelated
-    } = _components.alignmentHelpers;
-
-    if (isFullWidth(blockAlignment)) {
-      if (!hasParents) {
-        return 0;
-      }
-
-      return marginHorizontal;
-    }
-
-    if (isWideWidth(blockAlignment)) {
-      return marginHorizontal;
-    }
-
-    const screenWidth = Math.floor(_reactNative.Dimensions.get('window').width);
-
-    if (isFullWidth(parentBlockAlignment) && !isWider(blockWidth, 'medium')) {
-      if (isContainerRelated(blockName) || isWider(screenWidth, 'mobile')) {
-        return marginHorizontal;
-      }
-
-      return marginHorizontal * 2;
-    }
-
-    if (isContainerRelated(parentBlockName) && !isContainerRelated(blockName)) {
-      const isScreenWidthEqual = parentWidth === screenWidth;
-
-      if (isScreenWidthEqual || isWider(screenWidth, 'mobile')) {
-        return marginHorizontal;
-      }
-    }
-
-    return marginHorizontal;
-  }
-
-  getContentStyles(readableContentViewStyle) {
+      getBlockAttributes,
+      getBlockInsertionPoint,
+      getBlockName,
+      getBlockOrder,
+      isBlockInsertionPointVisible
+    } = select(_store.store);
+    const blockClientIds = getBlockOrder(rootClientId);
+    const insertionPoint = getBlockInsertionPoint();
+    const insertionPointVisibleInCurrentRoot = !isStackedHorizontally && isBlockInsertionPointVisible() && insertionPoint.rootClientId === rootClientId;
+    const isListEmpty = blockClientIds.length === 0;
+    const isInsertionPointBeforeBlock = blockClientIds[insertionPoint.index] === clientId;
+    const isInsertionPointAtEnd = blockClientIds.length === insertionPoint.index;
+    const isBlockLastInList = blockClientIds[insertionPoint.index - 1] === clientId;
+    const showInsertionPointBefore = insertionPointVisibleInCurrentRoot && (isListEmpty || isInsertionPointBeforeBlock);
+    const showInsertionPointAfter = insertionPointVisibleInCurrentRoot && isInsertionPointAtEnd && isBlockLastInList;
+    const blockHasParents = !!rootClientId;
+    const name = getBlockName(clientId);
+    const parentName = getBlockName(rootClientId);
     const {
-      blockAlignment,
-      blockName,
-      hasParents,
-      parentBlockName
-    } = this.props;
+      align
+    } = getBlockAttributes(clientId) || {};
     const {
-      isFullWidth,
-      isContainerRelated
-    } = _components.alignmentHelpers;
-    return [readableContentViewStyle, isFullWidth(blockAlignment) && !hasParents && {
-      width: _blockListItemNative.default.fullAlignment.width
-    }, !blockAlignment && hasParents && !isContainerRelated(parentBlockName) && isContainerRelated(blockName) && {
-      paddingHorizontal: _blockListItemNative.default.fullAlignmentPadding.paddingLeft
-    }];
-  }
+      align: parentBlockAlign
+    } = getBlockAttributes(rootClientId) || {};
+    return {
+      blockAlignment: align,
+      blockName: name,
+      hasParents: blockHasParents,
+      parentBlockAlignment: parentBlockAlign,
+      parentBlockName: parentName,
+      shouldShowInsertionPointAfter: showInsertionPointAfter,
+      shouldShowInsertionPointBefore: showInsertionPointBefore
+    };
+  }, [isStackedHorizontally, rootClientId, clientId]);
+  const [wrapperStyles, margin] = (0, _useEditorWrapperStyles.useEditorWrapperStyles)({
+    align: blockAlignment,
+    blockName,
+    blockWidth,
+    contentResizeMode,
+    hasParents,
+    marginHorizontal,
+    parentBlockAlignment,
+    parentBlockName,
+    parentWidth
+  });
+  const shouldShowBlockInsertionPointAfter = !shouldShowInnerBlockAppender() && shouldShowInsertionPointAfter;
+  return (0, _element.createElement)(_reactNative.View, {
+    style: wrapperStyles
+  }, shouldShowInsertionPointBefore && (0, _element.createElement)(_insertionPoint.default, {
+    testID: `block-insertion-point-before-row-${index + 1}`
+  }), (0, _element.createElement)(_block.default, {
+    blockWidth: blockWidth,
+    clientId: clientId,
+    contentStyle: contentStyle,
+    isStackedHorizontally: isStackedHorizontally,
+    marginHorizontal: margin,
+    marginVertical: marginVertical,
+    onAddBlock: onAddBlock,
+    parentBlockAlignment: parentBlockAlignment,
+    onDeleteBlock: onDeleteBlock,
+    parentWidth: parentWidth,
+    rootClientId: rootClientId
+  }), shouldShowBlockInsertionPointAfter && (0, _element.createElement)(_insertionPoint.default, {
+    testID: `block-insertion-point-after-row-${index + 1}`
+  }));
+}
+/**
+ * BlockListItem component. Renders a block list item either as a grid item or as a standalone item.
+ *
+ * @param {Object}   props                              Component properties.
+ * @param {boolean}  props.isGridItem                   Whether the block is a grid item.
+ * @param {number}   props.numOfColumns                 The number of columns for grid layout.
+ * @param {number}   props.parentWidth                  The width of the parent block.
+ * @param {number}   props.tileCount                    The total number of tiles in the grid.
+ * @param {number}   props.tileIndex                    The index of the current tile in the grid.
+ * @param {number}   props.blockWidth                   The width of the block.
+ * @param {string}   props.clientId                     The block client ID.
+ * @param {string}   props.contentResizeMode            The content resize mode, e.g "stretch".
+ * @param {Object}   props.contentStyle                 Styles for the block content
+ * @param {Object}   props.index                        Block item index
+ * @param {boolean}  props.isStackedHorizontally        Whether the block is stacked horizontally.
+ * @param {number}   props.marginHorizontal             The horizontal margin.
+ * @param {number}   props.marginVertical               The vertical margin.
+ * @param {Function} props.onAddBlock                   On add block callback.
+ * @param {Function} props.onDeleteBlock                On delete block callback.
+ * @param {string}   props.rootClientId                 The root client ID.
+ * @param {Function} props.shouldShowInnerBlockAppender Whether to show the inner block appender.
+ *
+ * @return {WPComponent|null} The rendered block list item or null if the block width is not provided.
+ */
 
-  renderContent() {
-    const {
-      blockAlignment,
-      clientId,
-      isReadOnly,
-      shouldShowInsertionPointBefore,
-      shouldShowInsertionPointAfter,
-      contentResizeMode,
-      shouldShowInnerBlockAppender,
-      parentWidth,
-      marginHorizontal,
-      blockName,
-      blockWidth,
-      ...restProps
-    } = this.props;
-    const readableContentViewStyle = contentResizeMode === 'stretch' && stretchStyle;
-    const {
-      isContainerRelated
-    } = _components.alignmentHelpers;
-    return (0, _element.createElement)(_components.ReadableContentView, {
-      align: blockAlignment,
-      style: [readableContentViewStyle, isContainerRelated(blockName) && parentWidth && {
-        maxWidth: parentWidth + 2 * marginHorizontal
-      }]
-    }, (0, _element.createElement)(_reactNative.View, {
-      style: this.getContentStyles(readableContentViewStyle),
-      pointerEvents: isReadOnly ? 'box-only' : 'auto'
-    }, shouldShowInsertionPointBefore && (0, _element.createElement)(_insertionPoint.default, null), (0, _element.createElement)(_block.default, (0, _extends2.default)({
-      key: clientId,
-      showTitle: false,
-      clientId: clientId,
-      parentWidth: parentWidth
-    }, restProps, {
-      marginHorizontal: this.getMarginHorizontal(),
-      blockWidth: blockWidth
-    })), !shouldShowInnerBlockAppender() && shouldShowInsertionPointAfter && (0, _element.createElement)(_insertionPoint.default, null)));
+
+function BlockListItem(props) {
+  const {
+    isGridItem,
+    numOfColumns,
+    tileCount,
+    tileIndex,
+    ...restProps
+  } = props;
+
+  if (!(props !== null && props !== void 0 && props.blockWidth)) {
+    return null;
   }
 
-  render() {
-    const {
-      parentWidth,
-      blockWidth,
-      isGridItem
-    } = this.props;
-
-    if (!blockWidth) {
-      return null;
-    }
-
-    if (isGridItem) {
-      const {
-        numOfColumns,
-        tileCount,
-        tileIndex
-      } = this.props;
-      return (0, _element.createElement)(_gridItem.default, {
-        maxWidth: parentWidth,
-        numOfColumns: numOfColumns,
-        tileCount: tileCount,
-        index: tileIndex
-      }, this.renderContent());
-    }
-
-    return this.renderContent();
+  if (isGridItem) {
+    return (0, _element.createElement)(_gridItem.default, {
+      maxWidth: props === null || props === void 0 ? void 0 : props.parentWidth,
+      numOfColumns: numOfColumns,
+      tileCount: tileCount,
+      index: tileIndex
+    }, (0, _element.createElement)(BlockListItemContent, restProps));
   }
 
+  return (0, _element.createElement)(BlockListItemContent, restProps);
 }
 
-exports.BlockListItem = BlockListItem;
-
-var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref) => {
-  let {
-    rootClientId,
-    isStackedHorizontally,
-    clientId
-  } = _ref;
-  const {
-    getBlockOrder,
-    getBlockInsertionPoint,
-    isBlockInsertionPointVisible,
-    getSettings,
-    getBlockParents,
-    getBlock
-  } = select(_store.store);
-  const blockClientIds = getBlockOrder(rootClientId);
-  const insertionPoint = getBlockInsertionPoint();
-  const blockInsertionPointIsVisible = isBlockInsertionPointVisible();
-  const shouldShowInsertionPointBefore = !isStackedHorizontally && blockInsertionPointIsVisible && insertionPoint.rootClientId === rootClientId && ( // If list is empty, show the insertion point (via the default appender)
-  blockClientIds.length === 0 || // Or if the insertion point is right before the denoted block.
-  blockClientIds[insertionPoint.index] === clientId);
-  const shouldShowInsertionPointAfter = !isStackedHorizontally && blockInsertionPointIsVisible && insertionPoint.rootClientId === rootClientId && // If the insertion point is at the end of the list.
-  blockClientIds.length === insertionPoint.index && // And the denoted block is the last one on the list, show the indicator at the end of the block.
-  blockClientIds[insertionPoint.index - 1] === clientId;
-  const isReadOnly = getSettings().readOnly;
-  const {
-    attributes,
-    name
-  } = getBlock(clientId) || {};
-  const {
-    align
-  } = attributes || {};
-  const parents = getBlockParents(clientId, true);
-  const hasParents = !!parents.length;
-  const parentBlock = hasParents ? getBlock(parents[0]) : {};
-  const {
-    align: parentBlockAlignment
-  } = (parentBlock === null || parentBlock === void 0 ? void 0 : parentBlock.attributes) || {};
-  const {
-    name: parentBlockName
-  } = parentBlock || {};
-  return {
-    shouldShowInsertionPointBefore,
-    shouldShowInsertionPointAfter,
-    isReadOnly,
-    hasParents,
-    blockAlignment: align,
-    parentBlockAlignment,
-    blockName: name,
-    parentBlockName
-  };
-})])(BlockListItem);
-
+var _default = BlockListItem;
 exports.default = _default;
 //# sourceMappingURL=block-list-item.native.js.map

package/build/components/block-list/block-list-item.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/block-list-item.native.js"],"names":["stretchStyle","flex","BlockListItem","Component","getMarginHorizontal","blockAlignment","marginHorizontal","parentBlockAlignment","hasParents","blockName","parentBlockName","parentWidth","blockWidth","props","isFullWidth","isWideWidth","isWider","isContainerRelated","alignmentHelpers","screenWidth","Math","floor","Dimensions","get","width","isScreenWidthEqual","getContentStyles","readableContentViewStyle","styles","fullAlignment","paddingHorizontal","fullAlignmentPadding","paddingLeft","renderContent","clientId","isReadOnly","shouldShowInsertionPointBefore","shouldShowInsertionPointAfter","contentResizeMode","shouldShowInnerBlockAppender","restProps","maxWidth","render","isGridItem","numOfColumns","tileCount","tileIndex","select","rootClientId","isStackedHorizontally","getBlockOrder","getBlockInsertionPoint","isBlockInsertionPointVisible","getSettings","getBlockParents","getBlock","blockEditorStore","blockClientIds","insertionPoint","blockInsertionPointIsVisible","length","index","readOnly","attributes","name","align","parents","parentBlock"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { withSelect } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { ReadableContentView, alignmentHelpers } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockListBlock from './block';\nimport BlockInsertionPoint from './insertion-point';\nimport Grid from './grid-item';\n\nimport styles from './block-list-item.native.scss';\nimport { store as blockEditorStore } from '../../store';\n\nconst stretchStyle = {\n\tflex: 1,\n};\n\nexport class BlockListItem extends Component {\n\tgetMarginHorizontal() {\n\t\tconst {\n\t\t\tblockAlignment,\n\t\t\tmarginHorizontal,\n\t\t\tparentBlockAlignment,\n\t\t\thasParents,\n\t\t\tblockName,\n\t\t\tparentBlockName,\n\t\t\tparentWidth,\n\t\t\tblockWidth,\n\t\t} = this.props;\n\t\tconst { isFullWidth, isWideWidth, isWider, isContainerRelated } =\n\t\t\talignmentHelpers;\n\n\t\tif ( isFullWidth( blockAlignment ) ) {\n\t\t\tif ( ! hasParents ) {\n\t\t\t\treturn 0;\n\t\t\t}\n\t\t\treturn marginHorizontal;\n\t\t}\n\t\tif ( isWideWidth( blockAlignment ) ) {\n\t\t\treturn marginHorizontal;\n\t\t}\n\n\t\tconst screenWidth = Math.floor( Dimensions.get( 'window' ).width );\n\n\t\tif (\n\t\t\tisFullWidth( parentBlockAlignment ) &&\n\t\t\t! isWider( blockWidth, 'medium' )\n\t\t) {\n\t\t\tif (\n\t\t\t\tisContainerRelated( blockName ) ||\n\t\t\t\tisWider( screenWidth, 'mobile' )\n\t\t\t) {\n\t\t\t\treturn marginHorizontal;\n\t\t\t}\n\t\t\treturn marginHorizontal * 2;\n\t\t}\n\n\t\tif (\n\t\t\tisContainerRelated( parentBlockName ) &&\n\t\t\t! isContainerRelated( blockName )\n\t\t) {\n\t\t\tconst isScreenWidthEqual = parentWidth === screenWidth;\n\t\t\tif ( isScreenWidthEqual || isWider( screenWidth, 'mobile' ) ) {\n\t\t\t\treturn marginHorizontal;\n\t\t\t}\n\t\t}\n\n\t\treturn marginHorizontal;\n\t}\n\n\tgetContentStyles( readableContentViewStyle ) {\n\t\tconst { blockAlignment, blockName, hasParents, parentBlockName } =\n\t\t\tthis.props;\n\t\tconst { isFullWidth, isContainerRelated } = alignmentHelpers;\n\n\t\treturn [\n\t\t\treadableContentViewStyle,\n\t\t\tisFullWidth( blockAlignment ) &&\n\t\t\t\t! hasParents && {\n\t\t\t\t\twidth: styles.fullAlignment.width,\n\t\t\t\t},\n\t\t\t! blockAlignment &&\n\t\t\t\thasParents &&\n\t\t\t\t! isContainerRelated( parentBlockName ) &&\n\t\t\t\tisContainerRelated( blockName ) && {\n\t\t\t\t\tpaddingHorizontal: styles.fullAlignmentPadding.paddingLeft,\n\t\t\t\t},\n\t\t];\n\t}\n\n\trenderContent() {\n\t\tconst {\n\t\t\tblockAlignment,\n\t\t\tclientId,\n\t\t\tisReadOnly,\n\t\t\tshouldShowInsertionPointBefore,\n\t\t\tshouldShowInsertionPointAfter,\n\t\t\tcontentResizeMode,\n\t\t\tshouldShowInnerBlockAppender,\n\t\t\tparentWidth,\n\t\t\tmarginHorizontal,\n\t\t\tblockName,\n\t\t\tblockWidth,\n\t\t\t...restProps\n\t\t} = this.props;\n\n\t\tconst readableContentViewStyle =\n\t\t\tcontentResizeMode === 'stretch' && stretchStyle;\n\t\tconst { isContainerRelated } = alignmentHelpers;\n\n\t\treturn (\n\t\t\t<ReadableContentView\n\t\t\t\talign={ blockAlignment }\n\t\t\t\tstyle={ [\n\t\t\t\t\treadableContentViewStyle,\n\t\t\t\t\tisContainerRelated( blockName ) &&\n\t\t\t\t\t\tparentWidth && {\n\t\t\t\t\t\t\tmaxWidth: parentWidth + 2 * marginHorizontal,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ this.getContentStyles( readableContentViewStyle ) }\n\t\t\t\t\tpointerEvents={ isReadOnly ? 'box-only' : 'auto' }\n\t\t\t\t>\n\t\t\t\t\t{ shouldShowInsertionPointBefore && (\n\t\t\t\t\t\t<BlockInsertionPoint />\n\t\t\t\t\t) }\n\t\t\t\t\t<BlockListBlock\n\t\t\t\t\t\tkey={ clientId }\n\t\t\t\t\t\tshowTitle={ false }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t\tmarginHorizontal={ this.getMarginHorizontal() }\n\t\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t\t/>\n\t\t\t\t\t{ ! shouldShowInnerBlockAppender() &&\n\t\t\t\t\t\tshouldShowInsertionPointAfter && (\n\t\t\t\t\t\t\t<BlockInsertionPoint />\n\t\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</ReadableContentView>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { parentWidth, blockWidth, isGridItem } = this.props;\n\n\t\tif ( ! blockWidth ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif ( isGridItem ) {\n\t\t\tconst { numOfColumns, tileCount, tileIndex } = this.props;\n\t\t\treturn (\n\t\t\t\t<Grid\n\t\t\t\t\tmaxWidth={ parentWidth }\n\t\t\t\t\tnumOfColumns={ numOfColumns }\n\t\t\t\t\ttileCount={ tileCount }\n\t\t\t\t\tindex={ tileIndex }\n\t\t\t\t>\n\t\t\t\t\t{ this.renderContent() }\n\t\t\t\t</Grid>\n\t\t\t);\n\t\t}\n\t\treturn this.renderContent();\n\t}\n}\n\nexport default compose( [\n\twithSelect(\n\t\t( select, { rootClientId, isStackedHorizontally, clientId } ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetSettings,\n\t\t\t\tgetBlockParents,\n\t\t\t\tgetBlock,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\tconst blockInsertionPointIsVisible = isBlockInsertionPointVisible();\n\t\t\tconst shouldShowInsertionPointBefore =\n\t\t\t\t! isStackedHorizontally &&\n\t\t\t\tblockInsertionPointIsVisible &&\n\t\t\t\tinsertionPoint.rootClientId === rootClientId &&\n\t\t\t\t// If list is empty, show the insertion point (via the default appender)\n\t\t\t\t( blockClientIds.length === 0 ||\n\t\t\t\t\t// Or if the insertion point is right before the denoted block.\n\t\t\t\t\tblockClientIds[ insertionPoint.index ] === clientId );\n\n\t\t\tconst shouldShowInsertionPointAfter =\n\t\t\t\t! isStackedHorizontally &&\n\t\t\t\tblockInsertionPointIsVisible &&\n\t\t\t\tinsertionPoint.rootClientId === rootClientId &&\n\t\t\t\t// If the insertion point is at the end of the list.\n\t\t\t\tblockClientIds.length === insertionPoint.index &&\n\t\t\t\t// And the denoted block is the last one on the list, show the indicator at the end of the block.\n\t\t\t\tblockClientIds[ insertionPoint.index - 1 ] === clientId;\n\n\t\t\tconst isReadOnly = getSettings().readOnly;\n\n\t\t\tconst { attributes, name } = getBlock( clientId ) || {};\n\t\t\tconst { align } = attributes || {};\n\t\t\tconst parents = getBlockParents( clientId, true );\n\t\t\tconst hasParents = !! parents.length;\n\t\t\tconst parentBlock = hasParents ? getBlock( parents[ 0 ] ) : {};\n\t\t\tconst { align: parentBlockAlignment } =\n\t\t\t\tparentBlock?.attributes || {};\n\t\t\tconst { name: parentBlockName } = parentBlock || {};\n\n\t\t\treturn {\n\t\t\t\tshouldShowInsertionPointBefore,\n\t\t\t\tshouldShowInsertionPointAfter,\n\t\t\t\tisReadOnly,\n\t\t\t\thasParents,\n\t\t\t\tblockAlignment: align,\n\t\t\t\tparentBlockAlignment,\n\t\t\t\tblockName: name,\n\t\t\t\tparentBlockName,\n\t\t\t};\n\t\t}\n\t),\n] )( BlockListItem );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/block-list-item.native.js"],"names":["BlockListItemContent","blockWidth","clientId","contentResizeMode","contentStyle","index","isStackedHorizontally","marginHorizontal","marginVertical","onAddBlock","onDeleteBlock","parentWidth","rootClientId","shouldShowInnerBlockAppender","blockAlignment","blockName","hasParents","parentBlockAlignment","parentBlockName","shouldShowInsertionPointAfter","shouldShowInsertionPointBefore","select","getBlockAttributes","getBlockInsertionPoint","getBlockName","getBlockOrder","isBlockInsertionPointVisible","blockEditorStore","blockClientIds","insertionPoint","insertionPointVisibleInCurrentRoot","isListEmpty","length","isInsertionPointBeforeBlock","isInsertionPointAtEnd","isBlockLastInList","showInsertionPointBefore","showInsertionPointAfter","blockHasParents","name","parentName","align","parentBlockAlign","wrapperStyles","margin","shouldShowBlockInsertionPointAfter","BlockListItem","props","isGridItem","numOfColumns","tileCount","tileIndex","restProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport Block from './block';\nimport Grid from './grid-item';\nimport BlockInsertionPoint from './insertion-point';\nimport { store as blockEditorStore } from '../../store';\nimport { useEditorWrapperStyles } from '../../hooks/use-editor-wrapper-styles';\n\n/**\n * BlockListItemContent component. Renders a block with an optional insertion point.\n *\n * @param {Object}   props                              Component properties.\n * @param {number}   props.blockWidth                   The width of the block.\n * @param {string}   props.clientId                     The block client ID.\n * @param {string}   props.contentResizeMode            The content resize mode, e.g \"stretch\".\n * @param {Object}   props.contentStyle                 Styles for the block content\n * @param {Object}   props.index                        Block item index\n * @param {boolean}  props.isStackedHorizontally        Whether the block is stacked horizontally.\n * @param {number}   props.marginHorizontal             The horizontal margin.\n * @param {number}   props.marginVertical               The vertical margin.\n * @param {Function} props.onAddBlock                   On add block callback.\n * @param {Function} props.onDeleteBlock                On delete block callback.\n * @param {number}   props.parentWidth                  The width of the parent block.\n * @param {string}   props.rootClientId                 The root client ID.\n * @param {Function} props.shouldShowInnerBlockAppender Whether to show the inner block appender.\n *\n * @return {WPComponent} The rendered block list item content.\n */\nfunction BlockListItemContent( {\n\tblockWidth,\n\tclientId,\n\tcontentResizeMode,\n\tcontentStyle,\n\tindex,\n\tisStackedHorizontally,\n\tmarginHorizontal,\n\tmarginVertical,\n\tonAddBlock,\n\tonDeleteBlock,\n\tparentWidth,\n\trootClientId,\n\tshouldShowInnerBlockAppender,\n} ) {\n\tconst {\n\t\tblockAlignment,\n\t\tblockName,\n\t\thasParents,\n\t\tparentBlockAlignment,\n\t\tparentBlockName,\n\t\tshouldShowInsertionPointAfter,\n\t\tshouldShowInsertionPointBefore,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\n\t\t\tconst insertionPointVisibleInCurrentRoot =\n\t\t\t\t! isStackedHorizontally &&\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\tinsertionPoint.rootClientId === rootClientId;\n\n\t\t\tconst isListEmpty = blockClientIds.length === 0;\n\t\t\tconst isInsertionPointBeforeBlock =\n\t\t\t\tblockClientIds[ insertionPoint.index ] === clientId;\n\t\t\tconst isInsertionPointAtEnd =\n\t\t\t\tblockClientIds.length === insertionPoint.index;\n\t\t\tconst isBlockLastInList =\n\t\t\t\tblockClientIds[ insertionPoint.index - 1 ] === clientId;\n\n\t\t\tconst showInsertionPointBefore =\n\t\t\t\tinsertionPointVisibleInCurrentRoot &&\n\t\t\t\t( isListEmpty || isInsertionPointBeforeBlock );\n\n\t\t\tconst showInsertionPointAfter =\n\t\t\t\tinsertionPointVisibleInCurrentRoot &&\n\t\t\t\tisInsertionPointAtEnd &&\n\t\t\t\tisBlockLastInList;\n\n\t\t\tconst blockHasParents = !! rootClientId;\n\t\t\tconst name = getBlockName( clientId );\n\t\t\tconst parentName = getBlockName( rootClientId );\n\t\t\tconst { align } = getBlockAttributes( clientId ) || {};\n\t\t\tconst { align: parentBlockAlign } =\n\t\t\t\tgetBlockAttributes( rootClientId ) || {};\n\n\t\t\treturn {\n\t\t\t\tblockAlignment: align,\n\t\t\t\tblockName: name,\n\t\t\t\thasParents: blockHasParents,\n\t\t\t\tparentBlockAlignment: parentBlockAlign,\n\t\t\t\tparentBlockName: parentName,\n\t\t\t\tshouldShowInsertionPointAfter: showInsertionPointAfter,\n\t\t\t\tshouldShowInsertionPointBefore: showInsertionPointBefore,\n\t\t\t};\n\t\t},\n\t\t[ isStackedHorizontally, rootClientId, clientId ]\n\t);\n\n\tconst [ wrapperStyles, margin ] = useEditorWrapperStyles( {\n\t\talign: blockAlignment,\n\t\tblockName,\n\t\tblockWidth,\n\t\tcontentResizeMode,\n\t\thasParents,\n\t\tmarginHorizontal,\n\t\tparentBlockAlignment,\n\t\tparentBlockName,\n\t\tparentWidth,\n\t} );\n\n\tconst shouldShowBlockInsertionPointAfter =\n\t\t! shouldShowInnerBlockAppender() && shouldShowInsertionPointAfter;\n\n\treturn (\n\t\t<View style={ wrapperStyles }>\n\t\t\t{ shouldShowInsertionPointBefore && (\n\t\t\t\t<BlockInsertionPoint\n\t\t\t\t\ttestID={ `block-insertion-point-before-row-${ index + 1 }` }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<Block\n\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tcontentStyle={ contentStyle }\n\t\t\t\tisStackedHorizontally={ isStackedHorizontally }\n\t\t\t\tmarginHorizontal={ margin }\n\t\t\t\tmarginVertical={ marginVertical }\n\t\t\t\tonAddBlock={ onAddBlock }\n\t\t\t\tparentBlockAlignment={ parentBlockAlignment }\n\t\t\t\tonDeleteBlock={ onDeleteBlock }\n\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t/>\n\t\t\t{ shouldShowBlockInsertionPointAfter && (\n\t\t\t\t<BlockInsertionPoint\n\t\t\t\t\ttestID={ `block-insertion-point-after-row-${ index + 1 }` }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n\n/**\n * BlockListItem component. Renders a block list item either as a grid item or as a standalone item.\n *\n * @param {Object}   props                              Component properties.\n * @param {boolean}  props.isGridItem                   Whether the block is a grid item.\n * @param {number}   props.numOfColumns                 The number of columns for grid layout.\n * @param {number}   props.parentWidth                  The width of the parent block.\n * @param {number}   props.tileCount                    The total number of tiles in the grid.\n * @param {number}   props.tileIndex                    The index of the current tile in the grid.\n * @param {number}   props.blockWidth                   The width of the block.\n * @param {string}   props.clientId                     The block client ID.\n * @param {string}   props.contentResizeMode            The content resize mode, e.g \"stretch\".\n * @param {Object}   props.contentStyle                 Styles for the block content\n * @param {Object}   props.index                        Block item index\n * @param {boolean}  props.isStackedHorizontally        Whether the block is stacked horizontally.\n * @param {number}   props.marginHorizontal             The horizontal margin.\n * @param {number}   props.marginVertical               The vertical margin.\n * @param {Function} props.onAddBlock                   On add block callback.\n * @param {Function} props.onDeleteBlock                On delete block callback.\n * @param {string}   props.rootClientId                 The root client ID.\n * @param {Function} props.shouldShowInnerBlockAppender Whether to show the inner block appender.\n *\n * @return {WPComponent|null} The rendered block list item or null if the block width is not provided.\n */\nfunction BlockListItem( props ) {\n\tconst { isGridItem, numOfColumns, tileCount, tileIndex, ...restProps } =\n\t\tprops;\n\n\tif ( ! props?.blockWidth ) {\n\t\treturn null;\n\t}\n\n\tif ( isGridItem ) {\n\t\treturn (\n\t\t\t<Grid\n\t\t\t\tmaxWidth={ props?.parentWidth }\n\t\t\t\tnumOfColumns={ numOfColumns }\n\t\t\t\ttileCount={ tileCount }\n\t\t\t\tindex={ tileIndex }\n\t\t\t>\n\t\t\t\t<BlockListItemContent { ...restProps } />\n\t\t\t</Grid>\n\t\t);\n\t}\n\n\treturn <BlockListItemContent { ...restProps } />;\n}\n\nexport default BlockListItem;\n"]}

package/build/components/block-list/block-outline.native.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _element = require("@wordpress/element");
+
+var _reactNative = require("react-native");
+
+var _compose = require("@wordpress/compose");
+
+var _components = require("@wordpress/components");
+
+var _block = _interopRequireDefault(require("./block.scss"));
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function BlockOutline(_ref) {
+  let {
+    align,
+    blockWidth,
+    isParentSelected,
+    isSelected,
+    name,
+    screenWidth
+  } = _ref;
+  const {
+    isFullWidth,
+    isContainerRelated
+  } = _components.alignmentHelpers;
+  const isScreenWidthWider = blockWidth < screenWidth;
+  const styleSolidBorder = [_block.default.solidBorder, isFullWidth(align) && isScreenWidthWider && _block.default.borderFullWidth, isFullWidth(align) && isContainerRelated(name) && isScreenWidthWider && _block.default.containerBorderFullWidth, (0, _compose.usePreferredColorSchemeStyle)(_block.default.solidBorderColor, _block.default.solidBorderColorDark)];
+  const styleDashedBorder = [_block.default.dashedBorder, (0, _compose.usePreferredColorSchemeStyle)(_block.default.dashedBorderColor, _block.default.dashedBorderColorDark)];
+  return (0, _element.createElement)(_element.Fragment, null, isSelected && (0, _element.createElement)(_reactNative.View, {
+    pointerEvents: "box-none",
+    style: styleSolidBorder
+  }), isParentSelected && (0, _element.createElement)(_reactNative.View, {
+    style: styleDashedBorder
+  }));
+}
+
+var _default = BlockOutline;
+exports.default = _default;
+//# sourceMappingURL=block-outline.native.js.map

package/build/components/block-list/block-outline.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-list/block-outline.native.js"],"names":["BlockOutline","align","blockWidth","isParentSelected","isSelected","name","screenWidth","isFullWidth","isContainerRelated","alignmentHelpers","isScreenWidthWider","styleSolidBorder","styles","solidBorder","borderFullWidth","containerBorderFullWidth","solidBorderColor","solidBorderColorDark","styleDashedBorder","dashedBorder","dashedBorderColor","dashedBorderColorDark"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,SAASA,YAAT,OAOI;AAAA,MAPmB;AACtBC,IAAAA,KADsB;AAEtBC,IAAAA,UAFsB;AAGtBC,IAAAA,gBAHsB;AAItBC,IAAAA,UAJsB;AAKtBC,IAAAA,IALsB;AAMtBC,IAAAA;AANsB,GAOnB;AACH,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAAsCC,4BAA5C;AACA,QAAMC,kBAAkB,GAAGR,UAAU,GAAGI,WAAxC;AAEA,QAAMK,gBAAgB,GAAG,CACxBC,eAAOC,WADiB,EAExBN,WAAW,CAAEN,KAAF,CAAX,IAAwBS,kBAAxB,IAA8CE,eAAOE,eAF7B,EAGxBP,WAAW,CAAEN,KAAF,CAAX,IACCO,kBAAkB,CAAEH,IAAF,CADnB,IAECK,kBAFD,IAGCE,eAAOG,wBANgB,EAOxB,2CACCH,eAAOI,gBADR,EAECJ,eAAOK,oBAFR,CAPwB,CAAzB;AAYA,QAAMC,iBAAiB,GAAG,CACzBN,eAAOO,YADkB,EAEzB,2CACCP,eAAOQ,iBADR,EAECR,eAAOS,qBAFR,CAFyB,CAA1B;AAQA,SACC,qDACGjB,UAAU,IACX,4BAAC,iBAAD;AAAM,IAAA,aAAa,EAAC,UAApB;AAA+B,IAAA,KAAK,EAAGO;AAAvC,IAFF,EAIGR,gBAAgB,IAAI,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGe;AAAd,IAJvB,CADD;AAQA;;eAEclB,Y","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { alignmentHelpers } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './block.scss';\n\nfunction BlockOutline( {\n\talign,\n\tblockWidth,\n\tisParentSelected,\n\tisSelected,\n\tname,\n\tscreenWidth,\n} ) {\n\tconst { isFullWidth, isContainerRelated } = alignmentHelpers;\n\tconst isScreenWidthWider = blockWidth < screenWidth;\n\n\tconst styleSolidBorder = [\n\t\tstyles.solidBorder,\n\t\tisFullWidth( align ) && isScreenWidthWider && styles.borderFullWidth,\n\t\tisFullWidth( align ) &&\n\t\t\tisContainerRelated( name ) &&\n\t\t\tisScreenWidthWider &&\n\t\t\tstyles.containerBorderFullWidth,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.solidBorderColor,\n\t\t\tstyles.solidBorderColorDark\n\t\t),\n\t];\n\tconst styleDashedBorder = [\n\t\tstyles.dashedBorder,\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.dashedBorderColor,\n\t\t\tstyles.dashedBorderColorDark\n\t\t),\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t{ isSelected && (\n\t\t\t\t<View pointerEvents=\"box-none\" style={ styleSolidBorder } />\n\t\t\t) }\n\t\t\t{ isParentSelected && <View style={ styleDashedBorder } /> }\n\t\t</>\n\t);\n}\n\nexport default BlockOutline;\n"]}

package/build/components/block-list/block.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.BlockListBlockContext = void 0;
+exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
@@ -37,6 +37,10 @@ var _store = require("../../store");
 
 var _layout = require("./layout");
 
+var _lockUnlock = require("../../lock-unlock");
+
+var _blockListBlockContext = require("./block-list-block-context");
+
 /**
  * External dependencies
  */
@@ -48,7 +52,7 @@ var _layout = require("./layout");
 /**
  * Internal dependencies
  */
-const BlockListBlockContext = (0, _element.createContext)();
+
 /**
  * Merges wrapper props with special handling for classNames and styles.
  *
@@ -57,9 +61,6 @@ const BlockListBlockContext = (0, _element.createContext)();
  *
  * @return {Object} Merged props.
  */
-
-exports.BlockListBlockContext = BlockListBlockContext;
-
 function mergeWrapperProps(propsA, propsB) {
   const newProps = { ...propsA,
     ...propsB
@@ -116,28 +117,20 @@ function BlockListBlock(_ref2) {
   } = _ref2;
   const {
     themeSupportsLayout,
-    hasContentLockedParent,
-    isContentBlock,
-    isContentLocking,
-    isTemporarilyEditingAsBlocks
+    isTemporarilyEditingAsBlocks,
+    blockEditingMode
   } = (0, _data.useSelect)(select => {
     const {
       getSettings,
-      __unstableGetContentLockingParent,
-      getTemplateLock,
-      __unstableGetTemporarilyEditingAsBlocks
-    } = select(_store.store);
-
-    const _hasContentLockedParent = !!__unstableGetContentLockingParent(clientId);
-
+      __unstableGetTemporarilyEditingAsBlocks,
+      getBlockEditingMode
+    } = (0, _lockUnlock.unlock)(select(_store.store));
     return {
       themeSupportsLayout: getSettings().supportsLayout,
-      isContentBlock: select(_blocks.store).__experimentalHasContentRoleAttribute(name),
-      hasContentLockedParent: _hasContentLockedParent,
-      isContentLocking: getTemplateLock(clientId) === 'contentOnly' && !_hasContentLockedParent,
-      isTemporarilyEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === clientId
+      isTemporarilyEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === clientId,
+      blockEditingMode: getBlockEditingMode(clientId)
     };
-  }, [name, clientId]);
+  }, [clientId]);
   const {
     removeBlock
   } = (0, _data.useDispatch)(_store.store);
@@ -164,7 +157,7 @@ function BlockListBlock(_ref2) {
   });
   const blockType = (0, _blocks.getBlockType)(name);
 
-  if (hasContentLockedParent && !isContentBlock) {
+  if (blockEditingMode === 'disabled') {
     wrapperProps = { ...wrapperProps,
       tabIndex: -1
     };
@@ -225,15 +218,14 @@ function BlockListBlock(_ref2) {
   const value = {
     clientId,
     className: (0, _classnames.default)({
-      'is-content-locked': isContentLocking,
-      'is-content-locked-temporarily-editing-as-blocks': isTemporarilyEditingAsBlocks,
-      'is-content-block': hasContentLockedParent && isContentBlock
+      'is-editing-disabled': blockEditingMode === 'disabled',
+      'is-content-locked-temporarily-editing-as-blocks': isTemporarilyEditingAsBlocks
     }, dataAlign && themeSupportsLayout && `align${dataAlign}`, className),
     wrapperProps: restWrapperProps,
     isAligned
   };
   const memoizedValue = (0, _element.useMemo)(() => value, Object.values(value));
-  return (0, _element.createElement)(BlockListBlockContext.Provider, {
+  return (0, _element.createElement)(_blockListBlockContext.BlockListBlockContext.Provider, {
     value: memoizedValue
   }, (0, _element.createElement)(_blockCrashBoundary.default, {
     fallback: (0, _element.createElement)(Block, {
@@ -371,22 +363,22 @@ const applyWithDispatch = (0, _data.withDispatch)((dispatch, ownProps, registry)
         if (blockOrder.length === 1 && (0, _blocks.isUnmodifiedBlock)(getBlock(firstClientId))) {
           removeBlock(_clientId);
         } else {
-          if (canInsertBlockType(getBlockName(firstClientId), targetRootClientId)) {
-            moveBlocksToPosition([firstClientId], _clientId, targetRootClientId, getBlockIndex(_clientId));
-          } else {
-            const replacement = (0, _blocks.switchToBlockType)(getBlock(firstClientId), (0, _blocks.getDefaultBlockName)());
+          registry.batch(() => {
+            if (canInsertBlockType(getBlockName(firstClientId), targetRootClientId)) {
+              moveBlocksToPosition([firstClientId], _clientId, targetRootClientId, getBlockIndex(_clientId));
+            } else {
+              const replacement = (0, _blocks.switchToBlockType)(getBlock(firstClientId), (0, _blocks.getDefaultBlockName)());
 
-            if (replacement && replacement.length) {
-              registry.batch(() => {
+              if (replacement && replacement.length) {
                 insertBlocks(replacement, getBlockIndex(_clientId), targetRootClientId, changeSelection);
                 removeBlock(firstClientId, false);
-              });
+              }
             }
-          }
 
-          if (!getBlockOrder(_clientId).length && (0, _blocks.isUnmodifiedBlock)(getBlock(_clientId))) {
-            removeBlock(_clientId, false);
-          }
+            if (!getBlockOrder(_clientId).length && (0, _blocks.isUnmodifiedBlock)(getBlock(_clientId))) {
+              removeBlock(_clientId, false);
+            }
+          });
         }
       } // For `Delete` or forward merge, we should do the exact same thing
       // as `Backspace`, but from the other block.