@arudovwen/react-form-builder/lib/index.js

A complete form builder for react.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "ElementStore", {
  enumerable: true,
  get: function () {
    return _store.default;
  }
});
exports.ReactFormBuilder = void 0;
exports.ReactFormGenerator = ReactFormGenerator;
Object.defineProperty(exports, "Registry", {
  enumerable: true,
  get: function () {
    return _registry.default;
  }
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _reactDnd = require("react-dnd");
var _reactDndHtml5Backend = require("react-dnd-html5-backend");
var _reactIntl = require("react-intl");
var _preview = _interopRequireDefault(require("./preview"));
var _toolbar = _interopRequireDefault(require("./toolbar"));
var _form = _interopRequireDefault(require("./form"));
var _store = _interopRequireDefault(require("./stores/store"));
var _registry = _interopRequireDefault(require("./stores/registry"));
var _languageProvider = _interopRequireDefault(require("./language-provider"));
require("./styles/final.css");
/**
  * <ReactFormBuilder />
*/

class ReactFormBuilder extends _react.default.Component {
  constructor(props) {
    super(props);
    this.state = {
      editMode: false,
      editElement: null
    };
    this.editModeOn = this.editModeOn.bind(this);
  }
  editModeOn(data, e) {
    e.preventDefault();
    e.stopPropagation();
    if (this.state.editMode) {
      this.setState({
        editMode: !this.state.editMode,
        editElement: null
      });
    } else {
      this.setState({
        editMode: !this.state.editMode,
        editElement: data
      });
    }
  }
  manualEditModeOff() {
    if (this.state.editMode) {
      this.setState({
        editMode: false,
        editElement: null
      });
    }
  }
  render() {
    const toolbarProps = {
      showDescription: this.props.show_description
    };
    const language = this.props.locale ? this.props.locale : 'en';
    const currentAppLocale = _languageProvider.default[language];
    if (this.props.toolbarItems) {
      toolbarProps.items = this.props.toolbarItems;
    }
    return /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
      backend: _reactDndHtml5Backend.HTML5Backend,
      context: window
    }, /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
      locale: currentAppLocale.locale,
      messages: currentAppLocale.messages
    }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
      className: "flex clearfix react-form-builder"
    }, /*#__PURE__*/_react.default.createElement(_preview.default, {
      files: this.props.files,
      manualEditModeOff: this.manualEditModeOff.bind(this),
      showCorrectColumn: this.props.showCorrectColumn,
      parent: this,
      data: this.props.data,
      url: this.props.url,
      saveUrl: this.props.saveUrl,
      onLoad: this.props.onLoad,
      onPost: this.props.onPost,
      editModeOn: this.editModeOn,
      editMode: this.state.editMode,
      variables: this.props.variables,
      registry: _registry.default,
      editElement: this.state.editElement,
      renderEditForm: this.props.renderEditForm,
      saveAlways: this.props.saveAlways,
      apiBaseUrl: this.props.apiBaseUrl || 'https://api.dev.gateway.kusala.com.ng'
    }), /*#__PURE__*/_react.default.createElement(_toolbar.default, (0, _extends2.default)({}, toolbarProps, {
      customItems: this.props.customToolbarItems
    }))))));
  }
}
exports.ReactFormBuilder = ReactFormBuilder;
function ReactFormGenerator(props) {
  const language = props.locale ? props.locale : 'en';
  const currentAppLocale = _languageProvider.default[language];
  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
    locale: currentAppLocale.locale,
    messages: currentAppLocale.messages
  }, /*#__PURE__*/_react.default.createElement(_form.default, props));
}
const FormBuilders = {};
FormBuilders.ReactFormBuilder = ReactFormBuilder;
FormBuilders.ReactFormGenerator = ReactFormGenerator;
FormBuilders.ElementStore = _store.default;
FormBuilders.Registry = _registry.default;
var _default = exports.default = FormBuilders;