react-survey-builder 1.0.40 → 1.0.42

package/lib/survey-elements-edit.js

@@ -18,38 +18,13 @@ var _draftJs = require("draft-js");
 var _draftjsToHtml = _interopRequireDefault(require("draftjs-to-html"));
 var _dynamicOptionList = _interopRequireDefault(require("./dynamic-option-list"));
 var _requests = require("./stores/requests");
-var _UUID = _interopRequireDefault(require("./UUID"));
-var _IntlMessages = _interopRequireDefault(require("./language-provider/IntlMessages"));
 var _fa = require("react-icons/fa");
 var _reactBootstrap = require("react-bootstrap");
 var _reactSimpleWysiwyg = _interopRequireDefault(require("react-simple-wysiwyg"));
-var _excluded = ["onChange", "onBlur", "value", "name"]; // import { Editor } from 'react-draft-wysiwyg';
+var _functions = require("./functions");
+var _excluded = ["onChange", "onBlur", "value", "name"];
 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 bodyToolbar = {
-  options: ['inline', 'blockType', 'list', 'textAlign', 'fontSize', 'link', 'remove', 'history'],
-  inline: {
-    inDropdown: false,
-    className: undefined,
-    options: ['bold', 'italic', 'underline', 'strikethrough', 'monospace', 'superscript', 'subscript']
-  }
-};
-var headerToolbar = {
-  options: ['inline', 'list', 'textAlign', 'fontSize', 'link', 'history'],
-  inline: {
-    inDropdown: false,
-    className: undefined,
-    options: ['bold', 'italic', 'underline', 'superscript', 'subscript']
-  }
-};
-var labelToolbar = {
-  options: ['inline', 'list', 'textAlign', 'fontSize', 'link', 'history'],
-  inline: {
-    inDropdown: false,
-    className: undefined,
-    options: ['bold', 'italic', 'underline', 'superscript', 'subscript']
-  }
-};
 var CustomWysiwygInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var onChange = _ref.onChange,
     onBlur = _ref.onBlur,
@@ -153,7 +128,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
           var options = _this3.props.element.options;
           data.forEach(function (x) {
             // eslint-disable-next-line no-param-reassign
-            x.key = _UUID["default"].uuid();
+            x.key = (0, _functions.generateUUID)();
             options.push(x);
           });
           var this_element = _this3.state.element;
@@ -191,17 +166,6 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
           file_name: ''
         });
       }
-      var editorState;
-      var secondaryEditorState;
-      if (this.props.element.hasOwnProperty('content')) {
-        editorState = this.convertFromHTML(this.props.element.content);
-      }
-      if (this.props.element.hasOwnProperty('label')) {
-        editorState = this.convertFromHTML(this.props.element.label);
-      }
-      if (this.props.element.hasOwnProperty('boxLabel')) {
-        secondaryEditorState = this.convertFromHTML(this.props.element.boxLabel);
-      }
       return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
         className: "clearfix"
       }, /*#__PURE__*/_react["default"].createElement("h4", {
@@ -213,9 +177,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "text-to-display"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Text to display:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         type: "text",
         id: "content",
         name: "content",
@@ -229,9 +191,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "fileSelect"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "choose-file"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, {
+      }, "Choose file:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, {
         id: "fileSelect",
         defaultValue: this.props.element.filePath,
         onBlur: this.updateElement.bind(this),
@@ -247,9 +207,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "href"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "link-to"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Link to:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "href",
         type: "text",
         defaultValue: this.props.element.href,
@@ -259,9 +217,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "display-label"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Display Label:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         type: "text",
         id: "label",
         name: "label",
@@ -276,45 +232,35 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         className: "fw-bold"
       }, "Field Properties:"), this.props.element.hasOwnProperty('required') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "is-required",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "required"
-        }),
+        label: "Required",
         type: "checkbox",
         checked: thisRequiredChecked,
         value: true,
         onChange: this.editElementProp.bind(this, 'required', 'checked')
       }), this.props.element.hasOwnProperty('readOnly') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "is-read-only",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "read-only"
-        }),
+        label: "Read Only",
         type: "checkbox",
         checked: thisReadOnly,
         value: true,
         onChange: this.editElementProp.bind(this, 'readOnly', 'checked')
       }), this.props.element.hasOwnProperty('defaultToday') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "is-default-to-today",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "default-to-today"
-        }),
+        label: "Default to Today",
         type: "checkbox",
         checked: thisDefaultToday,
         value: true,
         onChange: this.editElementProp.bind(this, 'defaultToday', 'checked')
       }), ['Checkboxes', 'Checkbox'].indexOf(this.state.element.element) !== -1 && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "default-checked",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "default-checked"
