react-survey-builder 1.0.40 → 1.0.42

package/lib/multi-column/MultiColumnRow.js

@@ -41,7 +41,7 @@ var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
         controls = _this$props.controls,
         item = _this$props.item,
         editModeOn = _this$props.editModeOn,
-        getDataById = _this$props.getDataById,
+        getItemById = _this$props.getItemById,
         setAsChild = _this$props.setAsChild,
         removeChild = _this$props.removeChild,
         seq = _this$props.seq,
@@ -73,7 +73,7 @@ var MultiColumnRowBase = /*#__PURE__*/function (_React$Component) {
           _onDestroy: function _onDestroy() {
             return removeChild(item, i);
           },
-          getDataById: getDataById,
+          getItemById: getItemById,
           setAsChild: setAsChild,
           seq: seq
         }));

package/lib/multi-column/dustbin.js

@@ -14,7 +14,7 @@ var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
 var _customElement = _interopRequireDefault(require("../survey-elements/custom-element"));
 var _registry = _interopRequireDefault(require("../stores/registry"));
 var _store = _interopRequireDefault(require("../stores/store"));
-var _excluded = ["onDropSuccess", "seq", "draggedItem", "parentIndex", "canDrop", "isOver", "isOverCurrent", "connectDropTarget", "items", "col", "getDataById"];
+var _excluded = ["onDropSuccess", "seq", "draggedItem", "parentIndex", "canDrop", "isOver", "isOverCurrent", "connectDropTarget", "items", "col", "getItemById"];
 function getCustomElement(item, props) {
   if (!item.component || typeof item.component !== 'function') {
     item.component = _registry["default"].get(item.key);
@@ -75,9 +75,9 @@ var Dustbin = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     connectDropTarget = _ref.connectDropTarget,
     items = _ref.items,
     col = _ref.col,
-    getDataById = _ref.getDataById,
+    getItemById = _ref.getItemById,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var item = getDataById(items[col]);
+  var item = getItemById(items[col]);
   _react["default"].useImperativeHandle(ref, function () {
     return {
       onDrop: function onDrop(dropped) {

package/lib/multi-column/grip.js

@@ -22,7 +22,7 @@ var gripSource = {
       index = props.index,
       onDestroy = props.onDestroy,
       setAsChild = props.setAsChild,
-      getDataById = props.getDataById;
+      getItemById = props.getItemById;
     return {
       itemType: _ItemTypes["default"].BOX,
       index: item.parentId ? -1 : index,
@@ -31,7 +31,7 @@ var gripSource = {
       col: item.col,
       onDestroy: onDestroy,
       setAsChild: setAsChild,
-      getDataById: getDataById,
+      getItemById: getItemById,
       item: item
     };
   }

package/lib/preview.js

@@ -22,9 +22,7 @@ var _componentDragLayer = _interopRequireDefault(require("./survey-elements/comp
 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; }
 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; } } /**
-  * <Preview />
-  */
+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 PlaceHolder = _sortableFormElements["default"].PlaceHolder;
 var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Preview, _React$Component);
@@ -60,7 +58,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
     };
     _this.seq = 0;
     _this._onUpdate = _this._onChange.bind((0, _assertThisInitialized2["default"])(_this));
-    _this.getDataById = _this.getDataById.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.getItemById = _this.getItemById.bind((0, _assertThisInitialized2["default"])(_this));
     _this.moveCard = _this.moveCard.bind((0, _assertThisInitialized2["default"])(_this));
     _this.insertCard = _this.insertCard.bind((0, _assertThisInitialized2["default"])(_this));
     _this.setAsChild = _this.setAsChild.bind((0, _assertThisInitialized2["default"])(_this));
@@ -136,7 +134,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
       var _this4 = this;
       if (item.childItems) {
         item.childItems.forEach(function (childItem) {
-          var child = _this4.getDataById(childItem);
+          var child = _this4.getItemById(childItem);
           if (child) {
             _store["default"].dispatch('delete', child);
           }
@@ -145,8 +143,8 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
       _store["default"].dispatch('delete', item);
     }
   }, {
-    key: "getDataById",
-    value: function getDataById(id) {
+    key: "getItemById",
+    value: function getItemById(id) {
       var items = this.state.items;
       return items.find(function (x) {
         return x && x.id === id;
@@ -163,7 +161,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
         return false;
       }
       var oldId = item.childItems[col];
-      var oldItem = this.getDataById(oldId);
+      var oldItem = this.getItemById(oldId);
       var oldCol = child.col;
       // eslint-disable-next-line no-param-reassign
       item.childItems[oldCol] = oldId;
@@ -184,7 +182,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
       if (isBusy) {
         return;
       }
-      var oldParent = this.getDataById(child.parentId);
+      var oldParent = this.getItemById(child.parentId);
       var oldCol = child.col;
       // eslint-disable-next-line no-param-reassign
       item.childItems[col] = child.id;
@@ -209,7 +207,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
           return toRemove.indexOf(x) === -1;
         });
       }
-      if (!this.getDataById(child.id)) {
+      if (!this.getItemById(child.id)) {
         newData.push(child);
       }
       _store["default"].dispatch('updateOrder', newData);
@@ -219,7 +217,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
     value: function removeChild(item, col) {
       var items = this.state.items;
       var oldId = item.childItems[col];
-      var oldItem = this.getDataById(oldId);
+      var oldItem = this.getItemById(oldId);
       if (oldItem) {
         var newData = items.filter(function (x) {
           return x !== oldItem;
@@ -238,8 +236,8 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
     key: "restoreCard",
     value: function restoreCard(item, id) {
       var items = this.state.items;
-      var parent = this.getDataById(item.item.parentId);
-      var oldItem = this.getDataById(id);
+      var parent = this.getItemById(item.item.parentId);
+      var oldItem = this.getItemById(id);
       if (parent && oldItem) {
         var newIndex = items.indexOf(oldItem);
         var newData = (0, _toConsumableArray2["default"])(items); // items.filter(x => x !== oldItem);
@@ -305,6 +303,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
           item.component = this.props.registry.get(item.key);
         }
       }
+      console.log('getElement', item);
       var SortableFormElement = _sortableFormElements["default"][item.element];
       if (SortableFormElement === null) {
         return null;
@@ -327,7 +326,7 @@ var Preview = exports["default"] = /*#__PURE__*/function (_React$Component) {
           readOnly: false,
           print: false
         }),
-        getDataById: this.getDataById,
+        getDataById: this.getItemById,
         setAsChild: this.setAsChild,
         removeChild: this.removeChild,
         _onDestroy: this._onDestroy

package/lib/sortable-form-elements.js

@@ -7,63 +7,39 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _sortableElement = _interopRequireDefault(require("./sortable-element"));
 var _surveyPlaceHolder = _interopRequireDefault(require("./survey-place-holder"));
-var _surveyElements = _interopRequireDefault(require("./survey-elements"));
+var _surveyElements = require("./survey-elements");
 var _multiColumn = require("./multi-column");
-var _fieldset = require("./fieldset");
+var _fieldset = _interopRequireDefault(require("./fieldset"));
 var _customElement = _interopRequireDefault(require("./survey-elements/custom-element"));
-var Header = _surveyElements["default"].Header,
-  Paragraph = _surveyElements["default"].Paragraph,
-  ContentBody = _surveyElements["default"].ContentBody,
-  Label = _surveyElements["default"].Label,
-  LineBreak = _surveyElements["default"].LineBreak,
-  TextInput = _surveyElements["default"].TextInput,
-  EmailInput = _surveyElements["default"].EmailInput,
-  PhoneNumber = _surveyElements["default"].PhoneNumber,
-  NumberInput = _surveyElements["default"].NumberInput,
-  TextArea = _surveyElements["default"].TextArea,
-  Dropdown = _surveyElements["default"].Dropdown,
-  Checkboxes = _surveyElements["default"].Checkboxes,
-  DatePicker = _surveyElements["default"].DatePicker,
-  RadioButtons = _surveyElements["default"].RadioButtons,
-  Image = _surveyElements["default"].Image,
-  Rating = _surveyElements["default"].Rating,
-  Tags = _surveyElements["default"].Tags,
-  Signature = _surveyElements["default"].Signature,
-  HyperLink = _surveyElements["default"].HyperLink,
-  Download = _surveyElements["default"].Download,
-  Camera = _surveyElements["default"].Camera,
-  Range = _surveyElements["default"].Range,
-  FileUpload = _surveyElements["default"].FileUpload,
-  Checkbox = _surveyElements["default"].Checkbox;
-var SurveyElements = {};
-SurveyElements.Header = (0, _sortableElement["default"])(Header);
-SurveyElements.Paragraph = (0, _sortableElement["default"])(Paragraph);
-SurveyElements.ContentBody = (0, _sortableElement["default"])(ContentBody);
-SurveyElements.Label = (0, _sortableElement["default"])(Label);
-SurveyElements.LineBreak = (0, _sortableElement["default"])(LineBreak);
-SurveyElements.TextInput = (0, _sortableElement["default"])(TextInput);
-SurveyElements.EmailInput = (0, _sortableElement["default"])(EmailInput);
-SurveyElements.PhoneNumber = (0, _sortableElement["default"])(PhoneNumber);
-SurveyElements.NumberInput = (0, _sortableElement["default"])(NumberInput);
-SurveyElements.TextArea = (0, _sortableElement["default"])(TextArea);
-SurveyElements.Dropdown = (0, _sortableElement["default"])(Dropdown);
-SurveyElements.Signature = (0, _sortableElement["default"])(Signature);
-SurveyElements.Checkboxes = (0, _sortableElement["default"])(Checkboxes);
-SurveyElements.Checkbox = (0, _sortableElement["default"])(Checkbox);
-SurveyElements.DatePicker = (0, _sortableElement["default"])(DatePicker);
-SurveyElements.RadioButtons = (0, _sortableElement["default"])(RadioButtons);
-SurveyElements.Image = (0, _sortableElement["default"])(Image);
-SurveyElements.Rating = (0, _sortableElement["default"])(Rating);
-SurveyElements.Tags = (0, _sortableElement["default"])(Tags);
-SurveyElements.HyperLink = (0, _sortableElement["default"])(HyperLink);
-SurveyElements.Download = (0, _sortableElement["default"])(Download);
-SurveyElements.Camera = (0, _sortableElement["default"])(Camera);
-SurveyElements.FileUpload = (0, _sortableElement["default"])(FileUpload);
-SurveyElements.Range = (0, _sortableElement["default"])(Range);
-SurveyElements.PlaceHolder = (0, _sortableElement["default"])(_surveyPlaceHolder["default"]);
-SurveyElements.FieldSet = (0, _sortableElement["default"])(_fieldset.FieldSet);
-SurveyElements.TwoColumnRow = (0, _sortableElement["default"])(_multiColumn.TwoColumnRow);
-SurveyElements.ThreeColumnRow = (0, _sortableElement["default"])(_multiColumn.ThreeColumnRow);
-SurveyElements.MultiColumnRow = (0, _sortableElement["default"])(_multiColumn.MultiColumnRow);
-SurveyElements.CustomElement = (0, _sortableElement["default"])(_customElement["default"]);
-var _default = exports["default"] = SurveyElements;
+var SortableFormElements = {};
+SortableFormElements.Header = (0, _sortableElement["default"])(_surveyElements.Header);
+SortableFormElements.Paragraph = (0, _sortableElement["default"])(_surveyElements.Paragraph);
+SortableFormElements.ContentBody = (0, _sortableElement["default"])(_surveyElements.ContentBody);
+SortableFormElements.Label = (0, _sortableElement["default"])(_surveyElements.Label);
+SortableFormElements.LineBreak = (0, _sortableElement["default"])(_surveyElements.LineBreak);
+SortableFormElements.TextInput = (0, _sortableElement["default"])(_surveyElements.TextInput);
+SortableFormElements.EmailInput = (0, _sortableElement["default"])(_surveyElements.EmailInput);
+SortableFormElements.PhoneNumber = (0, _sortableElement["default"])(_surveyElements.PhoneNumber);
+SortableFormElements.NumberInput = (0, _sortableElement["default"])(_surveyElements.NumberInput);
+SortableFormElements.TextArea = (0, _sortableElement["default"])(_surveyElements.TextArea);
+SortableFormElements.Dropdown = (0, _sortableElement["default"])(_surveyElements.Dropdown);
+SortableFormElements.Signature = (0, _sortableElement["default"])(_surveyElements.Signature);
+SortableFormElements.Checkboxes = (0, _sortableElement["default"])(_surveyElements.Checkboxes);
+SortableFormElements.Checkbox = (0, _sortableElement["default"])(_surveyElements.Checkbox);
+SortableFormElements.DatePicker = (0, _sortableElement["default"])(_surveyElements.DatePicker);
+SortableFormElements.RadioButtons = (0, _sortableElement["default"])(_surveyElements.RadioButtons);
+SortableFormElements.Image = (0, _sortableElement["default"])(_surveyElements.Image);
+SortableFormElements.Rating = (0, _sortableElement["default"])(_surveyElements.Rating);
+SortableFormElements.Tags = (0, _sortableElement["default"])(_surveyElements.Tags);
+SortableFormElements.HyperLink = (0, _sortableElement["default"])(_surveyElements.HyperLink);
+SortableFormElements.Download = (0, _sortableElement["default"])(_surveyElements.Download);
+SortableFormElements.Camera = (0, _sortableElement["default"])(_surveyElements.Camera);
+SortableFormElements.FileUpload = (0, _sortableElement["default"])(_surveyElements.FileUpload);
+SortableFormElements.Range = (0, _sortableElement["default"])(_surveyElements.Range);
+SortableFormElements.PlaceHolder = (0, _sortableElement["default"])(_surveyPlaceHolder["default"]);
+SortableFormElements.FieldSet = (0, _sortableElement["default"])(_fieldset["default"]);
+SortableFormElements.TwoColumnRow = (0, _sortableElement["default"])(_multiColumn.TwoColumnRow);
+SortableFormElements.ThreeColumnRow = (0, _sortableElement["default"])(_multiColumn.ThreeColumnRow);
+SortableFormElements.MultiColumnRow = (0, _sortableElement["default"])(_multiColumn.MultiColumnRow);
+SortableFormElements.CustomElement = (0, _sortableElement["default"])(_customElement["default"]);
+var _default = exports["default"] = SortableFormElements;

package/lib/survey-elements/component-drag-handle.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,13 +10,11 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 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 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactDnd = require("react-dnd");
 var _reactDndHtml5Backend = require("react-dnd-html5-backend");
 var _ItemTypes = _interopRequireDefault(require("../ItemTypes"));
 var _fa = require("react-icons/fa");
-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; }
 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 style = {
@@ -33,7 +30,7 @@ var dragHandleSource = {
       index = props.index,
       onDestroy = props.onDestroy,
       setAsChild = props.setAsChild,
-      getDataById = props.getDataById;
+      getItemById = props.getItemById;
     return {
       itemType: _ItemTypes["default"].BOX,
       index: item.parentId ? -1 : index,
@@ -42,13 +39,13 @@ var dragHandleSource = {
       col: item.col,
       onDestroy: onDestroy,
       setAsChild: setAsChild,
-      getDataById: getDataById,
-      data: item
+      getItemById: getItemById,
+      item: item
     };
   }
 };
-var DragHandle = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2["default"])(DragHandle, _PureComponent);
+var DragHandle = /*#__PURE__*/function (_React$PureComponent) {
+  (0, _inherits2["default"])(DragHandle, _React$PureComponent);
   var _super = _createSuper(DragHandle);
   function DragHandle() {
     (0, _classCallCheck2["default"])(this, DragHandle);
@@ -81,7 +78,7 @@ var DragHandle = /*#__PURE__*/function (_PureComponent) {
     }
   }]);
   return DragHandle;
-}(_react.PureComponent);
+}(_react["default"].PureComponent);
 var _default = exports["default"] = (0, _reactDnd.DragSource)(_ItemTypes["default"].BOX, dragHandleSource, function (connect, monitor) {
   return {
     connectDragSource: connect.dragSource(),

package/lib/survey-elements/component-drag-layer.js

@@ -18,7 +18,7 @@ var layerStyles = {
   width: '100%',
   height: '100%'
 };
-function getItemStyles(_ref) {
+var getItemStyles = function getItemStyles(_ref) {
   var initialOffset = _ref.initialOffset,
     currentOffset = _ref.currentOffset;
   if (!initialOffset || !currentOffset) {
@@ -33,22 +33,19 @@ function getItemStyles(_ref) {
     transform: transform,
     WebkitTransform: transform
   };
-}
+};
 var CustomDragLayer = function CustomDragLayer(props) {
-  var item = props.item,
-    itemType = props.itemType,
-    isDragging = props.isDragging;
-  function renderItem() {
-    switch (itemType) {
+  var renderItem = function renderItem() {
+    switch (props.itemType) {
       case _ItemTypes["default"].BOX:
         return /*#__PURE__*/_react["default"].createElement(_componentDragPreview.BoxDragPreview, {
-          item: item
+          item: props.item
         });
       default:
         return null;
     }
-  }
-  if (!isDragging) {
+  };
+  if (!props.isDragging) {
     return null;
   }
   return /*#__PURE__*/_react["default"].createElement("div", {

package/lib/survey-elements/component-error-message.js

@@ -29,7 +29,6 @@ var getError = exports.getError = function getError(errors, name) {
 var ComponentErrorMessage = function ComponentErrorMessage(_ref) {
   var name = _ref.name;
   var methods = (0, _reactHookForm.useFormContext)();
-  console.log(methods);
   if (!methods) return null;
   if (getError(methods.formState.errors, name) !== undefined) {
     return /*#__PURE__*/_react["default"].createElement(_errorMessage.ErrorMessage, {