@wordpress/block-editor/build-module/components/block-list/block-list-item-cell.native.js

Generic block editor.

import { createElement } from "@wordpress/element";

/**
 * External dependencies
 */
import { View } from 'react-native';
/**
 * WordPress dependencies
 */

import { useEffect, useCallback } from '@wordpress/element';
import { useSelect } from '@wordpress/data';
/**
 * Internal dependencies
 */

import { useBlockListContext } from './block-list-context';
import { store as blockEditorStore } from '../../store';

function BlockListItemCell({
  children,
  item: clientId,
  onLayout
}) {
  const {
    blocksLayouts,
    updateBlocksLayouts
  } = useBlockListContext();
  const {
    rootClientId
  } = useSelect(select => {
    const {
      getBlockRootClientId
    } = select(blockEditorStore);
    return {
      rootClientId: getBlockRootClientId(clientId)
    };
  }, [clientId]);
  useEffect(() => {
    return () => {
      updateBlocksLayouts(blocksLayouts, {
        clientId,
        shouldRemove: true
      });
    };
  }, []);
  const onCellLayout = useCallback(event => {
    const {
      nativeEvent: {
        layout
      }
    } = event;
    updateBlocksLayouts(blocksLayouts, {
      clientId,
      rootClientId,
      ...layout
    });

    if (onLayout) {
      onLayout(event);
    }
  }, [clientId, rootClientId, updateBlocksLayouts, onLayout]);
  return createElement(View, {
    onLayout: onCellLayout
  }, children);
}

export default BlockListItemCell;
//# sourceMappingURL=block-list-item-cell.native.js.map