-        }),
+        label: "Default Checked",
         type: "checkbox",
         checked: thisDefaultChecked,
         value: true,
         onChange: this.editElementProp.bind(this, 'defaultChecked', 'checked')
       }), (this.state.element.element === 'RadioButtons' || this.state.element.element === 'Checkboxes') && this.props.element.hasOwnProperty('inline') && /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "display-horizontal",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "display-horizontal"
-        }),
+        label: "Display Horizontal",
         type: "checkbox",
         checked: thisCheckedInline,
         value: true,
@@ -323,9 +269,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "checkbox-label-text"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Checkbox Label Text:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         type: "text",
         id: "boxLabel",
         name: "boxLabel",
@@ -346,9 +290,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "srcInput"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "link-to"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Link to:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "srcInput",
         type: "text",
         defaultValue: this.props.element.src,
@@ -363,9 +305,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         htmlFor: "do-center"
       }, "Alignment:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "do-center",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "center"
-        }),
+        label: "Center",
         type: "checkbox",
         checked: thisCheckedCenter,
         value: true,
@@ -375,9 +315,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "elementWidth"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "width"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Width:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "elementWidth",
         type: "number",
         defaultValue: this.props.element.width,
@@ -388,9 +326,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "elementHeight"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "height"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Height:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "elementHeight",
         type: "number",
         defaultValue: this.props.element.height,
@@ -401,9 +337,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "fileType"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "choose-file-type"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, {
+      }, "Choose file type:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, {
         id: "fileType",
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'fileType', 'value')
@@ -437,13 +371,9 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "print-options"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
+      }, "Print options:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "page-break-before-element",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "page-break-before-element"
-        }),
+        label: "Page Break Before Element",
         type: "checkbox",
         checked: thisCheckedPageBreak,
         value: true,
@@ -452,13 +382,9 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "alternate-signature-page"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
+      }, "Alternate/Signature Page:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "display-on-alternate",
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "display-on-alternate-signature-page"
-        }),
+        label: "Display on alternate/signature Page",
         type: "checkbox",
         checked: thisCheckedAlternateForm,
         value: true,
@@ -470,9 +396,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "rangeStep"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "step"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Step:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "rangeStep",
         type: "number",
         defaultValue: this.props.element.step,
@@ -485,9 +409,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "rangeMin"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "min"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Min:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "rangeMin",
         type: "number",
         defaultValue: this.props.element.minValue,
@@ -500,9 +422,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "rangeMin"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "min-label"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Minimum Value Label:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         type: "text",
         defaultValue: this.props.element.minLabel,
         onBlur: this.updateElement.bind(this),
@@ -514,9 +434,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "rangeMax"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "max"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Max:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "rangeMax",
         type: "number",
         defaultValue: this.props.element.maxValue,
@@ -529,9 +447,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "rangeMax"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "max-label"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Maximum Value Label:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         type: "text",
         defaultValue: this.props.element.maxLabel,
         onBlur: this.updateElement.bind(this),
@@ -543,9 +459,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "defaultSelected"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "default-selected"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Default Selected:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "defaultSelected",
         type: "number",
         defaultValue: this.props.element.defaultValue,
@@ -555,14 +469,10 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
         className: "form-group mb-5"
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "text-style"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
+      }, "Text Style:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "do-bold",
         inline: true,
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "bold"
-        }),
+        label: "Bold",
         type: "checkbox",
         checked: thisCheckedBold,
         value: true,
@@ -570,9 +480,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Check, {
         id: "do-italic",
         inline: true,
-        label: /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-          id: "italic"
-        }),
+        label: "Italic",
         type: "checkbox",
         checked: thisCheckedItalic,
         value: true,
@@ -582,9 +490,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "placeholder"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "place-holder-text-label"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Placeholder:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         type: "text",
         id: "placeholder",
         defaultValue: this.props.element.placeholder,
@@ -595,9 +501,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "customName"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "custom-name-label"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "A Name To Give This Input That Will Show Up In Data Retrieval:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         type: "text",
         id: "customName",
         defaultValue: this.props.element.customName,
@@ -608,9 +512,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "labelLocation"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "choose-label-location"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, {
+      }, "Choose Label Location:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Select, {
         id: "labelLocation",
         defaultValue: this.props.element.labelLocation,
         onBlur: this.updateElement.bind(this),
