react-survey-builder 1.0.1

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,46 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*!
+  Copyright (c) 2017 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+/*!
+ * Signature Pad v2.3.2
+ * https://github.com/szimek/signature_pad
+ *
+ * Copyright 2017 Szymon Nowak
+ * Released under the MIT license
+ *
+ * The main idea and some parts of the code (e.g. drawing variable width Bézier curve) are taken from:
+ * http://corner.squareup.com/2012/07/smoother-signatures.html
+ *
+ * Implementation of interpolation using cubic Bézier curves is taken from:
+ * http://benknowscode.wordpress.com/2012/09/14/path-interpolation-using-cubic-bezier-and-control-point-estimation-in-javascript
+ *
+ * Algorithm for approximated length of a Bézier curve is taken from:
+ * http://www.lemoda.net/maths/bezier-length/index.html
+ *
+ */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/lib/ItemTypes.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = {
+  CARD: 'card',
+  BOX: 'box'
+};

package/lib/UUID.js

@@ -0,0 +1,65 @@
+"use strict";
+
+/* eslint-disable */
+// Private array of chars to use
+var CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
+var ID = {};
+ID.uuid = function (len, radix) {
+  var chars = CHARS,
+    uuid = [],
+    i;
+  radix = radix || chars.length;
+  if (len) {
+    // Compact form
+    for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
+  } else {
+    // rfc4122, version 4 form
+    var r;
+
+    // rfc4122 requires these characters
+    uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
+    uuid[14] = '4';
+
+    // Fill in random data.  At i==19 set the high bits of clock sequence as
+    // per rfc4122, sec. 4.1.5
+    for (i = 0; i < 36; i++) {
+      if (!uuid[i]) {
+        r = 0 | Math.random() * 16;
+        uuid[i] = chars[i == 19 ? r & 0x3 | 0x8 : r];
+      }
+    }
+  }
+  return uuid.join('');
+};
+
+// A more performant, but slightly bulkier, RFC4122v4 solution.  We boost performance
+// by minimizing calls to random()
+ID.uuidFast = function () {
+  var chars = CHARS,
+    uuid = new Array(36),
+    rnd = 0,
+    r;
+  for (var i = 0; i < 36; i++) {
+    if (i == 8 || i == 13 || i == 18 || i == 23) {
+      uuid[i] = '-';
+    } else if (i == 14) {
+      uuid[i] = '4';
+    } else {
+      if (rnd <= 0x02) rnd = 0x2000000 + Math.random() * 0x1000000 | 0;
+      r = rnd & 0xf;
+      rnd = rnd >> 4;
+      uuid[i] = chars[i == 19 ? r & 0x3 | 0x8 : r];
+    }
+  }
+  return uuid.join('');
+};
+
+// A more compact, but less performant, RFC4122v4 solution:
+ID.uuidCompact = function () {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0,
+      v = c == 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+};
+module.exports = ID;

package/lib/dynamic-option-list.js

