react-survey-builder 1.0.1

package/lib/survey-place-holder.js

@@ -0,0 +1,51 @@
+"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 = 'survey-place-holder';
+var PLACE_HOLDER_HIDDEN = 'survey-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.surveyatMessage({
+        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 = exports["default"] = (0, _reactIntl.injectIntl)(PlaceHolder);
+PlaceHolder.propTypes = {
+  text: _propTypes["default"].string,
+  show: _propTypes["default"].bool
+};
+PlaceHolder.defaultProps = {
+  text: 'Dropzone',
+  show: false
+};

package/lib/survey-validator.js

@@ -0,0 +1,103 @@
+"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; } } /**
+  * <SurveyValidator />
+  */
+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 SurveyValidator = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(SurveyValidator, _React$Component);
+  var _super = _createSuper(SurveyValidator);
+  function SurveyValidator(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SurveyValidator);
+    _this = _super.call(this, props);
+    _this.state = {
+      errors: []
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(SurveyValidator, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      this.subscription = this.props.emitter.addListener('surveyValidation', 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-start"
+      }), /*#__PURE__*/_react["default"].createElement("ul", {
+        className: "float-start"
+      }, errors)), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "clearfix"
+      }, /*#__PURE__*/_react["default"].createElement("a", {
+        className: "float-end btn btn-default btn-sm btn-danger",
+        onClick: this.dismissModal.bind(this)
+      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "dismiss"
+      })))));
+    }
+  }]);
+  return SurveyValidator;
+}(_react["default"].Component);

package/lib/toolbar-draggable-item.js

@@ -0,0 +1,59 @@
+"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 _reactDnd = require("react-dnd");
+var _ItemTypes = _interopRequireDefault(require("./ItemTypes"));
+var _UUID = _interopRequireDefault(require("./UUID"));
+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; } } /**
+  * <ToolbarItem />
+  */
+var cardSource = {
+  beginDrag: function beginDrag(props) {
+    return {
+      id: _UUID["default"].uuid(),
+      index: -1,
+      data: props.data,
+      onCreate: props.onCreate
+    };
+  }
+};
+var ToolbarItem = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ToolbarItem, _React$Component);
+  var _super = _createSuper(ToolbarItem);
+  function ToolbarItem() {
+    (0, _classCallCheck2["default"])(this, ToolbarItem);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ToolbarItem, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        connectDragSource = _this$props.connectDragSource,
+        data = _this$props.data,
+        onClick = _this$props.onClick;
+      if (!connectDragSource) return null;
+      return connectDragSource( /*#__PURE__*/_react["default"].createElement("li", {
+        onClick: onClick
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: data.icon
+      }), data.name));
+    }
+  }]);
+  return ToolbarItem;
+}(_react["default"].Component);
+var _default = exports["default"] = (0, _reactDnd.DragSource)(_ItemTypes["default"].CARD, cardSource, function (connect) {
+  return {
+    connectDragSource: connect.dragSource()
+  };
+})(ToolbarItem);

package/lib/toolbar-group-item.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+/**
+  * <ToolbarGroupItem />
+  */
+
+function ToolbarGroupItem(props) {
+  var name = props.name,
+    group = props.group,
+    renderItem = props.renderItem;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
+  function onClick() {
+    setShow(!show);
+  }
+  var classShow = 'collapse' + (show ? ' show' : '');
+  return /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "toolbar-group-item"
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: "btn btn-link btn-block text-left",
+    type: "button",
+    onClick: onClick
+  }, name), /*#__PURE__*/_react["default"].createElement("div", {
+    className: classShow
+  }, /*#__PURE__*/_react["default"].createElement("ul", null, group.map(renderItem)))));
+}
+var _default = exports["default"] = ToolbarGroupItem;