@@ -635,9 +537,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "help"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "help-label"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactTextareaAutosize["default"], {
+      }, "Help instructions/details that will show up beneath the input field:"), /*#__PURE__*/_react["default"].createElement(_reactTextareaAutosize["default"], {
         type: "text",
         className: "form-control",
         id: "help",
@@ -649,9 +549,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "description"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "description"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactTextareaAutosize["default"], {
+      }, "Description:"), /*#__PURE__*/_react["default"].createElement(_reactTextareaAutosize["default"], {
         type: "text",
         className: "form-control",
         id: "description",
@@ -663,9 +561,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "correct"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "correct-answer"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
+      }, "Correct Answer:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         id: "correct",
         type: "text",
         defaultValue: this.props.element.correct,
@@ -676,9 +572,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Label, {
         className: "fw-bold",
         htmlFor: "optionsApiUrl"
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "populate-options-from-api"
-      }), ":"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
+      }, "Populate Options from API:"), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Row, null, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Col, {
         sm: 6
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Form.Control, {
         style: {
@@ -692,9 +586,7 @@ var SurveyElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Comp
       }, /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Button, {
         variant: "success",
         onClick: this.addOptions.bind(this)
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "populate"
-      }))))), this.props.element.hasOwnProperty('options') && /*#__PURE__*/_react["default"].createElement(_dynamicOptionList["default"], {
+      }, "Populate")))), this.props.element.hasOwnProperty('options') && /*#__PURE__*/_react["default"].createElement(_dynamicOptionList["default"], {
         showCorrectColumn: this.props.showCorrectColumn,
         canHaveOptionCorrect: canHaveOptionCorrect,
         canHaveOptionValue: canHaveOptionValue,

package/lib/survey-place-holder.js

@@ -12,7 +12,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 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';
@@ -27,12 +26,9 @@ var PlaceHolder = /*#__PURE__*/function (_React$Component) {
   (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 : '';
+      var placeHolder = this.props.show ? this.props.text === 'Dropzone' ? 'Dropzone' : this.props.text : '';
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: placeHolderClass
       }, /*#__PURE__*/_react["default"].createElement("div", null, placeHolder));
@@ -40,7 +36,6 @@ var PlaceHolder = /*#__PURE__*/function (_React$Component) {
   }]);
   return PlaceHolder;
 }(_react["default"].Component);
-var _default = exports["default"] = (0, _reactIntl.injectIntl)(PlaceHolder);
 PlaceHolder.propTypes = {
   text: _propTypes["default"].string,
   show: _propTypes["default"].bool
@@ -48,4 +43,5 @@ PlaceHolder.propTypes = {
 PlaceHolder.defaultProps = {
   text: 'Dropzone',
   show: false
-};
+};
+var _default = exports["default"] = PlaceHolder;

package/lib/survey-validator.js

@@ -12,13 +12,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 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"));
 var _fa = require("react-icons/fa");
 var _reactBootstrap = require("react-bootstrap");
 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 />
-  */
+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 myxss = new _xss["default"].FilterXSS({
   whiteList: {
     u: [],
@@ -95,9 +92,7 @@ var SurveyValidator = exports["default"] = /*#__PURE__*/function (_React$Compone
         size: "sm",
         className: "float-end",
         onClick: this.dismissModal.bind(this)
-      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
-        id: "dismiss"
-      })))));
+      }, "Dismiss"))));
     }
   }]);
   return SurveyValidator;

package/lib/toolbar-draggable-item.js

@@ -13,15 +13,13 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 var _reactDnd = require("react-dnd");
 var _ItemTypes = _interopRequireDefault(require("./ItemTypes"));
-var _UUID = _interopRequireDefault(require("./UUID"));
+var _functions = require("./functions");
 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 />
-  */
+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 cardSource = {
   beginDrag: function beginDrag(props) {
     return {
-      id: _UUID["default"].uuid(),
+      id: (0, _functions.generateUUID)(),
       index: -1,
       item: props.item,
       onCreate: props.onCreate

package/lib/toolbar-group-item.js

@@ -1,31 +1,24 @@
 "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"));
+var _react = _interopRequireDefault(require("react"));
 var _reactBootstrap = require("react-bootstrap");
-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() {
+var ToolbarGroupItem = function ToolbarGroupItem(_ref) {
+  var name = _ref.name,
+    group = _ref.group,
+    renderItem = _ref.renderItem;
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    show = _React$useState2[0],
+    setShow = _React$useState2[1];
+  var onClick = 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"
@@ -37,5 +30,5 @@ function ToolbarGroupItem(props) {
   }, name), /*#__PURE__*/_react["default"].createElement("div", {
     className: classShow
   }, /*#__PURE__*/_react["default"].createElement("ul", null, group.map(renderItem)))));
-}
+};
 var _default = exports["default"] = ToolbarGroupItem;