@@ -0,0 +1,188 @@
+"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 _UUID = _interopRequireDefault(require("./UUID"));
+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; } } /**
+  * <DynamicOptionList />
+  */
+var DynamicOptionList = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(DynamicOptionList, _React$Component);
+  var _super = _createSuper(DynamicOptionList);
+  function DynamicOptionList(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, DynamicOptionList);
+    _this = _super.call(this, props);
+    _this.state = {
+      element: _this.props.element,
+      data: _this.props.data,
+      dirty: false
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(DynamicOptionList, [{
+    key: "_setValue",
+    value: function _setValue(text) {
+      return text.replace(/[^A-Z0-9]+/ig, '_').toLowerCase();
+    }
+  }, {
+    key: "editOption",
+    value: function editOption(option_index, e) {
+      var this_element = this.state.element;
+      var val = this_element.options[option_index].value !== this._setValue(this_element.options[option_index].text) ? this_element.options[option_index].value : this._setValue(e.target.value);
+      this_element.options[option_index].text = e.target.value;
+      this_element.options[option_index].value = val;
+      this.setState({
+        element: this_element,
+        dirty: true
+      });
+    }
+  }, {
+    key: "editValue",
+    value: function editValue(option_index, e) {
+      var this_element = this.state.element;
+      var val = e.target.value === '' ? this._setValue(this_element.options[option_index].text) : e.target.value;
+      this_element.options[option_index].value = val;
+      this.setState({
+        element: this_element,
+        dirty: true
+      });
+    }
+
+    // eslint-disable-next-line no-unused-vars
+  }, {
+    key: "editOptionCorrect",
+    value: function editOptionCorrect(option_index, e) {
+      var this_element = this.state.element;
+      if (this_element.options[option_index].hasOwnProperty('correct')) {
+        delete this_element.options[option_index].correct;
+      } else {
+        this_element.options[option_index].correct = true;
+      }
+      this.setState({
+        element: this_element
+      });
+      this.props.updateElement.call(this.props.preview, this_element);
+    }
+  }, {
+    key: "updateOption",
+    value: function updateOption() {
+      var this_element = this.state.element;
+      // to prevent ajax calls with no change
+      if (this.state.dirty) {
+        this.props.updateElement.call(this.props.preview, this_element);
+        this.setState({
+          dirty: false
+        });
+      }
+    }
+  }, {
+    key: "addOption",
+    value: function addOption(index) {
+      var this_element = this.state.element;
+      this_element.options.splice(index + 1, 0, {
+        value: '',
+        text: '',
+        key: _UUID["default"].uuid()
+      });
+      this.props.updateElement.call(this.props.preview, this_element);
+    }
+  }, {
+    key: "removeOption",
+    value: function removeOption(index) {
+      var this_element = this.state.element;
+      this_element.options.splice(index, 1);
+      this.props.updateElement.call(this.props.preview, this_element);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      if (this.state.dirty) {
+        this.state.element.dirty = true;
+      }
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "dynamic-option-list"
+      }, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "row"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "col-sm-6"
+      }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "options"
+      }))), this.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "col-sm-2"
+      }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "value"
+      }))), this.props.canHaveOptionValue && this.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "col-sm-4"
+      }, /*#__PURE__*/_react["default"].createElement("b", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "correct"
+      }))))), this.props.element.options.map(function (option, index) {
+        var this_key = "edit_".concat(option.key);
+        var val = option.value !== _this2._setValue(option.text) ? option.value : '';
+        return /*#__PURE__*/_react["default"].createElement("li", {
+          className: "clearfix",
+          key: this_key
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "row"
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "col-sm-6"
+        }, /*#__PURE__*/_react["default"].createElement("input", {
+          tabIndex: index + 1,
+          className: "form-control",
+          style: {
+            width: '100%'
+          },
+          type: "text",
+          name: "text_".concat(index),
+          placeholder: "Option text",
+          value: option.text,
+          onBlur: _this2.updateOption.bind(_this2),
+          onChange: _this2.editOption.bind(_this2, index)
+        })), _this2.props.canHaveOptionValue && /*#__PURE__*/_react["default"].createElement("div", {
+          className: "col-sm-2"
+        }, /*#__PURE__*/_react["default"].createElement("input", {
+          className: "form-control",
+          type: "text",
+          name: "value_".concat(index),
+          value: val,
+          onChange: _this2.editValue.bind(_this2, index)
+        })), _this2.props.canHaveOptionValue && _this2.props.canHaveOptionCorrect && /*#__PURE__*/_react["default"].createElement("div", {
+          className: "col-sm-1"
+        }, /*#__PURE__*/_react["default"].createElement("input", {
+          className: "form-control",
+          type: "checkbox",
+          value: "1",
+          onChange: _this2.editOptionCorrect.bind(_this2, index),
+          checked: option.hasOwnProperty('correct')
+        })), /*#__PURE__*/_react["default"].createElement("div", {
+          className: "col-sm-3"
+        }, /*#__PURE__*/_react["default"].createElement("div", {
+          className: "dynamic-options-actions-buttons"
+        }, /*#__PURE__*/_react["default"].createElement("button", {
+          onClick: _this2.addOption.bind(_this2, index),
+          className: "btn btn-success"
+        }, /*#__PURE__*/_react["default"].createElement("i", {
+          className: "fas fa-plus-circle"
+        })), index > 0 && /*#__PURE__*/_react["default"].createElement("button", {
+          onClick: _this2.removeOption.bind(_this2, index),
+          className: "btn btn-danger"
+        }, /*#__PURE__*/_react["default"].createElement("i", {
+          className: "fas fa-minus-circle"
+        }))))));
+      })));
+    }
+  }]);
+  return DynamicOptionList;
+}(_react["default"].Component);

