@gechiui/block-editor/build/components/default-block-appender/index.native.js

Generic block editor.

"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.DefaultBlockAppender = DefaultBlockAppender;
exports.default = void 0;

var _element = require("@gechiui/element");

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

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

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

var _compose = require("@gechiui/compose");

var _htmlEntities = require("@gechiui/html-entities");

var _data = require("@gechiui/data");

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

var _insertionPoint = _interopRequireDefault(require("../block-list/insertion-point"));

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

var _store = require("../../store");

/**
 * External dependencies
 */

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function DefaultBlockAppender(_ref) {
  let {
    isLocked,
    isVisible,
    onAppend,
    placeholder,
    containerStyle,
    showSeparator
  } = _ref;

  if (isLocked || !isVisible) {
    return null;
  }

  const value = typeof placeholder === 'string' ? (0, _htmlEntities.decodeEntities)(placeholder) : (0, _i18n.__)('Start writing…');
  return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
    onPress: onAppend
  }, (0, _element.createElement)(_reactNative.View, {
    style: [_style.default.blockHolder, showSeparator && containerStyle],
    pointerEvents: "box-only"
  }, showSeparator ? (0, _element.createElement)(_insertionPoint.default, null) : (0, _element.createElement)(_blockEditor.RichText, {
    placeholder: value,
    onChange: () => {}
  })));
}

var _default = (0, _compose.compose)((0, _data.withSelect)((select, ownProps) => {
  const {
    getBlockCount,
    getBlockName,
    isBlockValid,
    getTemplateLock
  } = select(_store.store);
  const isEmpty = !getBlockCount(ownProps.rootClientId);
  const isLastBlockDefault = getBlockName(ownProps.lastBlockClientId) === (0, _blocks.getDefaultBlockName)();
  const isLastBlockValid = isBlockValid(ownProps.lastBlockClientId);
  return {
    isVisible: isEmpty || !isLastBlockDefault || !isLastBlockValid,
    isLocked: !!getTemplateLock(ownProps.rootClientId)
  };
}), (0, _data.withDispatch)((dispatch, ownProps) => {
  const {
    insertDefaultBlock,
    startTyping
  } = dispatch(_store.store);
  return {
    onAppend() {
      const {
        rootClientId
      } = ownProps;
      insertDefaultBlock(undefined, rootClientId);
      startTyping();
    }

  };
}))(DefaultBlockAppender);

exports.default = _default;
//# sourceMappingURL=index.native.js.map