@goldenpine/react-form-builder2 0.18.4-patch.1

package/lib/form-place-holder.js

@@ -0,0 +1,52 @@
+"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 = 'form-place-holder';
+var PLACE_HOLDER_HIDDEN = 'form-place-holder-hidden';
+var PlaceHolder = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(PlaceHolder, _React$Component);
+  var _super = _createSuper(PlaceHolder);
+  function PlaceHolder() {
+    (0, _classCallCheck2["default"])(this, PlaceHolder);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(PlaceHolder, [{
+    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 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));
+    }
+  }]);
+  return PlaceHolder;
+}(_react["default"].Component);
+var _default = (0, _reactIntl.injectIntl)(PlaceHolder);
+exports["default"] = _default;
+PlaceHolder.propTypes = {
+  text: _propTypes["default"].string,
+  show: _propTypes["default"].bool
+};
+PlaceHolder.defaultProps = {
+  text: 'Dropzone',
+  show: false
+};

package/lib/form-validator.js

@@ -0,0 +1,104 @@
+"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 _xss = _interopRequireDefault(require("xss"));
+var _IntlMessages = _interopRequireDefault(require("./language-provider/IntlMessages"));
+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; } } /**
+  * <FormValidator />
+  */
+var myxss = new _xss["default"].FilterXSS({
+  whiteList: {
+    u: [],
+    br: [],
+    b: [],
+    i: [],
+    ol: ['style'],
+    ul: ['style'],
+    li: [],
+    p: ['style'],
+    sub: [],
+    sup: [],
+    div: ['style'],
+    em: [],
+    strong: [],
+    span: ['style']
+  }
+});
+var FormValidator = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(FormValidator, _React$Component);
+  var _super = _createSuper(FormValidator);
+  function FormValidator(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, FormValidator);
+    _this = _super.call(this, props);
+    _this.state = {
+      errors: []
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(FormValidator, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      this.subscription = this.props.emitter.addListener('formValidation', function (errors) {
+        _this2.setState({
+          errors: errors
+        });
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.subscription.remove();
+    }
+  }, {
+    key: "dismissModal",
+    value: function dismissModal(e) {
+      e.preventDefault();
+      this.setState({
+        errors: []
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var errors = this.state.errors.map(function (error, index) {
+        return /*#__PURE__*/_react["default"].createElement("li", {
+          key: "error_".concat(index),
+          dangerouslySetInnerHTML: {
+            __html: myxss.process(error)
+          }
+        });
+      });
+      return /*#__PURE__*/_react["default"].createElement("div", null, this.state.errors.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "alert alert-danger validation-error"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "clearfix"
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "fas fa-exclamation-triangle float-left"
+      }), /*#__PURE__*/_react["default"].createElement("ul", {
+        className: "float-left"
+      }, errors)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "clearfix"
+      }, /*#__PURE__*/_react["default"].createElement("a", {
+        className: "float-right btn btn-default btn-sm btn-danger",
+        onClick: this.dismissModal.bind(this)
+      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "dismiss"
+      })))));
+    }
+  }]);
+  return FormValidator;
+}(_react["default"].Component);
+exports["default"] = FormValidator;