package/lib/fieldset/FieldSet.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = FieldSetBase;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _componentHeader = _interopRequireDefault(require("../survey-elements/component-header"));
+var _componentLabel = _interopRequireDefault(require("../survey-elements/component-label"));
+var _dustbin = _interopRequireDefault(require("../multi-column/dustbin"));
+var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
+var _excluded = ["data", "class_name"];
+/* eslint-disable camelcase */
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var accepts = [_ItemTypes["default"].BOX, _ItemTypes["default"].CARD];
+function FieldSetBase(props) {
+  var _React$useState = _react["default"].useState({}),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    childData = _React$useState2[0],
+    setChildData = _React$useState2[1];
+  var _React$useState3 = _react["default"].useState(null),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    childItems = _React$useState4[0],
+    setChildItems = _React$useState4[1];
+  _react["default"].useEffect(function () {
+    var data = props.data,
+      class_name = props.class_name,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    setChildData(data);
+    var count = 1;
+    createChild(count, data);
+  }, [props]);
+  var addNewChild = function addNewChild() {
+    var data = props.data;
+    var colCount = data.childItems.length + 1;
+    var oldChilds = data.childItems;
+    data.childItems = Array.from({
+      length: colCount
+    }, function (v, i) {
+      return oldChilds[i] ? oldChilds[i] : null;
+    });
+    setChildItems(data.childItems);
+  };
+  var _onDropSuccess = function onDropSuccess(droppedIndex) {
+    var totalChild = childItems ? childItems.length : 0;
+    var isLastChild = totalChild === droppedIndex + 1;
+    if (isLastChild) {
+      addNewChild();
+    }
+  };
+  var createChild = function createChild(count, data) {
+    var colCount = count;
+    var className = data.class_name || "col-md-12";
+    if (!data.childItems) {
+      // eslint-disable-next-line no-param-reassign
+      data.childItems = Array.from({
+        length: colCount
+      }, function (v, i) {
+        return null;
+      });
+      data.isContainer = true;
+    }
+    setChildItems(data.childItems);
+  };
+  var controls = props.controls,
+    editModeOn = props.editModeOn,
+    getDataById = props.getDataById,
+    setAsChild = props.setAsChild,
+    removeChild = props.removeChild,
+    seq = props.seq,
+    className = props.className,
+    index = props.index;
+  var pageBreakBefore = childData.pageBreakBefore;
+  var baseClasses = "SortableItem rfb-item";
+  if (pageBreakBefore) {
+    baseClasses += " alwaysbreak";
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: _objectSpread({}, props.style),
+    className: baseClasses
+  }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], (0, _extends2["default"])({}, props, {
+    isFieldSet: true
+  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], props), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "row"
+  }, childItems === null || childItems === void 0 ? void 0 : childItems.map(function (x, i) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: "".concat(i, "_").concat(x || "_"),
+      className: "col-md-12"
+    }, controls ? controls[i] : /*#__PURE__*/_react["default"].createElement(_dustbin["default"], {
+      style: {
+        width: "100%"
+      },
+      data: childData,
+      accepts: accepts,
+      items: childItems,
+      key: i,
+      col: i,
+      onDropSuccess: function onDropSuccess() {
+        return _onDropSuccess(i);
+      },
+      parentIndex: index,
+      editModeOn: editModeOn,
+      _onDestroy: function _onDestroy() {
+        return removeChild(childData, i);
+      },
+      getDataById: getDataById,
+      setAsChild: setAsChild,
+      seq: seq,
+      rowNo: i
+    }));
+  }))));
+}

package/lib/fieldset/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FieldSet", {
+  enumerable: true,
+  get: function get() {
+    return _FieldSet["default"];
+  }
+});
+var _FieldSet = _interopRequireDefault(require("./FieldSet"));