@arudovwen/react-form-builder
Version:
A complete form builder for react.
36 lines (35 loc) • 1.25 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _reactIntl = require("react-intl");
const PLACE_HOLDER = 'form-place-holder';
const PLACE_HOLDER_HIDDEN = 'form-place-holder-hidden';
class PlaceHolder extends _react.default.Component {
render() {
const {
intl
} = this.props;
const placeHolderClass = this.props.show ? PLACE_HOLDER : PLACE_HOLDER_HIDDEN;
// eslint-disable-next-line no-nested-ternary
const placeHolder = 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, placeHolder));
}
}
var _default = exports.default = (0, _reactIntl.injectIntl)(PlaceHolder);
PlaceHolder.propTypes = {
text: _propTypes.default.string,
show: _propTypes.default.bool
};
PlaceHolder.defaultProps = {
text: 'Dropzone',
show: false
};