npm - @wordpress/block-editor - Versions diffs - 12.1.0 → 12.3.0 - Mend

@wordpress/block-editor 12.1.0 → 12.3.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 (1853) hide show

package/build/components/block-list/index.js CHANGED Viewed

@@ -53,11 +53,10 @@ const IntersectionObserver = (0, _element.createContext)();
 exports.IntersectionObserver = IntersectionObserver;
 const pendingBlockVisibilityUpdatesPerRegistry = new WeakMap();
-function Root(_ref) {
-  let {
-    className,
-    ...settings
-  } = _ref;
+function Root({
+  className,
+  ...settings
+}) {
   const [element, setElement] = (0, _element.useState)();
   const isLargeViewport = (0, _compose.useViewportMatch)('medium');
   const {
@@ -85,8 +84,7 @@ function Root(_ref) {
   } = (0, _data.useDispatch)(_store.store);
   const delayedBlockVisibilityUpdates = (0, _compose.useDebounce)((0, _element.useCallback)(() => {
     const updates = {};
-    pendingBlockVisibilityUpdatesPerRegistry.get(registry).forEach(_ref2 => {
-      let [id, isIntersecting] = _ref2;
+    pendingBlockVisibilityUpdatesPerRegistry.get(registry).forEach(([id, isIntersecting]) => {
       updates[id] = isIntersecting;
     });
     setBlockVisibility(updates);
@@ -139,14 +137,13 @@ function BlockList(settings) {
 BlockList.__unstableElementContext = elementContext;
-function Items(_ref3) {
-  let {
-    placeholder,
-    rootClientId,
-    renderAppender,
-    __experimentalAppenderTagName,
-    __experimentalLayout: layout = _layout.defaultLayout
-  } = _ref3;
+function Items({
+  placeholder,
+  rootClientId,
+  renderAppender,
+  __experimentalAppenderTagName,
+  __experimentalLayout: layout = _layout.defaultLayout
+}) {
   const {
     order,
     selectedBlocks,

package/build/components/block-list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/block-editor/src/components/block-list/index.js"],"names":["elementContext","IntersectionObserver","pendingBlockVisibilityUpdatesPerRegistry","WeakMap","Root","className","settings","element","setElement","isLargeViewport","isOutlineMode","isFocusMode","editorMode","select","getSettings","__unstableGetEditorMode","blockEditorStore","outlineMode","focusMode","registry","setBlockVisibility","delayedBlockVisibilityUpdates","updates","get","forEach","id","isIntersecting","trailing","intersectionObserver","Observer","window","entries","set","entry","clientId","target","getAttribute","push","innerBlocksProps","ref","BlockList","DEFAULT_BLOCK_EDIT_CONTEXT","__unstableElementContext","Items","placeholder","rootClientId","renderAppender","__experimentalAppenderTagName","__experimentalLayout","layout","defaultLayout","order","selectedBlocks","visibleBlocks","getBlockOrder","getSelectedBlockClientIds","__unstableGetVisibleBlocks","map","has","includes","length","BlockListItems","props"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\tAsyncModeProvider,\n\tuseSelect,\n\tuseDispatch,\n\tuseRegistry,\n} from '@wordpress/data';\nimport {\n\tuseViewportMatch,\n\tuseMergeRefs,\n\tuseDebounce,\n} from '@wordpress/compose';\nimport {\n\tcreateContext,\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n} from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport BlockListBlock from './block';\nimport BlockListAppender from '../block-list-appender';\nimport { useInBetweenInserter } from './use-in-between-inserter';\nimport { store as blockEditorStore } from '../../store';\nimport { usePreParsePatterns } from '../../utils/pre-parse-patterns';\nimport { LayoutProvider, defaultLayout } from './layout';\nimport BlockToolsBackCompat from '../block-tools/back-compat';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useInnerBlocksProps } from '../inner-blocks';\nimport {\n\tBlockEditContextProvider,\n\tDEFAULT_BLOCK_EDIT_CONTEXT,\n} from '../block-edit/context';\n\nconst elementContext = createContext();\n\nexport const IntersectionObserver = createContext();\nconst pendingBlockVisibilityUpdatesPerRegistry = new WeakMap();\n\nfunction Root( { className, ...settings } ) {\n\tconst [ element, setElement ] = useState();\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst { isOutlineMode, isFocusMode, editorMode } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, __unstableGetEditorMode } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { outlineMode, focusMode } = getSettings();\n\t\t\treturn {\n\t\t\t\tisOutlineMode: outlineMode,\n\t\t\t\tisFocusMode: focusMode,\n\t\t\t\teditorMode: __unstableGetEditorMode(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst registry = useRegistry();\n\tconst { setBlockVisibility } = useDispatch( blockEditorStore );\n\n\tconst delayedBlockVisibilityUpdates = useDebounce(\n\t\tuseCallback( () => {\n\t\t\tconst updates = {};\n\t\t\tpendingBlockVisibilityUpdatesPerRegistry\n\t\t\t\t.get( registry )\n\t\t\t\t.forEach( ( [ id, isIntersecting ] ) => {\n\t\t\t\t\tupdates[ id ] = isIntersecting;\n\t\t\t\t} );\n\t\t\tsetBlockVisibility( updates );\n\t\t}, [ registry ] ),\n\t\t300,\n\t\t{\n\t\t\ttrailing: true,\n\t\t}\n\t);\n\tconst intersectionObserver = useMemo( () => {\n\t\tconst { IntersectionObserver: Observer } = window;\n\n\t\tif ( ! Observer ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn new Observer( ( entries ) => {\n\t\t\tif ( ! pendingBlockVisibilityUpdatesPerRegistry.get( registry ) ) {\n\t\t\t\tpendingBlockVisibilityUpdatesPerRegistry.set( registry, [] );\n\t\t\t}\n\t\t\tfor ( const entry of entries ) {\n\t\t\t\tconst clientId = entry.target.getAttribute( 'data-block' );\n\t\t\t\tpendingBlockVisibilityUpdatesPerRegistry\n\t\t\t\t\t.get( registry )\n\t\t\t\t\t.push( [ clientId, entry.isIntersecting ] );\n\t\t\t}\n\t\t\tdelayedBlockVisibilityUpdates();\n\t\t} );\n\t}, [] );\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tref: useMergeRefs( [\n\t\t\t\tuseBlockSelectionClearer(),\n\t\t\t\tuseInBetweenInserter(),\n\t\t\t\tsetElement,\n\t\t\t] ),\n\t\t\tclassName: classnames( 'is-root-container', className, {\n\t\t\t\t'is-outline-mode': isOutlineMode,\n\t\t\t\t'is-focus-mode': isFocusMode && isLargeViewport,\n\t\t\t\t'is-navigate-mode': editorMode === 'navigation',\n\t\t\t} ),\n\t\t},\n\t\tsettings\n\t);\n\treturn (\n\t\t<elementContext.Provider value={ element }>\n\t\t\t<IntersectionObserver.Provider value={ intersectionObserver }>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</IntersectionObserver.Provider>\n\t\t</elementContext.Provider>\n\t);\n}\n\nexport default function BlockList( settings ) {\n\tusePreParsePatterns();\n\treturn (\n\t\t<BlockToolsBackCompat>\n\t\t\t<BlockEditContextProvider value={ DEFAULT_BLOCK_EDIT_CONTEXT }>\n\t\t\t\t<Root { ...settings } />\n\t\t\t</BlockEditContextProvider>\n\t\t</BlockToolsBackCompat>\n\t);\n}\n\nBlockList.__unstableElementContext = elementContext;\n\nfunction Items( {\n\tplaceholder,\n\trootClientId,\n\trenderAppender,\n\t__experimentalAppenderTagName,\n\t__experimentalLayout: layout = defaultLayout,\n} ) {\n\tconst { order, selectedBlocks, visibleBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\t__unstableGetVisibleBlocks,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\torder: getBlockOrder( rootClientId ),\n\t\t\t\tselectedBlocks: getSelectedBlockClientIds(),\n\t\t\t\tvisibleBlocks: __unstableGetVisibleBlocks(),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<LayoutProvider value={ layout }>\n\t\t\t{ order.map( ( clientId ) => (\n\t\t\t\t<AsyncModeProvider\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\t// Only provide data asynchronously if the block is\n\t\t\t\t\t\t// not visible and not selected.\n\t\t\t\t\t\t! visibleBlocks.has( clientId ) &&\n\t\t\t\t\t\t! selectedBlocks.includes( clientId )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<BlockListBlock\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t/>\n\t\t\t\t</AsyncModeProvider>\n\t\t\t) ) }\n\t\t\t{ order.length < 1 && placeholder }\n\t\t\t<BlockListAppender\n\t\t\t\ttagName={ __experimentalAppenderTagName }\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderAppender={ renderAppender }\n\t\t\t/>\n\t\t</LayoutProvider>\n\t);\n}\n\nexport function BlockListItems( props ) {\n\t// This component needs to always be synchronous as it's the one changing\n\t// the async mode depending on the block selection.\n\treturn (\n\t\t<AsyncModeProvider value={ false }>\n\t\t\t<Items { ...props } />\n\t\t</AsyncModeProvider>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/block-editor/src/components/block-list/index.js"],"names":["elementContext","IntersectionObserver","pendingBlockVisibilityUpdatesPerRegistry","WeakMap","Root","className","settings","element","setElement","isLargeViewport","isOutlineMode","isFocusMode","editorMode","select","getSettings","__unstableGetEditorMode","blockEditorStore","outlineMode","focusMode","registry","setBlockVisibility","delayedBlockVisibilityUpdates","updates","get","forEach","id","isIntersecting","trailing","intersectionObserver","Observer","window","entries","set","entry","clientId","target","getAttribute","push","innerBlocksProps","ref","BlockList","DEFAULT_BLOCK_EDIT_CONTEXT","__unstableElementContext","Items","placeholder","rootClientId","renderAppender","__experimentalAppenderTagName","__experimentalLayout","layout","defaultLayout","order","selectedBlocks","visibleBlocks","getBlockOrder","getSelectedBlockClientIds","__unstableGetVisibleBlocks","map","has","includes","length","BlockListItems","props"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport {\n\tAsyncModeProvider,\n\tuseSelect,\n\tuseDispatch,\n\tuseRegistry,\n} from '@wordpress/data';\nimport {\n\tuseViewportMatch,\n\tuseMergeRefs,\n\tuseDebounce,\n} from '@wordpress/compose';\nimport {\n\tcreateContext,\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n} from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport BlockListBlock from './block';\nimport BlockListAppender from '../block-list-appender';\nimport { useInBetweenInserter } from './use-in-between-inserter';\nimport { store as blockEditorStore } from '../../store';\nimport { usePreParsePatterns } from '../../utils/pre-parse-patterns';\nimport { LayoutProvider, defaultLayout } from './layout';\nimport BlockToolsBackCompat from '../block-tools/back-compat';\nimport { useBlockSelectionClearer } from '../block-selection-clearer';\nimport { useInnerBlocksProps } from '../inner-blocks';\nimport {\n\tBlockEditContextProvider,\n\tDEFAULT_BLOCK_EDIT_CONTEXT,\n} from '../block-edit/context';\n\nconst elementContext = createContext();\n\nexport const IntersectionObserver = createContext();\nconst pendingBlockVisibilityUpdatesPerRegistry = new WeakMap();\n\nfunction Root( { className, ...settings } ) {\n\tconst [ element, setElement ] = useState();\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst { isOutlineMode, isFocusMode, editorMode } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, __unstableGetEditorMode } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst { outlineMode, focusMode } = getSettings();\n\t\t\treturn {\n\t\t\t\tisOutlineMode: outlineMode,\n\t\t\t\tisFocusMode: focusMode,\n\t\t\t\teditorMode: __unstableGetEditorMode(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst registry = useRegistry();\n\tconst { setBlockVisibility } = useDispatch( blockEditorStore );\n\n\tconst delayedBlockVisibilityUpdates = useDebounce(\n\t\tuseCallback( () => {\n\t\t\tconst updates = {};\n\t\t\tpendingBlockVisibilityUpdatesPerRegistry\n\t\t\t\t.get( registry )\n\t\t\t\t.forEach( ( [ id, isIntersecting ] ) => {\n\t\t\t\t\tupdates[ id ] = isIntersecting;\n\t\t\t\t} );\n\t\t\tsetBlockVisibility( updates );\n\t\t}, [ registry ] ),\n\t\t300,\n\t\t{\n\t\t\ttrailing: true,\n\t\t}\n\t);\n\tconst intersectionObserver = useMemo( () => {\n\t\tconst { IntersectionObserver: Observer } = window;\n\n\t\tif ( ! Observer ) {\n\t\t\treturn;\n\t\t}\n\n\t\treturn new Observer( ( entries ) => {\n\t\t\tif ( ! pendingBlockVisibilityUpdatesPerRegistry.get( registry ) ) {\n\t\t\t\tpendingBlockVisibilityUpdatesPerRegistry.set( registry, [] );\n\t\t\t}\n\t\t\tfor ( const entry of entries ) {\n\t\t\t\tconst clientId = entry.target.getAttribute( 'data-block' );\n\t\t\t\tpendingBlockVisibilityUpdatesPerRegistry\n\t\t\t\t\t.get( registry )\n\t\t\t\t\t.push( [ clientId, entry.isIntersecting ] );\n\t\t\t}\n\t\t\tdelayedBlockVisibilityUpdates();\n\t\t} );\n\t}, [] );\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tref: useMergeRefs( [\n\t\t\t\tuseBlockSelectionClearer(),\n\t\t\t\tuseInBetweenInserter(),\n\t\t\t\tsetElement,\n\t\t\t] ),\n\t\t\tclassName: classnames( 'is-root-container', className, {\n\t\t\t\t'is-outline-mode': isOutlineMode,\n\t\t\t\t'is-focus-mode': isFocusMode && isLargeViewport,\n\t\t\t\t'is-navigate-mode': editorMode === 'navigation',\n\t\t\t} ),\n\t\t},\n\t\tsettings\n\t);\n\treturn (\n\t\t<elementContext.Provider value={ element }>\n\t\t\t<IntersectionObserver.Provider value={ intersectionObserver }>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</IntersectionObserver.Provider>\n\t\t</elementContext.Provider>\n\t);\n}\n\nexport default function BlockList( settings ) {\n\tusePreParsePatterns();\n\treturn (\n\t\t<BlockToolsBackCompat>\n\t\t\t<BlockEditContextProvider value={ DEFAULT_BLOCK_EDIT_CONTEXT }>\n\t\t\t\t<Root { ...settings } />\n\t\t\t</BlockEditContextProvider>\n\t\t</BlockToolsBackCompat>\n\t);\n}\n\nBlockList.__unstableElementContext = elementContext;\n\nfunction Items( {\n\tplaceholder,\n\trootClientId,\n\trenderAppender,\n\t__experimentalAppenderTagName,\n\t__experimentalLayout: layout = defaultLayout,\n} ) {\n\tconst { order, selectedBlocks, visibleBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetSelectedBlockClientIds,\n\t\t\t\t__unstableGetVisibleBlocks,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\torder: getBlockOrder( rootClientId ),\n\t\t\t\tselectedBlocks: getSelectedBlockClientIds(),\n\t\t\t\tvisibleBlocks: __unstableGetVisibleBlocks(),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<LayoutProvider value={ layout }>\n\t\t\t{ order.map( ( clientId ) => (\n\t\t\t\t<AsyncModeProvider\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\t// Only provide data asynchronously if the block is\n\t\t\t\t\t\t// not visible and not selected.\n\t\t\t\t\t\t! visibleBlocks.has( clientId ) &&\n\t\t\t\t\t\t! selectedBlocks.includes( clientId )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<BlockListBlock\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t/>\n\t\t\t\t</AsyncModeProvider>\n\t\t\t) ) }\n\t\t\t{ order.length < 1 && placeholder }\n\t\t\t<BlockListAppender\n\t\t\t\ttagName={ __experimentalAppenderTagName }\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderAppender={ renderAppender }\n\t\t\t/>\n\t\t</LayoutProvider>\n\t);\n}\n\nexport function BlockListItems( props ) {\n\t// This component needs to always be synchronous as it's the one changing\n\t// the async mode depending on the block selection.\n\treturn (\n\t\t<AsyncModeProvider value={ false }>\n\t\t\t<Items { ...props } />\n\t\t</AsyncModeProvider>\n\t);\n}\n"]}

package/build/components/block-list/index.native.js CHANGED Viewed

@@ -33,6 +33,8 @@ var _blockListContext = require("./block-list-context");
 var _blockDraggable = require("../block-draggable");
+var _useEditorWrapperStyles = require("../../hooks/use-editor-wrapper-styles");
 var _store = require("../../store");
 /**
@@ -50,11 +52,7 @@ const identity = x => x;
 const stylesMemo = {};
-const getStyles = (isRootList, isStackedHorizontally, horizontalAlignment) => {
-  if (isRootList) {
-    return;
-  }
+const getStyles = (isStackedHorizontally, horizontalAlignment) => {
   const styleName = `${isStackedHorizontally}-${horizontalAlignment}`;
   if (stylesMemo[styleName]) {
@@ -66,28 +64,26 @@ const getStyles = (isRootList, isStackedHorizontally, horizontalAlignment) => {
   return computedStyles;
 };
-function BlockList(_ref) {
-  let {
-    blockWidth: initialBlockWidth,
-    contentResizeMode,
-    contentStyle,
-    filterInnerBlocks,
-    gridProperties,
-    header,
-    horizontal,
-    horizontalAlignment,
-    marginHorizontal = _style.default.defaultBlock.marginLeft,
-    marginVertical = _style.default.defaultBlock.marginTop,
-    onAddBlock,
-    onDeleteBlock,
-    orientation,
-    parentWidth,
-    renderAppender,
-    renderFooterAppender,
-    rootClientId,
-    title,
-    withFooter = true
-  } = _ref;
+function BlockList({
+  blockWidth: initialBlockWidth,
+  contentResizeMode,
+  contentStyle,
+  filterInnerBlocks,
+  gridProperties,
+  header,
+  horizontal,
+  horizontalAlignment,
+  marginHorizontal = _style.default.defaultBlock.marginLeft,
+  marginVertical = _style.default.defaultBlock.marginTop,
+  onAddBlock,
+  onDeleteBlock,
+  orientation,
+  parentWidth,
+  renderAppender,
+  renderFooterAppender,
+  rootClientId,
+  withFooter = true
+}) {
   const {
     blockClientIds,
     blockCount,
@@ -171,10 +167,9 @@ function BlockList(_ref) {
     return extraData.current;
   };
-  const onLayout = _ref2 => {
-    let {
-      nativeEvent
-    } = _ref2;
+  const onLayout = ({
+    nativeEvent
+  }) => {
     const {
       layout
     } = nativeEvent;
@@ -187,89 +182,10 @@ function BlockList(_ref) {
     }
   };
-  const renderList = function () {
-    let extraProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    const {
-      parentScrollRef,
-      onScroll
-    } = extraProps;
-    const {
-      blockToolbar,
-      headerToolbar,
-      floatingToolbar
-    } = _style.default;
-    const containerStyle = {
-      flex: isRootList ? 1 : 0,
-      // We set negative margin in the parent to remove the edge spacing between parent block and child block in ineer blocks.
-      marginVertical: isRootList ? 0 : -marginVertical,
-      marginHorizontal: isRootList ? 0 : -marginHorizontal
-    };
-    const isContentStretch = contentResizeMode === 'stretch';
-    const isMultiBlocks = blockClientIds.length > 1;
-    const {
-      isWider
-    } = _components.alignmentHelpers;
-    const extraScrollHeight = headerToolbar.height + blockToolbar.height + (isFloatingToolbarVisible ? floatingToolbar.height : 0);
-    const scrollViewStyle = [{
-      flex: isRootList ? 1 : 0
-    }, !isRootList && _style.default.overflowVisible];
-    return (0, _element.createElement)(_reactNative.View, {
-      style: containerStyle,
-      onAccessibilityEscape: clearSelectedBlock,
-      onLayout: onLayout,
-      testID: "block-list-wrapper"
-    }, (0, _element.createElement)(_components.KeyboardAwareFlatList, (0, _extends2.default)({}, _reactNative.Platform.OS === 'android' ? {
-      removeClippedSubviews: false
-    } : {}, {
-      // Disable clipping on Android to fix focus losing. See https://github.com/wordpress-mobile/gutenberg-mobile/pull/741#issuecomment-472746541
-      accessibilityLabel: "block-list",
-      innerRef: ref => {
-        scrollViewRef.current = parentScrollRef || ref;
-      },
-      extraScrollHeight: extraScrollHeight,
-      keyboardShouldPersistTaps: "always",
-      scrollViewStyle: scrollViewStyle,
-      extraData: getExtraData(),
-      scrollEnabled: isRootList,
-      contentContainerStyle: [horizontal && _style.default.horizontalContentContainer, isWider(blockWidth, 'medium') && (isContentStretch && isMultiBlocks ? _style.default.horizontalContentContainerStretch : _style.default.horizontalContentContainerCenter)],
-      style: getStyles(isRootList, isStackedHorizontally, horizontalAlignment),
-      data: blockClientIds,
-      keyExtractor: identity,
-      listKey: rootClientId ? `list-${rootClientId}` : 'list-root',
-      renderItem: renderItem,
-      CellRendererComponent: _blockListItemCell.default,
-      shouldPreventAutomaticScroll: shouldFlatListPreventAutomaticScroll,
-      title: title,
-      ListHeaderComponent: header,
-      ListEmptyComponent: !isReadOnly && (0, _element.createElement)(EmptyList, {
-        orientation: orientation,
-        rootClientId: rootClientId,
-        renderAppender: renderAppender,
-        renderFooterAppender: renderFooterAppender
-      }),
-      ListFooterComponent: (0, _element.createElement)(Footer, {
-        addBlockToEndOfPost: addBlockToEndOfPost,
-        isReadOnly: isReadOnly,
-        renderFooterAppender: renderFooterAppender,
-        withFooter: withFooter
-      }),
-      onScroll: onScroll
-    })), shouldShowInnerBlockAppender() && (0, _element.createElement)(_reactNative.View, {
-      style: {
-        marginHorizontal: marginHorizontal - _style.default.innerAppender.marginLeft
-      }
-    }, (0, _element.createElement)(_blockListAppender.default, {
-      rootClientId: rootClientId,
-      renderAppender: renderAppender,
-      showSeparator: true
-    })));
-  };
-  const renderItem = _ref3 => {
-    let {
-      item: clientId,
-      index
-    } = _ref3;
+  const renderItem = ({
+    item: clientId,
+    index
+  }) => {
     // Extracting the grid item properties here to avoid
     // re-renders in the blockListItem component.
     const isGridItem = !!gridProperties;
@@ -294,41 +210,113 @@ function BlockList(_ref) {
       blockWidth: blockWidth,
       isGridItem: isGridItem
     }, gridItemProps));
-  }; // Use of Context to propagate the main scroll ref to its children e.g InnerBlocks.
+  };
-  const blockList = isRootList ? (0, _element.createElement)(_blockListContext.BlockListProvider, {
+  const {
+    blockToolbar,
+    headerToolbar,
+    floatingToolbar
+  } = _style.default;
+  const containerStyle = {
+    flex: isRootList ? 1 : 0,
+    // We set negative margin in the parent to remove the edge spacing between parent block and child block in ineer blocks.
+    marginVertical: isRootList ? 0 : -marginVertical,
+    marginHorizontal: isRootList ? 0 : -marginHorizontal
+  };
+  const isContentStretch = contentResizeMode === 'stretch';
+  const isMultiBlocks = blockClientIds.length > 1;
+  const {
+    isWider
+  } = _components.alignmentHelpers;
+  const extraScrollHeight = headerToolbar.height + blockToolbar.height + (isFloatingToolbarVisible ? floatingToolbar.height : 0);
+  return (0, _element.createElement)(_reactNative.View, {
+    style: containerStyle,
+    onAccessibilityEscape: clearSelectedBlock,
+    onLayout: onLayout,
+    testID: "block-list-wrapper"
+  }, isRootList ? (0, _element.createElement)(_blockListContext.BlockListProvider, {
     value: { ..._blockListContext.DEFAULT_BLOCK_LIST_CONTEXT,
       scrollRef: scrollViewRef.current
     }
   }, (0, _element.createElement)(_blockDraggable.BlockDraggableWrapper, {
     isRTL: isRTL
-  }, _ref4 => {
-    let {
-      onScroll
-    } = _ref4;
-    return renderList({
-      onScroll
-    });
-  })) : (0, _element.createElement)(_blockListContext.BlockListConsumer, null, _ref5 => {
-    let {
-      scrollRef
-    } = _ref5;
-    return renderList({
-      parentScrollRef: scrollRef
-    });
-  });
-  return blockList;
+  }, ({
+    onScroll
+  }) => (0, _element.createElement)(_components.KeyboardAwareFlatList, (0, _extends2.default)({}, _reactNative.Platform.OS === 'android' ? {
+    removeClippedSubviews: false
+  } : {}, {
+    // Disable clipping on Android to fix focus losing. See https://github.com/wordpress-mobile/gutenberg-mobile/pull/741#issuecomment-472746541
+    accessibilityLabel: "block-list",
+    innerRef: ref => {
+      scrollViewRef.current = ref;
+    },
+    extraScrollHeight: extraScrollHeight,
+    keyboardShouldPersistTaps: "always",
+    scrollViewStyle: {
+      flex: 1
+    },
+    extraData: getExtraData(),
+    scrollEnabled: isRootList,
+    contentContainerStyle: [horizontal && _style.default.horizontalContentContainer, isWider(blockWidth, 'medium') && (isContentStretch && isMultiBlocks ? _style.default.horizontalContentContainerStretch : _style.default.horizontalContentContainerCenter)],
+    data: blockClientIds,
+    keyExtractor: identity,
+    renderItem: renderItem,
+    CellRendererComponent: _blockListItemCell.default,
+    shouldPreventAutomaticScroll: shouldFlatListPreventAutomaticScroll,
+    ListHeaderComponent: header,
+    ListEmptyComponent: !isReadOnly && (0, _element.createElement)(EmptyList, {
+      orientation: orientation,
+      rootClientId: rootClientId,
+      renderAppender: renderAppender,
+      renderFooterAppender: renderFooterAppender
+    }),
+    ListFooterComponent: (0, _element.createElement)(Footer, {
+      addBlockToEndOfPost: addBlockToEndOfPost,
+      isReadOnly: isReadOnly,
+      renderFooterAppender: renderFooterAppender,
+      withFooter: withFooter
+    }),
+    onScroll: onScroll
+  })))) : (0, _element.createElement)(_element.Fragment, null, blockClientIds.length > 0 ? (0, _element.createElement)(_reactNative.View, {
+    style: [{
+      flex: 0
+    }, _style.default.overflowVisible]
+  }, (0, _element.createElement)(_reactNative.View, {
+    style: [...getStyles(isStackedHorizontally, horizontalAlignment), horizontal && _style.default.horizontalContentContainer]
+  }, blockClientIds.map((currentClientId, index) => {
+    return (0, _element.createElement)(_reactNative.View, {
+      key: currentClientId
+    }, renderItem({
+      item: currentClientId,
+      index
+    }));
+  }), (0, _element.createElement)(Footer, {
+    addBlockToEndOfPost: addBlockToEndOfPost,
+    isReadOnly: isReadOnly,
+    renderFooterAppender: renderFooterAppender,
+    withFooter: withFooter
+  }))) : (0, _element.createElement)(EmptyList, {
+    orientation: orientation,
+    rootClientId: rootClientId,
+    renderAppender: renderAppender,
+    renderFooterAppender: renderFooterAppender
+  })), shouldShowInnerBlockAppender() && (0, _element.createElement)(_reactNative.View, {
+    style: {
+      marginHorizontal: marginHorizontal - _style.default.innerAppender.marginLeft
+    }
+  }, (0, _element.createElement)(_blockListAppender.default, {
+    rootClientId: rootClientId,
+    renderAppender: renderAppender,
+    showSeparator: true
+  })));
 }
-function Footer(_ref6) {
-  let {
-    addBlockToEndOfPost,
-    isReadOnly,
-    renderFooterAppender,
-    withFooter
-  } = _ref6;
+function Footer({
+  addBlockToEndOfPost,
+  isReadOnly,
+  renderFooterAppender,
+  withFooter
+}) {
   if (!isReadOnly && withFooter) {
     return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
       accessibilityLabel: (0, _i18n.__)('Add paragraph block'),
@@ -341,19 +329,18 @@ function Footer(_ref6) {
       style: _style.default.blockListFooter
     })));
   } else if (renderFooterAppender) {
-    return renderFooterAppender();
+    return (0, _element.createElement)(_reactNative.View, null, renderFooterAppender());
   }
   return null;
 }
-function EmptyList(_ref7) {
-  let {
-    orientation,
-    renderAppender,
-    renderFooterAppender,
-    rootClientId
-  } = _ref7;
+function EmptyList({
+  orientation,
+  renderAppender,
+  renderFooterAppender,
+  rootClientId
+}) {
   const {
     shouldShowInsertionPoint
   } = (0, _data.useSelect)(select => {
@@ -372,19 +359,22 @@ function EmptyList(_ref7) {
       !blockClientIds[insertionPoint.index])
     };
   });
+  const align = renderAppender ? _components.WIDE_ALIGNMENTS.alignments.full : undefined;
+  const [wrapperStyles] = (0, _useEditorWrapperStyles.useEditorWrapperStyles)({
+    align
+  });
   if (renderFooterAppender || renderAppender === false) {
     return null;
   }
+  const containerStyles = [_style.default.defaultAppender, wrapperStyles];
   return (0, _element.createElement)(_reactNative.View, {
-    style: _style.default.defaultAppender
-  }, (0, _element.createElement)(_components.ReadableContentView, {
-    align: renderAppender ? _components.WIDE_ALIGNMENTS.alignments.full : undefined
+    style: containerStyles
   }, (0, _element.createElement)(_blockListAppender.default, {
     rootClientId: rootClientId,
     renderAppender: renderAppender,
     showSeparator: shouldShowInsertionPoint
-  })));
+  }));
 }
 //# sourceMappingURL=index.native.js.map

package/build/components/block-list/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/block-editor/src/components/block-list/index.native.js"],"names":["identity","x","stylesMemo","getStyles","isRootList","isStackedHorizontally","horizontalAlignment","styleName","computedStyles","styles","horizontal","overflowVisible","BlockList","blockWidth","initialBlockWidth","contentResizeMode","contentStyle","filterInnerBlocks","gridProperties","header","marginHorizontal","defaultBlock","marginLeft","marginVertical","marginTop","onAddBlock","onDeleteBlock","orientation","parentWidth","renderAppender","renderFooterAppender","rootClientId","title","withFooter","blockClientIds","blockCount","blockInsertionPointIsVisible","isReadOnly","isFloatingToolbarVisible","maxWidth","isRTL","select","getBlockCount","getBlockHierarchyRootClientId","getBlockOrder","getSelectedBlockClientId","isBlockInsertionPointVisible","getSettings","blockEditorStore","selectedBlockClientId","rootBlockId","blockOrder","isRTLSetting","maxWidthSetting","readOnly","Platform","OS","undefined","insertBlock","clearSelectedBlock","extraData","setBlockWidth","addBlockToEndOfPost","newBlock","scrollViewRef","shouldFlatListPreventAutomaticScroll","shouldShowInnerBlockAppender","length","getExtraData","current","onLayout","nativeEvent","layout","layoutWidth","Math","floor","width","min","renderList","extraProps","parentScrollRef","onScroll","blockToolbar","headerToolbar","floatingToolbar","containerStyle","flex","isContentStretch","isMultiBlocks","isWider","alignmentHelpers","extraScrollHeight","height","scrollViewStyle","removeClippedSubviews","ref","horizontalContentContainer","horizontalContentContainerStretch","horizontalContentContainerCenter","renderItem","BlockListItemCell","innerAppender","item","clientId","index","isGridItem","gridItemProps","numOfColumns","numColumns","tileCount","tileIndex","indexOf","blockList","DEFAULT_BLOCK_LIST_CONTEXT","scrollRef","Footer","paragraphBlock","blockListFooter","EmptyList","shouldShowInsertionPoint","getBlockInsertionPoint","insertionPoint","defaultAppender","WIDE_ALIGNMENTS","alignments","full"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { View, Platform, TouchableWithoutFeedback } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { useRef, useState } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tKeyboardAwareFlatList,\n\tReadableContentView,\n\tWIDE_ALIGNMENTS,\n\talignmentHelpers,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\nimport BlockListAppender from '../block-list-appender';\nimport BlockListItem from './block-list-item';\nimport BlockListItemCell from './block-list-item-cell';\nimport {\n\tBlockListProvider,\n\tBlockListConsumer,\n\tDEFAULT_BLOCK_LIST_CONTEXT,\n} from './block-list-context';\nimport { BlockDraggableWrapper } from '../block-draggable';\nimport { store as blockEditorStore } from '../../store';\n\nconst identity = ( x ) => x;\n\nconst stylesMemo = {};\nconst getStyles = (\n\tisRootList,\n\tisStackedHorizontally,\n\thorizontalAlignment\n) => {\n\tif ( isRootList ) {\n\t\treturn;\n\t}\n\tconst styleName = `${ isStackedHorizontally }-${ horizontalAlignment }`;\n\tif ( stylesMemo[ styleName ] ) {\n\t\treturn stylesMemo[ styleName ];\n\t}\n\tconst computedStyles = [\n\t\tisStackedHorizontally && styles.horizontal,\n\t\thorizontalAlignment && styles[ `is-aligned-${ horizontalAlignment }` ],\n\t\tstyles.overflowVisible,\n\t];\n\tstylesMemo[ styleName ] = computedStyles;\n\treturn computedStyles;\n};\n\nexport default function BlockList( {\n\tblockWidth: initialBlockWidth,\n\tcontentResizeMode,\n\tcontentStyle,\n\tfilterInnerBlocks,\n\tgridProperties,\n\theader,\n\thorizontal,\n\thorizontalAlignment,\n\tmarginHorizontal = styles.defaultBlock.marginLeft,\n\tmarginVertical = styles.defaultBlock.marginTop,\n\tonAddBlock,\n\tonDeleteBlock,\n\torientation,\n\tparentWidth,\n\trenderAppender,\n\trenderFooterAppender,\n\trootClientId,\n\ttitle,\n\twithFooter = true,\n} ) {\n\tconst {\n\t\tblockClientIds,\n\t\tblockCount,\n\t\tblockInsertionPointIsVisible,\n\t\tisReadOnly,\n\t\tisRootList,\n\t\tisFloatingToolbarVisible,\n\t\tisStackedHorizontally,\n\t\tmaxWidth,\n\t\tisRTL,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockHierarchyRootClientId,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetSettings,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\t\tconst rootBlockId = getBlockHierarchyRootClientId(\n\t\t\t\tselectedBlockClientId\n\t\t\t);\n\n\t\t\tlet blockOrder = getBlockOrder( rootClientId );\n\t\t\t// Display only block which fulfill the condition in passed `filterInnerBlocks` function.\n\t\t\tif ( filterInnerBlocks ) {\n\t\t\t\tblockOrder = filterInnerBlocks( blockOrder );\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tisRTL: isRTLSetting,\n\t\t\t\tmaxWidth: maxWidthSetting,\n\t\t\t\treadOnly,\n\t\t\t} = getSettings();\n\n\t\t\treturn {\n\t\t\t\tblockClientIds: blockOrder,\n\t\t\t\tblockCount: getBlockCount(),\n\t\t\t\tblockInsertionPointIsVisible:\n\t\t\t\t\tPlatform.OS === 'ios' && isBlockInsertionPointVisible(),\n\t\t\t\tisReadOnly: readOnly,\n\t\t\t\tisRootList: rootClientId === undefined,\n\t\t\t\tisFloatingToolbarVisible:\n\t\t\t\t\t!! selectedBlockClientId && !! getBlockCount( rootBlockId ),\n\t\t\t\tisStackedHorizontally: orientation === 'horizontal',\n\t\t\t\tmaxWidth: maxWidthSetting,\n\t\t\t\tisRTL: isRTLSetting,\n\t\t\t};\n\t\t},\n\t\t[ filterInnerBlocks, orientation, rootClientId ]\n\t);\n\n\tconst { insertBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst extraData = useRef( {\n\t\tparentWidth,\n\t\trenderFooterAppender,\n\t\trenderAppender,\n\t\tonDeleteBlock,\n\t\tcontentStyle,\n\t} );\n\n\tconst [ blockWidth, setBlockWidth ] = useState( initialBlockWidth \|\| 0 );\n\n\tconst addBlockToEndOfPost = ( newBlock ) => {\n\t\tinsertBlock( newBlock, blockCount );\n\t};\n\n\tconst scrollViewRef = useRef( null );\n\n\tconst shouldFlatListPreventAutomaticScroll = () =>\n\t\tblockInsertionPointIsVisible;\n\n\tconst shouldShowInnerBlockAppender = () =>\n\t\trenderAppender && blockClientIds.length > 0;\n\n\tconst getExtraData = () => {\n\t\tif (\n\t\t\textraData.current.parentWidth !== parentWidth \|\|\n\t\t\textraData.current.renderFooterAppender !== renderFooterAppender \|\|\n\t\t\textraData.current.onDeleteBlock !== onDeleteBlock \|\|\n\t\t\textraData.current.contentStyle !== contentStyle \|\|\n\t\t\textraData.current.renderAppender !== renderAppender \|\|\n\t\t\textraData.current.blockWidth !== blockWidth \|\|\n\t\t\textraData.current.gridProperties !== gridProperties\n\t\t) {\n\t\t\textraData.current = {\n\t\t\t\tparentWidth,\n\t\t\t\trenderFooterAppender,\n\t\t\t\tonDeleteBlock,\n\t\t\t\tcontentStyle,\n\t\t\t\trenderAppender,\n\t\t\t\tblockWidth,\n\t\t\t\tgridProperties,\n\t\t\t};\n\t\t}\n\t\treturn extraData.current;\n\t};\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tconst { layout } = nativeEvent;\n\n\t\tconst layoutWidth = Math.floor( layout.width );\n\t\tif ( isRootList && blockWidth !== layoutWidth ) {\n\t\t\tsetBlockWidth( Math.min( layoutWidth, maxWidth ) );\n\t\t} else if ( ! isRootList && ! blockWidth ) {\n\t\t\tsetBlockWidth( Math.min( layoutWidth, maxWidth ) );\n\t\t}\n\t};\n\n\tconst renderList = ( extraProps = {} ) => {\n\t\tconst { parentScrollRef, onScroll } = extraProps;\n\n\t\tconst { blockToolbar, headerToolbar, floatingToolbar } = styles;\n\n\t\tconst containerStyle = {\n\t\t\tflex: isRootList ? 1 : 0,\n\t\t\t// We set negative margin in the parent to remove the edge spacing between parent block and child block in ineer blocks.\n\t\t\tmarginVertical: isRootList ? 0 : -marginVertical,\n\t\t\tmarginHorizontal: isRootList ? 0 : -marginHorizontal,\n\t\t};\n\n\t\tconst isContentStretch = contentResizeMode === 'stretch';\n\t\tconst isMultiBlocks = blockClientIds.length > 1;\n\t\tconst { isWider } = alignmentHelpers;\n\t\tconst extraScrollHeight =\n\t\t\theaderToolbar.height +\n\t\t\tblockToolbar.height +\n\t\t\t( isFloatingToolbarVisible ? floatingToolbar.height : 0 );\n\n\t\tconst scrollViewStyle = [\n\t\t\t{ flex: isRootList ? 1 : 0 },\n\t\t\t! isRootList && styles.overflowVisible,\n\t\t];\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ containerStyle }\n\t\t\t\tonAccessibilityEscape={ clearSelectedBlock }\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID=\"block-list-wrapper\"\n\t\t\t>\n\t\t\t\t<KeyboardAwareFlatList\n\t\t\t\t\t{ ...( Platform.OS === 'android'\n\t\t\t\t\t\t? { removeClippedSubviews: false }\n\t\t\t\t\t\t: {} ) } // Disable clipping on Android to fix focus losing. See https://github.com/wordpress-mobile/gutenberg-mobile/pull/741#issuecomment-472746541\n\t\t\t\t\taccessibilityLabel=\"block-list\"\n\t\t\t\t\tinnerRef={ ( ref ) => {\n\t\t\t\t\t\tscrollViewRef.current = parentScrollRef \|\| ref;\n\t\t\t\t\t} }\n\t\t\t\t\textraScrollHeight={ extraScrollHeight }\n\t\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\t\tscrollViewStyle={ scrollViewStyle }\n\t\t\t\t\textraData={ getExtraData() }\n\t\t\t\t\tscrollEnabled={ isRootList }\n\t\t\t\t\tcontentContainerStyle={ [\n\t\t\t\t\t\thorizontal && styles.horizontalContentContainer,\n\t\t\t\t\t\tisWider( blockWidth, 'medium' ) &&\n\t\t\t\t\t\t\t( isContentStretch && isMultiBlocks\n\t\t\t\t\t\t\t\t? styles.horizontalContentContainerStretch\n\t\t\t\t\t\t\t\t: styles.horizontalContentContainerCenter ),\n\t\t\t\t\t] }\n\t\t\t\t\tstyle={ getStyles(\n\t\t\t\t\t\tisRootList,\n\t\t\t\t\t\tisStackedHorizontally,\n\t\t\t\t\t\thorizontalAlignment\n\t\t\t\t\t) }\n\t\t\t\t\tdata={ blockClientIds }\n\t\t\t\t\tkeyExtractor={ identity }\n\t\t\t\t\tlistKey={\n\t\t\t\t\t\trootClientId ? `list-${ rootClientId }` : 'list-root'\n\t\t\t\t\t}\n\t\t\t\t\trenderItem={ renderItem }\n\t\t\t\t\tCellRendererComponent={ BlockListItemCell }\n\t\t\t\t\tshouldPreventAutomaticScroll={\n\t\t\t\t\t\tshouldFlatListPreventAutomaticScroll\n\t\t\t\t\t}\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tListHeaderComponent={ header }\n\t\t\t\t\tListEmptyComponent={\n\t\t\t\t\t\t! isReadOnly && (\n\t\t\t\t\t\t\t<EmptyList\n\t\t\t\t\t\t\t\torientation={ orientation }\n\t\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t\t\t\trenderFooterAppender={ renderFooterAppender }\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\tListFooterComponent={\n\t\t\t\t\t\t<Footer\n\t\t\t\t\t\t\taddBlockToEndOfPost={ addBlockToEndOfPost }\n\t\t\t\t\t\t\tisReadOnly={ isReadOnly }\n\t\t\t\t\t\t\trenderFooterAppender={ renderFooterAppender }\n\t\t\t\t\t\t\twithFooter={ withFooter }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t\tonScroll={ onScroll }\n\t\t\t\t/>\n\t\t\t\t{ shouldShowInnerBlockAppender() && (\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\tmarginHorizontal:\n\t\t\t\t\t\t\t\tmarginHorizontal -\n\t\t\t\t\t\t\t\tstyles.innerAppender.marginLeft,\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<BlockListAppender\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t\t\tshowSeparator\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t);\n\t};\n\n\tconst renderItem = ( { item: clientId, index } ) => {\n\t\t// Extracting the grid item properties here to avoid\n\t\t// re-renders in the blockListItem component.\n\t\tconst isGridItem = !! gridProperties;\n\t\tconst gridItemProps = gridProperties && {\n\t\t\tnumOfColumns: gridProperties.numColumns,\n\t\t\ttileCount: blockClientIds.length,\n\t\t\ttileIndex: blockClientIds.indexOf( clientId ),\n\t\t};\n\t\treturn (\n\t\t\t<BlockListItem\n\t\t\t\tindex={ index }\n\t\t\t\tisStackedHorizontally={ isStackedHorizontally }\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\tcontentResizeMode={ contentResizeMode }\n\t\t\t\tcontentStyle={ contentStyle }\n\t\t\t\tonAddBlock={ onAddBlock }\n\t\t\t\tmarginVertical={ marginVertical }\n\t\t\t\tmarginHorizontal={ marginHorizontal }\n\t\t\t\tonDeleteBlock={ onDeleteBlock }\n\t\t\t\tshouldShowInnerBlockAppender={ shouldShowInnerBlockAppender }\n\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\tisGridItem={ isGridItem }\n\t\t\t\t{ ...gridItemProps }\n\t\t\t/>\n\t\t);\n\t};\n\n\t// Use of Context to propagate the main scroll ref to its children e.g InnerBlocks.\n\tconst blockList = isRootList ? (\n\t\t<BlockListProvider\n\t\t\tvalue={ {\n\t\t\t\t...DEFAULT_BLOCK_LIST_CONTEXT,\n\t\t\t\tscrollRef: scrollViewRef.current,\n\t\t\t} }\n\t\t>\n\t\t\t<BlockDraggableWrapper isRTL={ isRTL }>\n\t\t\t\t{ ( { onScroll } ) => renderList( { onScroll } ) }\n\t\t\t</BlockDraggableWrapper>\n\t\t</BlockListProvider>\n\t) : (\n\t\t<BlockListConsumer>\n\t\t\t{ ( { scrollRef } ) =>\n\t\t\t\trenderList( {\n\t\t\t\t\tparentScrollRef: scrollRef,\n\t\t\t\t} )\n\t\t\t}\n\t\t</BlockListConsumer>\n\t);\n\n\treturn blockList;\n}\n\nfunction Footer( {\n\taddBlockToEndOfPost,\n\tisReadOnly,\n\trenderFooterAppender,\n\twithFooter,\n} ) {\n\tif ( ! isReadOnly && withFooter ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessibilityLabel={ __( 'Add paragraph block' ) }\n\t\t\t\t\ttestID={ __( 'Add paragraph block' ) }\n\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\tconst paragraphBlock = createBlock( 'core/paragraph' );\n\t\t\t\t\t\taddBlockToEndOfPost( paragraphBlock );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.blockListFooter } />\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</>\n\t\t);\n\t} else if ( renderFooterAppender ) {\n\t\treturn renderFooterAppender();\n\t}\n\n\treturn null;\n}\n\nfunction EmptyList( {\n\torientation,\n\trenderAppender,\n\trenderFooterAppender,\n\trootClientId,\n} ) {\n\tconst { shouldShowInsertionPoint } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockInsertionPoint,\n\t\t\tisBlockInsertionPointVisible,\n\t\t} = select( blockEditorStore );\n\n\t\tconst isStackedHorizontally = orientation === 'horizontal';\n\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\tconst blockInsertionPointIsVisible = isBlockInsertionPointVisible();\n\n\t\treturn {\n\t\t\tshouldShowInsertionPoint:\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\t! blockClientIds[ insertionPoint.index ] ),\n\t\t};\n\t} );\n\n\tif ( renderFooterAppender \|\| renderAppender === false ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ styles.defaultAppender }>\n\t\t\t<ReadableContentView\n\t\t\t\talign={\n\t\t\t\t\trenderAppender ? WIDE_ALIGNMENTS.alignments.full : undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<BlockListAppender\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\tshowSeparator={ shouldShowInsertionPoint }\n\t\t\t\t/>\n\t\t\t</ReadableContentView>\n\t\t</View>\n\t);\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/block-editor/src/components/block-list/index.native.js"],"names":["identity","x","stylesMemo","getStyles","isStackedHorizontally","horizontalAlignment","styleName","computedStyles","styles","horizontal","overflowVisible","BlockList","blockWidth","initialBlockWidth","contentResizeMode","contentStyle","filterInnerBlocks","gridProperties","header","marginHorizontal","defaultBlock","marginLeft","marginVertical","marginTop","onAddBlock","onDeleteBlock","orientation","parentWidth","renderAppender","renderFooterAppender","rootClientId","withFooter","blockClientIds","blockCount","blockInsertionPointIsVisible","isReadOnly","isRootList","isFloatingToolbarVisible","maxWidth","isRTL","select","getBlockCount","getBlockHierarchyRootClientId","getBlockOrder","getSelectedBlockClientId","isBlockInsertionPointVisible","getSettings","blockEditorStore","selectedBlockClientId","rootBlockId","blockOrder","isRTLSetting","maxWidthSetting","readOnly","Platform","OS","undefined","insertBlock","clearSelectedBlock","extraData","setBlockWidth","addBlockToEndOfPost","newBlock","scrollViewRef","shouldFlatListPreventAutomaticScroll","shouldShowInnerBlockAppender","length","getExtraData","current","onLayout","nativeEvent","layout","layoutWidth","Math","floor","width","min","renderItem","item","clientId","index","isGridItem","gridItemProps","numOfColumns","numColumns","tileCount","tileIndex","indexOf","blockToolbar","headerToolbar","floatingToolbar","containerStyle","flex","isContentStretch","isMultiBlocks","isWider","alignmentHelpers","extraScrollHeight","height","DEFAULT_BLOCK_LIST_CONTEXT","scrollRef","onScroll","removeClippedSubviews","ref","horizontalContentContainer","horizontalContentContainerStretch","horizontalContentContainerCenter","BlockListItemCell","map","currentClientId","innerAppender","Footer","paragraphBlock","blockListFooter","EmptyList","shouldShowInsertionPoint","getBlockInsertionPoint","insertionPoint","align","WIDE_ALIGNMENTS","alignments","full","wrapperStyles","containerStyles","defaultAppender"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { View, Platform, TouchableWithoutFeedback } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { useRef, useState } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tKeyboardAwareFlatList,\n\tWIDE_ALIGNMENTS,\n\talignmentHelpers,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\nimport BlockListAppender from '../block-list-appender';\nimport BlockListItem from './block-list-item';\nimport BlockListItemCell from './block-list-item-cell';\nimport {\n\tBlockListProvider,\n\tDEFAULT_BLOCK_LIST_CONTEXT,\n} from './block-list-context';\nimport { BlockDraggableWrapper } from '../block-draggable';\nimport { useEditorWrapperStyles } from '../../hooks/use-editor-wrapper-styles';\nimport { store as blockEditorStore } from '../../store';\n\nconst identity = ( x ) => x;\n\nconst stylesMemo = {};\nconst getStyles = ( isStackedHorizontally, horizontalAlignment ) => {\n\tconst styleName = `${ isStackedHorizontally }-${ horizontalAlignment }`;\n\tif ( stylesMemo[ styleName ] ) {\n\t\treturn stylesMemo[ styleName ];\n\t}\n\tconst computedStyles = [\n\t\tisStackedHorizontally && styles.horizontal,\n\t\thorizontalAlignment && styles[ `is-aligned-${ horizontalAlignment }` ],\n\t\tstyles.overflowVisible,\n\t];\n\tstylesMemo[ styleName ] = computedStyles;\n\treturn computedStyles;\n};\n\nexport default function BlockList( {\n\tblockWidth: initialBlockWidth,\n\tcontentResizeMode,\n\tcontentStyle,\n\tfilterInnerBlocks,\n\tgridProperties,\n\theader,\n\thorizontal,\n\thorizontalAlignment,\n\tmarginHorizontal = styles.defaultBlock.marginLeft,\n\tmarginVertical = styles.defaultBlock.marginTop,\n\tonAddBlock,\n\tonDeleteBlock,\n\torientation,\n\tparentWidth,\n\trenderAppender,\n\trenderFooterAppender,\n\trootClientId,\n\twithFooter = true,\n} ) {\n\tconst {\n\t\tblockClientIds,\n\t\tblockCount,\n\t\tblockInsertionPointIsVisible,\n\t\tisReadOnly,\n\t\tisRootList,\n\t\tisFloatingToolbarVisible,\n\t\tisStackedHorizontally,\n\t\tmaxWidth,\n\t\tisRTL,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetBlockHierarchyRootClientId,\n\t\t\t\tgetBlockOrder,\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetSettings,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\t\tconst rootBlockId = getBlockHierarchyRootClientId(\n\t\t\t\tselectedBlockClientId\n\t\t\t);\n\n\t\t\tlet blockOrder = getBlockOrder( rootClientId );\n\t\t\t// Display only block which fulfill the condition in passed `filterInnerBlocks` function.\n\t\t\tif ( filterInnerBlocks ) {\n\t\t\t\tblockOrder = filterInnerBlocks( blockOrder );\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tisRTL: isRTLSetting,\n\t\t\t\tmaxWidth: maxWidthSetting,\n\t\t\t\treadOnly,\n\t\t\t} = getSettings();\n\n\t\t\treturn {\n\t\t\t\tblockClientIds: blockOrder,\n\t\t\t\tblockCount: getBlockCount(),\n\t\t\t\tblockInsertionPointIsVisible:\n\t\t\t\t\tPlatform.OS === 'ios' && isBlockInsertionPointVisible(),\n\t\t\t\tisReadOnly: readOnly,\n\t\t\t\tisRootList: rootClientId === undefined,\n\t\t\t\tisFloatingToolbarVisible:\n\t\t\t\t\t!! selectedBlockClientId && !! getBlockCount( rootBlockId ),\n\t\t\t\tisStackedHorizontally: orientation === 'horizontal',\n\t\t\t\tmaxWidth: maxWidthSetting,\n\t\t\t\tisRTL: isRTLSetting,\n\t\t\t};\n\t\t},\n\t\t[ filterInnerBlocks, orientation, rootClientId ]\n\t);\n\n\tconst { insertBlock, clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tconst extraData = useRef( {\n\t\tparentWidth,\n\t\trenderFooterAppender,\n\t\trenderAppender,\n\t\tonDeleteBlock,\n\t\tcontentStyle,\n\t} );\n\n\tconst [ blockWidth, setBlockWidth ] = useState( initialBlockWidth \|\| 0 );\n\n\tconst addBlockToEndOfPost = ( newBlock ) => {\n\t\tinsertBlock( newBlock, blockCount );\n\t};\n\n\tconst scrollViewRef = useRef( null );\n\n\tconst shouldFlatListPreventAutomaticScroll = () =>\n\t\tblockInsertionPointIsVisible;\n\n\tconst shouldShowInnerBlockAppender = () =>\n\t\trenderAppender && blockClientIds.length > 0;\n\n\tconst getExtraData = () => {\n\t\tif (\n\t\t\textraData.current.parentWidth !== parentWidth \|\|\n\t\t\textraData.current.renderFooterAppender !== renderFooterAppender \|\|\n\t\t\textraData.current.onDeleteBlock !== onDeleteBlock \|\|\n\t\t\textraData.current.contentStyle !== contentStyle \|\|\n\t\t\textraData.current.renderAppender !== renderAppender \|\|\n\t\t\textraData.current.blockWidth !== blockWidth \|\|\n\t\t\textraData.current.gridProperties !== gridProperties\n\t\t) {\n\t\t\textraData.current = {\n\t\t\t\tparentWidth,\n\t\t\t\trenderFooterAppender,\n\t\t\t\tonDeleteBlock,\n\t\t\t\tcontentStyle,\n\t\t\t\trenderAppender,\n\t\t\t\tblockWidth,\n\t\t\t\tgridProperties,\n\t\t\t};\n\t\t}\n\t\treturn extraData.current;\n\t};\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tconst { layout } = nativeEvent;\n\n\t\tconst layoutWidth = Math.floor( layout.width );\n\t\tif ( isRootList && blockWidth !== layoutWidth ) {\n\t\t\tsetBlockWidth( Math.min( layoutWidth, maxWidth ) );\n\t\t} else if ( ! isRootList && ! blockWidth ) {\n\t\t\tsetBlockWidth( Math.min( layoutWidth, maxWidth ) );\n\t\t}\n\t};\n\n\tconst renderItem = ( { item: clientId, index } ) => {\n\t\t// Extracting the grid item properties here to avoid\n\t\t// re-renders in the blockListItem component.\n\t\tconst isGridItem = !! gridProperties;\n\t\tconst gridItemProps = gridProperties && {\n\t\t\tnumOfColumns: gridProperties.numColumns,\n\t\t\ttileCount: blockClientIds.length,\n\t\t\ttileIndex: blockClientIds.indexOf( clientId ),\n\t\t};\n\t\treturn (\n\t\t\t<BlockListItem\n\t\t\t\tindex={ index }\n\t\t\t\tisStackedHorizontally={ isStackedHorizontally }\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tparentWidth={ parentWidth }\n\t\t\t\tcontentResizeMode={ contentResizeMode }\n\t\t\t\tcontentStyle={ contentStyle }\n\t\t\t\tonAddBlock={ onAddBlock }\n\t\t\t\tmarginVertical={ marginVertical }\n\t\t\t\tmarginHorizontal={ marginHorizontal }\n\t\t\t\tonDeleteBlock={ onDeleteBlock }\n\t\t\t\tshouldShowInnerBlockAppender={ shouldShowInnerBlockAppender }\n\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\tisGridItem={ isGridItem }\n\t\t\t\t{ ...gridItemProps }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst { blockToolbar, headerToolbar, floatingToolbar } = styles;\n\n\tconst containerStyle = {\n\t\tflex: isRootList ? 1 : 0,\n\t\t// We set negative margin in the parent to remove the edge spacing between parent block and child block in ineer blocks.\n\t\tmarginVertical: isRootList ? 0 : -marginVertical,\n\t\tmarginHorizontal: isRootList ? 0 : -marginHorizontal,\n\t};\n\n\tconst isContentStretch = contentResizeMode === 'stretch';\n\tconst isMultiBlocks = blockClientIds.length > 1;\n\tconst { isWider } = alignmentHelpers;\n\tconst extraScrollHeight =\n\t\theaderToolbar.height +\n\t\tblockToolbar.height +\n\t\t( isFloatingToolbarVisible ? floatingToolbar.height : 0 );\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ containerStyle }\n\t\t\tonAccessibilityEscape={ clearSelectedBlock }\n\t\t\tonLayout={ onLayout }\n\t\t\ttestID=\"block-list-wrapper\"\n\t\t>\n\t\t\t{ isRootList ? (\n\t\t\t\t<BlockListProvider\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t...DEFAULT_BLOCK_LIST_CONTEXT,\n\t\t\t\t\t\tscrollRef: scrollViewRef.current,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<BlockDraggableWrapper isRTL={ isRTL }>\n\t\t\t\t\t\t{ ( { onScroll } ) => (\n\t\t\t\t\t\t\t<KeyboardAwareFlatList\n\t\t\t\t\t\t\t\t{ ...( Platform.OS === 'android'\n\t\t\t\t\t\t\t\t\t? { removeClippedSubviews: false }\n\t\t\t\t\t\t\t\t\t: {} ) } // Disable clipping on Android to fix focus losing. See https://github.com/wordpress-mobile/gutenberg-mobile/pull/741#issuecomment-472746541\n\t\t\t\t\t\t\t\taccessibilityLabel=\"block-list\"\n\t\t\t\t\t\t\t\tinnerRef={ ( ref ) => {\n\t\t\t\t\t\t\t\t\tscrollViewRef.current = ref;\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\textraScrollHeight={ extraScrollHeight }\n\t\t\t\t\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\t\t\t\t\tscrollViewStyle={ { flex: 1 } }\n\t\t\t\t\t\t\t\textraData={ getExtraData() }\n\t\t\t\t\t\t\t\tscrollEnabled={ isRootList }\n\t\t\t\t\t\t\t\tcontentContainerStyle={ [\n\t\t\t\t\t\t\t\t\thorizontal &&\n\t\t\t\t\t\t\t\t\t\tstyles.horizontalContentContainer,\n\t\t\t\t\t\t\t\t\tisWider( blockWidth, 'medium' ) &&\n\t\t\t\t\t\t\t\t\t\t( isContentStretch && isMultiBlocks\n\t\t\t\t\t\t\t\t\t\t\t? styles.horizontalContentContainerStretch\n\t\t\t\t\t\t\t\t\t\t\t: styles.horizontalContentContainerCenter ),\n\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\tdata={ blockClientIds }\n\t\t\t\t\t\t\t\tkeyExtractor={ identity }\n\t\t\t\t\t\t\t\trenderItem={ renderItem }\n\t\t\t\t\t\t\t\tCellRendererComponent={ BlockListItemCell }\n\t\t\t\t\t\t\t\tshouldPreventAutomaticScroll={\n\t\t\t\t\t\t\t\t\tshouldFlatListPreventAutomaticScroll\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tListHeaderComponent={ header }\n\t\t\t\t\t\t\t\tListEmptyComponent={\n\t\t\t\t\t\t\t\t\t! isReadOnly && (\n\t\t\t\t\t\t\t\t\t\t<EmptyList\n\t\t\t\t\t\t\t\t\t\t\torientation={ orientation }\n\t\t\t\t\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t\t\t\t\t\t\trenderFooterAppender={\n\t\t\t\t\t\t\t\t\t\t\t\trenderFooterAppender\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tListFooterComponent={\n\t\t\t\t\t\t\t\t\t<Footer\n\t\t\t\t\t\t\t\t\t\taddBlockToEndOfPost={\n\t\t\t\t\t\t\t\t\t\t\taddBlockToEndOfPost\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tisReadOnly={ isReadOnly }\n\t\t\t\t\t\t\t\t\t\trenderFooterAppender={\n\t\t\t\t\t\t\t\t\t\t\trenderFooterAppender\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\twithFooter={ withFooter }\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\tonScroll={ onScroll }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</BlockDraggableWrapper>\n\t\t\t\t</BlockListProvider>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{ blockClientIds.length > 0 ? (\n\t\t\t\t\t\t<View style={ [ { flex: 0 }, styles.overflowVisible ] }>\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t...getStyles(\n\t\t\t\t\t\t\t\t\t\tisStackedHorizontally,\n\t\t\t\t\t\t\t\t\t\thorizontalAlignment\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\thorizontal &&\n\t\t\t\t\t\t\t\t\t\tstyles.horizontalContentContainer,\n\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ blockClientIds.map(\n\t\t\t\t\t\t\t\t\t( currentClientId, index ) => {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<View key={ currentClientId }>\n\t\t\t\t\t\t\t\t\t\t\t\t{ renderItem( {\n\t\t\t\t\t\t\t\t\t\t\t\t\titem: currentClientId,\n\t\t\t\t\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<Footer\n\t\t\t\t\t\t\t\t\taddBlockToEndOfPost={ addBlockToEndOfPost }\n\t\t\t\t\t\t\t\t\tisReadOnly={ isReadOnly }\n\t\t\t\t\t\t\t\t\trenderFooterAppender={\n\t\t\t\t\t\t\t\t\t\trenderFooterAppender\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\twithFooter={ withFooter }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<EmptyList\n\t\t\t\t\t\t\torientation={ orientation }\n\t\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t\t\trenderFooterAppender={ renderFooterAppender }\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\t{ shouldShowInnerBlockAppender() && (\n\t\t\t\t<View\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tmarginHorizontal:\n\t\t\t\t\t\t\tmarginHorizontal - styles.innerAppender.marginLeft,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<BlockListAppender\n\t\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\t\t\tshowSeparator\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n\nfunction Footer( {\n\taddBlockToEndOfPost,\n\tisReadOnly,\n\trenderFooterAppender,\n\twithFooter,\n} ) {\n\tif ( ! isReadOnly && withFooter ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessibilityLabel={ __( 'Add paragraph block' ) }\n\t\t\t\t\ttestID={ __( 'Add paragraph block' ) }\n\t\t\t\t\tonPress={ () => {\n\t\t\t\t\t\tconst paragraphBlock = createBlock( 'core/paragraph' );\n\t\t\t\t\t\taddBlockToEndOfPost( paragraphBlock );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.blockListFooter } />\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</>\n\t\t);\n\t} else if ( renderFooterAppender ) {\n\t\treturn <View>{ renderFooterAppender() }</View>;\n\t}\n\n\treturn null;\n}\n\nfunction EmptyList( {\n\torientation,\n\trenderAppender,\n\trenderFooterAppender,\n\trootClientId,\n} ) {\n\tconst { shouldShowInsertionPoint } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockOrder,\n\t\t\tgetBlockInsertionPoint,\n\t\t\tisBlockInsertionPointVisible,\n\t\t} = select( blockEditorStore );\n\n\t\tconst isStackedHorizontally = orientation === 'horizontal';\n\t\tconst blockClientIds = getBlockOrder( rootClientId );\n\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\tconst blockInsertionPointIsVisible = isBlockInsertionPointVisible();\n\n\t\treturn {\n\t\t\tshouldShowInsertionPoint:\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\t! blockClientIds[ insertionPoint.index ] ),\n\t\t};\n\t} );\n\tconst align = renderAppender ? WIDE_ALIGNMENTS.alignments.full : undefined;\n\tconst [ wrapperStyles ] = useEditorWrapperStyles( { align } );\n\n\tif ( renderFooterAppender \|\| renderAppender === false ) {\n\t\treturn null;\n\t}\n\n\tconst containerStyles = [ styles.defaultAppender, wrapperStyles ];\n\n\treturn (\n\t\t<View style={ containerStyles }>\n\t\t\t<BlockListAppender\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderAppender={ renderAppender }\n\t\t\t\tshowSeparator={ shouldShowInsertionPoint }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n"]}

package/build/components/block-list/insertion-point.native.js CHANGED Viewed

@@ -28,11 +28,10 @@ var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * Internal dependencies
  */
-const BlockInsertionPoint = _ref => {
-  let {
-    getStylesFromColorScheme,
-    testID
-  } = _ref;
+const BlockInsertionPoint = ({
+  getStylesFromColorScheme,
+  testID
+}) => {
   const lineStyle = getStylesFromColorScheme(_style.default.lineStyleAddHere, _style.default.lineStyleAddHereDark);
   const labelStyle = getStylesFromColorScheme(_style.default.labelStyleAddHere, _style.default.labelStyleAddHereDark);
   return (0, _element.createElement)(_reactNative.View, {

package/build/components/block-list/insertion-point.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/block-editor/src/components/block-list/insertion-point.native.js"],"names":["BlockInsertionPoint","getStylesFromColorScheme","testID","lineStyle","styles","lineStyleAddHere","lineStyleAddHereDark","labelStyle","labelStyleAddHere","labelStyleAddHereDark","containerStyleAddHere"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,MAAMA,mBAAmB,GAAG,~~QAA4C~~;~~AAAA,MAA1C;~~AAAEC,~~IAAAA~~,wBAAF;AAA4BC,~~IAAAA~~;AAA5B,~~GAA0C~~;AACvE,QAAMC,SAAS,GAAGF,wBAAwB,CACzCG,eAAOC,gBADkC,EAEzCD,eAAOE,oBAFkC,CAA1C;AAIA,QAAMC,UAAU,GAAGN,wBAAwB,CAC1CG,eAAOI,iBADmC,EAE1CJ,eAAOK,qBAFmC,CAA3C;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGL,eAAOM,qBAArB;AAA6C,IAAA,MAAM,EAAGR;AAAtD,KACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC;AAAd,IADD,EAEC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGI;AAAd,KAA6B,cAAI,gBAAJ,CAA7B,CAFD,EAGC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ;AAAd,IAHD,CADD;AAOA,CAjBD;;eAmBe,uCAA0BH,mBAA1B,C","sourcesContent":["/*\n External dependencies\n /\nimport { Text, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BlockInsertionPoint = ( { getStylesFromColorScheme, testID } ) => {\n\tconst lineStyle = getStylesFromColorScheme(\n\t\tstyles.lineStyleAddHere,\n\t\tstyles.lineStyleAddHereDark\n\t);\n\tconst labelStyle = getStylesFromColorScheme(\n\t\tstyles.labelStyleAddHere,\n\t\tstyles.labelStyleAddHereDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.containerStyleAddHere } testID={ testID }>\n\t\t\t<View style={ lineStyle }></View>\n\t\t\t<Text style={ labelStyle }>{ __( 'ADD BLOCK HERE' ) }</Text>\n\t\t\t<View style={ lineStyle }></View>\n\t\t</View>\n\t);\n};\n\nexport default withPreferredColorScheme( BlockInsertionPoint );\n"]}
1	+ {"version":3,"sources":["@wordpress/block-editor/src/components/block-list/insertion-point.native.js"],"names":["BlockInsertionPoint","getStylesFromColorScheme","testID","lineStyle","styles","lineStyleAddHere","lineStyleAddHereDark","labelStyle","labelStyleAddHere","labelStyleAddHereDark","containerStyleAddHere"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGA,MAAMA,mBAAmB,GAAG,CAAE;AAAEC,EAAAA,wBAAF;AAA4BC,EAAAA;AAA5B,CAAF,KAA4C;AACvE,QAAMC,SAAS,GAAGF,wBAAwB,CACzCG,eAAOC,gBADkC,EAEzCD,eAAOE,oBAFkC,CAA1C;AAIA,QAAMC,UAAU,GAAGN,wBAAwB,CAC1CG,eAAOI,iBADmC,EAE1CJ,eAAOK,qBAFmC,CAA3C;AAKA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGL,eAAOM,qBAArB;AAA6C,IAAA,MAAM,EAAGR;AAAtD,KACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC;AAAd,IADD,EAEC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGI;AAAd,KAA6B,cAAI,gBAAJ,CAA7B,CAFD,EAGC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGJ;AAAd,IAHD,CADD;AAOA,CAjBD;;eAmBe,uCAA0BH,mBAA1B,C","sourcesContent":["/*\n External dependencies\n /\nimport { Text, View } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport styles from './style.scss';\n\nconst BlockInsertionPoint = ( { getStylesFromColorScheme, testID } ) => {\n\tconst lineStyle = getStylesFromColorScheme(\n\t\tstyles.lineStyleAddHere,\n\t\tstyles.lineStyleAddHereDark\n\t);\n\tconst labelStyle = getStylesFromColorScheme(\n\t\tstyles.labelStyleAddHere,\n\t\tstyles.labelStyleAddHereDark\n\t);\n\n\treturn (\n\t\t<View style={ styles.containerStyleAddHere } testID={ testID }>\n\t\t\t<View style={ lineStyle }></View>\n\t\t\t<Text style={ labelStyle }>{ __( 'ADD BLOCK HERE' ) }</Text>\n\t\t\t<View style={ lineStyle }></View>\n\t\t</View>\n\t);\n};\n\nexport default withPreferredColorScheme( BlockInsertionPoint );\n"]}