@lyra/form-builder/lib/Preview.js

Lyra form builder

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _PreviewAny = require('./utils/fallback-preview/PreviewAny');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

class Preview extends _react2.default.Component {

  render() {
    var _props = this.props;
    const type = _props.type,
          value = _props.value,
          layout = _props.layout;


    const PreviewComponent = this.context.formBuilder.resolvePreviewComponent(type);

    if (PreviewComponent) {
      return _react2.default.createElement(PreviewComponent, { type: type, value: value, layout: layout });
    }
    return _react2.default.createElement(
      'div',
      { title: 'Unable to resolve preview component. Using fallback.' },
      _react2.default.createElement(_PreviewAny.PreviewAny, { value: value, maxDepth: 2 })
    );
  }
}
exports.default = Preview;
Preview.propTypes = {
  layout: _propTypes2.default.string,
  value: _propTypes2.default.any,
  type: _propTypes2.default.object.isRequired
};
Preview.contextTypes = {
  formBuilder: _propTypes2.default.object
};