@wordpress/block-library/build/paragraph/edit.native.js

Block library for the WordPress editor.

"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _reactNative = require("react-native");

var _i18n = require("@wordpress/i18n");

var _blocks = require("@wordpress/blocks");

var _blockEditor = require("@wordpress/block-editor");

var _style = _interopRequireDefault(require("./style.scss"));

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
var name = 'core/paragraph';

var ParagraphEdit =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2.default)(ParagraphEdit, _Component);

  function ParagraphEdit(props) {
    var _this;

    (0, _classCallCheck2.default)(this, ParagraphEdit);
    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(ParagraphEdit).call(this, props));
    _this.splitBlock = _this.splitBlock.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
    _this.onReplace = _this.onReplace.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
    _this.state = {
      aztecHeight: 0
    };
    return _this;
  }
  /**
   * Split handler for RichText value, namely when content is pasted or the
   * user presses the Enter key.
   *
   * @param {?Array}     before Optional before value, to be used as content
   *                            in place of what exists currently for the
   *                            block. If undefined, the block is deleted.
   * @param {?Array}     after  Optional after value, to be appended in a new
   *                            paragraph block to the set of blocks passed
   *                            as spread.
   * @param {...WPBlock} blocks Optional blocks inserted between the before
   *                            and after value blocks.
   */


  (0, _createClass2.default)(ParagraphEdit, [{
    key: "splitBlock",
    value: function splitBlock(before, after) {
      var _this$props = this.props,
          attributes = _this$props.attributes,
          insertBlocksAfter = _this$props.insertBlocksAfter,
          setAttributes = _this$props.setAttributes,
          onReplace = _this$props.onReplace;

      for (var _len = arguments.length, blocks = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
        blocks[_key - 2] = arguments[_key];
      }

      if (after !== null) {
        // Append "After" content as a new paragraph block to the end of
        // any other blocks being inserted after the current paragraph.
        var newBlock = (0, _blocks.createBlock)(name, {
          content: after
        });
        blocks.push(newBlock);
      }

      if (blocks.length && insertBlocksAfter) {
        insertBlocksAfter(blocks);
      }

      var content = attributes.content;

      if (before === null) {
        onReplace([]);
      } else if (content !== before) {
        // Only update content if it has in-fact changed. In case that user
        // has created a new paragraph at end of an existing one, the value
        // of before will be strictly equal to the current content.
        setAttributes({
          content: before
        });
      }
    }
  }, {
    key: "onReplace",
    value: function onReplace(blocks) {
      var _this$props2 = this.props,
          attributes = _this$props2.attributes,
          onReplace = _this$props2.onReplace;
      onReplace(blocks.map(function (block, index) {
        return index === 0 && block.name === name ? (0, _objectSpread2.default)({}, block, {
          attributes: (0, _objectSpread2.default)({}, attributes, block.attributes)
        }) : block;
      }));
    }
  }, {
    key: "render",
    value: function render() {
      var _this2 = this;

      var _this$props3 = this.props,
          attributes = _this$props3.attributes,
          setAttributes = _this$props3.setAttributes,
          mergeBlocks = _this$props3.mergeBlocks,
          style = _this$props3.style;
      var placeholder = attributes.placeholder,
          content = attributes.content;
      var minHeight = _style.default.blockText.minHeight;
      return (0, _element.createElement)(_reactNative.View, null, (0, _element.createElement)(_blockEditor.RichText, {
        tagName: "p",
        value: content,
        isSelected: this.props.isSelected,
        onFocus: this.props.onFocus // always assign onFocus as a props
        ,
        onBlur: this.props.onBlur // always assign onBlur as a props
        ,
        onCaretVerticalPositionChange: this.props.onCaretVerticalPositionChange,
        style: (0, _objectSpread2.default)({}, style, {
          minHeight: Math.max(minHeight, this.state.aztecHeight)
        }),
        onChange: function onChange(nextContent) {
          setAttributes({
            content: nextContent
          });
        },
        onSplit: this.splitBlock,
        onMerge: mergeBlocks,
        onReplace: this.onReplace,
        onContentSizeChange: function onContentSizeChange(event) {
          _this2.setState({
            aztecHeight: event.aztecHeight
          });
        },
        placeholder: placeholder || (0, _i18n.__)('Start writing…')
      }));
    }
  }]);
  return ParagraphEdit;
}(_element.Component);

var _default = ParagraphEdit;
exports.default = _default;
//# sourceMappingURL=edit.native.js.map