react-form-builder-devextreme/lib/header/headerPlaceHolder.js

A complete form builder for react. Some changes to design

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactIntl = require("react-intl");
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
var PLACE_HOLDER = 'header-Form-place-holder';
var PLACE_HOLDER_HIDDEN = 'form-place-holder-hidden';
var HeaderPlaceHolder = /*#__PURE__*/function (_React$Component) {
  (0, _inherits2["default"])(HeaderPlaceHolder, _React$Component);
  var _super = _createSuper(HeaderPlaceHolder);
  function HeaderPlaceHolder() {
    (0, _classCallCheck2["default"])(this, HeaderPlaceHolder);
    return _super.apply(this, arguments);
  }
  (0, _createClass2["default"])(HeaderPlaceHolder, [{
    key: "render",
    value: function render() {
      var intl = this.props.intl;
      var placeHolderClass = this.props.show ? PLACE_HOLDER : PLACE_HOLDER_HIDDEN;
      // eslint-disable-next-line no-nested-ternary
      var headerPlaceHolder = this.props.show ? this.props.text === 'Dropzone' ? intl.formatMessage({
        id: 'drop-zone'
      }) : this.props.text : '';
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: placeHolderClass
      }, /*#__PURE__*/_react["default"].createElement("div", null, headerPlaceHolder));
    }
  }]);
  return HeaderPlaceHolder;
}(_react["default"].Component);
var _default = exports["default"] = (0, _reactIntl.injectIntl)(HeaderPlaceHolder);
HeaderPlaceHolder.propTypes = {
  text: _propTypes["default"].object,
  show: _propTypes["default"].bool
};
HeaderPlaceHolder.defaultProps = {
  text: 'Dropzone',
  show: false
};