@goldenpine/react-form-builder2 0.20.3-build.25 → 0.20.3-build.27

package/lib/form-elements/date-picker.js

@@ -65,6 +65,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
       props.type = 'date';
       props.className = 'form-control';
       props.name = this.props.data.field_name;
+      var labelHidden = this.props.data.labelHidden || false;
       var readOnly = this.props.data.readOnly || this.props.read_only;
       var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
       var placeholderText = this.state.formatMask.toLowerCase();
@@ -81,7 +82,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
         style: _objectSpread({}, this.props.style)
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", null, readOnly && /*#__PURE__*/_react["default"].createElement("input", {
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", null, readOnly && /*#__PURE__*/_react["default"].createElement("input", {
         type: "text",
         name: props.name,
         ref: props.ref,

package/lib/form-elements/index.js

@@ -163,6 +163,8 @@ var TextInput = /*#__PURE__*/function (_React$Component5) {
       props.type = 'text';
       props.className = 'form-control';
       props.name = this.props.data.field_name;
+      props.placeholder = this.props.data.placeholder || '';
+      var labelHidden = this.props.data.labelHidden || false;
       if (this.props.mutable) {
         props.defaultValue = this.props.defaultValue;
         props.ref = this.inputField;
@@ -179,7 +181,7 @@ var TextInput = /*#__PURE__*/function (_React$Component5) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
     }
   }]);
 }(_react["default"].Component);
@@ -199,6 +201,8 @@ var EmailInput = /*#__PURE__*/function (_React$Component6) {
       props.type = 'text';
       props.className = 'form-control';
       props.name = this.props.data.field_name;
+      props.placeholder = this.props.data.placeholder || '';
+      var labelHidden = this.props.data.labelHidden || false;
       if (this.props.mutable) {
         props.defaultValue = this.props.defaultValue;
         props.ref = this.inputField;
@@ -215,7 +219,7 @@ var EmailInput = /*#__PURE__*/function (_React$Component6) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
     }
   }]);
 }(_react["default"].Component);
@@ -235,6 +239,12 @@ var PhoneNumber = /*#__PURE__*/function (_React$Component7) {
       props.type = 'tel';
       props.className = 'form-control';
       props.name = this.props.data.field_name;
+      if (this.props.data.placeholder !== undefined && this.props.data.placeholder !== null) {
+        props.placeholder = this.props.data.placeholder;
+      } else {
+        props.placeholder = '+12345678900';
+      }
+      var labelHidden = this.props.data.labelHidden || false;
       if (this.props.mutable) {
         props.defaultValue = this.props.defaultValue;
         props.ref = this.inputField;
@@ -251,7 +261,7 @@ var PhoneNumber = /*#__PURE__*/function (_React$Component7) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
     }
   }]);
 }(_react["default"].Component);
@@ -271,6 +281,8 @@ var NumberInput = /*#__PURE__*/function (_React$Component8) {
       props.type = 'number';
       props.className = 'form-control';
       props.name = this.props.data.field_name;
+      props.placeholder = this.props.data.placeholder || '';
+      var labelHidden = this.props.data.labelHidden || false;
       if (this.props.mutable) {
         props.defaultValue = this.props.defaultValue;
         props.ref = this.inputField;
@@ -287,7 +299,7 @@ var NumberInput = /*#__PURE__*/function (_React$Component8) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("input", props)));
     }
   }]);
 }(_react["default"].Component);
@@ -306,6 +318,8 @@ var TextArea = /*#__PURE__*/function (_React$Component9) {
       var props = {};
       props.className = 'form-control';
       props.name = this.props.data.field_name;
+      props.placeholder = this.props.data.placeholder || '';
+      var labelHidden = this.props.data.labelHidden || false;
       if (this.props.read_only) {
         props.disabled = 'disabled';
       }
@@ -322,7 +336,7 @@ var TextArea = /*#__PURE__*/function (_React$Component9) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("textarea", props)));
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("textarea", props)));
     }
   }]);
 }(_react["default"].Component);
@@ -341,6 +355,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component0) {
       var props = {};
       props.className = 'form-control';
       props.name = this.props.data.field_name;
+      var labelHidden = this.props.data.labelHidden || false;
       if (this.props.mutable) {
         props.defaultValue = this.props.defaultValue;
         props.ref = this.inputField;
@@ -357,7 +372,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component0) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("select", props, this.props.data.options.map(function (option) {
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("select", props, this.props.data.options.map(function (option) {
         var this_key = "preview_".concat(option.key);
         return /*#__PURE__*/_react["default"].createElement("option", {
           value: option.value,
@@ -397,6 +412,7 @@ var Signature = /*#__PURE__*/function (_React$Component1) {
       var props = {};
       props.type = 'hidden';
       props.name = this.props.data.field_name;
+      var labelHidden = this.props.data.labelHidden || false;
       if (this.props.mutable) {
         props.defaultValue = defaultValue;
         props.ref = this.inputField;
@@ -422,7 +438,7 @@ var Signature = /*#__PURE__*/function (_React$Component1) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true || !!sourceDataURL ? /*#__PURE__*/_react["default"].createElement("img", {
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true || !!sourceDataURL ? /*#__PURE__*/_react["default"].createElement("img", {
         src: sourceDataURL
       }) : /*#__PURE__*/_react["default"].createElement(_reactSignatureCanvas["default"], pad_props), canClear && /*#__PURE__*/_react["default"].createElement("i", {
         className: "fas fa-times clear-signature",
@@ -481,6 +497,7 @@ var Tags = /*#__PURE__*/function (_React$Component10) {
       props.isMulti = true;
       props.name = this.props.data.field_name;
       props.onChange = this.handleChange;
+      var labelHidden = this.props.data.labelHidden || false;
       props.options = options;
       if (!this.props.mutable) {
         props.value = options[0].text;
@@ -499,7 +516,7 @@ var Tags = /*#__PURE__*/function (_React$Component10) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], props)));
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_reactSelect["default"], props)));
     }
   }]);
 }(_react["default"].Component);
@@ -517,6 +534,7 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
     value: function render() {
       var _this0 = this;
       var self = this;
+      var labelHidden = this.props.data.labelHidden || false;
       var classNames = 'form-check';
       if (this.props.data.inline) {
         classNames += ' form-check-inline';
@@ -530,7 +548,7 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
         var this_key = "preview_".concat(option.key);
         var props = {};
         props.name = "option_".concat(option.key);
@@ -576,6 +594,7 @@ var RadioButtons = /*#__PURE__*/function (_React$Component12) {
     value: function render() {
       var _this10 = this;
       var self = this;
+      var labelHidden = this.props.data.labelHidden || false;
       var classNames = 'form-check';
       if (this.props.data.inline) {
         classNames += ' form-check-inline';
@@ -589,7 +608,7 @@ var RadioButtons = /*#__PURE__*/function (_React$Component12) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.data.options.map(function (option) {
         var this_key = "preview_".concat(option.key);
         var props = {};
         props.name = self.props.data.field_name;
@@ -666,6 +685,7 @@ var Rating = /*#__PURE__*/function (_React$Component14) {
     value: function render() {
       var props = {};
       props.name = this.props.data.field_name;
+      var labelHidden = this.props.data.labelHidden || false;
       props.ratingAmount = 5;
       if (this.props.mutable) {
         props.rating = this.props.defaultValue !== undefined ? parseFloat(this.props.defaultValue, 10) : 0;
@@ -682,7 +702,7 @@ var Rating = /*#__PURE__*/function (_React$Component14) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_starRating["default"], props)));
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement(_starRating["default"], props)));
     }
   }]);
 }(_react["default"].Component);
@@ -810,6 +830,7 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
       };
       var baseClasses = 'SortableItem rfb-item';
       var name = this.props.data.field_name;
+      var labelHidden = this.props.data.labelHidden || false;
       var fileInputStyle = this.state.img ? {
         display: 'none'
       } : null;
@@ -824,13 +845,13 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
           sourceDataURL = "data:image/png;base64,".concat(this.props.defaultValue);
         }
       }
-      if (this.props.data.upload_layout === "standard") {
+      if (this.props.data.upload_layout !== "dropzone") {
         return /*#__PURE__*/_react["default"].createElement("div", {
           style: _objectSpread({}, this.props.style),
           className: baseClasses
         }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
           className: "mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+        }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
           style: imageStyle,
           src: sourceDataURL
           // {...this.getImageSizeProps(this.props.data)} // move width and height from element style to inline style of image, to make it work the same way as 'Image' element.
@@ -878,7 +899,7 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
           className: baseClasses
         }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
           className: "mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
+        }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
           style: imageStyle,
           src: sourceDataURL
         })) : /*#__PURE__*/_react["default"].createElement("div", {
@@ -999,19 +1020,20 @@ var FileUpload = /*#__PURE__*/function (_React$Component18) {
     value: function render() {
       var baseClasses = 'SortableItem rfb-item';
       var name = this.props.data.field_name;
+      var labelHidden = this.props.data.labelHidden || false;
       var fileInputStyle = this.state.fileUpload ? {
         display: 'none'
       } : null;
       if (this.props.data.pageBreakBefore) {
         baseClasses += ' alwaysbreak';
       }
-      if (this.props.data.upload_layout === 'standard') {
+      if (this.props.data.upload_layout !== 'dropzone') {
         return /*#__PURE__*/_react["default"].createElement("div", {
           style: _objectSpread({}, this.props.style),
           className: baseClasses
         }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
           className: "mb-3"
-        }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
+        }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
           className: "btn btn-outline-secondary",
           onClick: this.saveFile
         }, /*#__PURE__*/_react["default"].createElement("i", {
@@ -1065,7 +1087,7 @@ var FileUpload = /*#__PURE__*/function (_React$Component18) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), this.props.read_only === true && this.props.defaultValue && this.props.defaultValue.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("button", {
         className: "btn btn-outline-secondary",
         onClick: this.saveFile
       }, /*#__PURE__*/_react["default"].createElement("i", {
@@ -1137,6 +1159,7 @@ var Range = /*#__PURE__*/function (_React$Component19) {
     value: function render() {
       var props = {};
       var name = this.props.data.field_name;
+      var labelHidden = this.props.data.labelHidden || false;
       props.type = 'range';
       props.list = "tickmarks_".concat(name);
       props.min = Number(this.props.data.min_value);
@@ -1187,7 +1210,7 @@ var Range = /*#__PURE__*/function (_React$Component19) {
         className: baseClasses
       }, /*#__PURE__*/_react["default"].createElement(_componentHeader["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
+      }, !labelHidden && /*#__PURE__*/_react["default"].createElement(_componentLabel["default"], this.props), /*#__PURE__*/_react["default"].createElement("div", {
         className: "range"
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "clearfix"

package/lib/form-elements-edit.js

@@ -173,6 +173,7 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
         canHaveOptionValue = _this$props$element.canHaveOptionValue;
       var canHaveImageSize = this.state.element.element === 'Image' || this.state.element.element === 'Camera';
       var canHaveUploadLayout = this.state.element.element === 'Camera' || this.state.element.element === 'FileUpload';
+      var canHavePlaceholder = this.props.element.element === 'TextInput' || this.props.element.element === 'TextArea' || this.props.element.element === 'EmailInput' || this.props.element.element === 'NumberInput' || this.props.element.element === 'PhoneNumber';
       var this_files = this.props.files.length ? this.props.files : [];
       if (this_files.length < 1 || this_files.length > 0 && this_files[0].id !== '') {
         this_files.unshift({
@@ -235,9 +236,26 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
         onChange: this.editElementProp.bind(this, 'href', 'value')
       })), this.props.element.hasOwnProperty('label') && /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
-      }, /*#__PURE__*/_react["default"].createElement("label", null, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "d-flex justify-content-between align-items-center"
+      }, /*#__PURE__*/_react["default"].createElement("label", {
+        className: "mb-0"
+      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
         id: "display-label"
-      })), /*#__PURE__*/_react["default"].createElement(_reactDraftWysiwyg.Editor, {
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "form-check m-0"
+      }, /*#__PURE__*/_react["default"].createElement("input", {
+        id: "label-hidden",
+        className: "form-check-input",
+        type: "checkbox",
+        checked: this.props.element.labelHidden || false,
+        onChange: this.editElementProp.bind(this, 'labelHidden', 'checked')
+      }), /*#__PURE__*/_react["default"].createElement("label", {
+        className: "form-check-label",
+        htmlFor: "label-hidden"
+      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "label-hidden"
+      })))), /*#__PURE__*/_react["default"].createElement(_reactDraftWysiwyg.Editor, {
         toolbar: toolbar,
         defaultEditorState: editorState,
         onBlur: this.updateElement.bind(this),
@@ -359,7 +377,21 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
         htmlFor: "display-horizontal"
       }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
         id: "display-horizontal"
-      })))), this.props.element.hasOwnProperty('src') && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+      })))), canHavePlaceholder && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "mb-3"
+      }, /*#__PURE__*/_react["default"].createElement("label", {
+        className: "control-label",
+        htmlFor: "placeholderInput"
+      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "placeholder"
+      })), /*#__PURE__*/_react["default"].createElement("input", {
+        id: "placeholderInput",
+        type: "text",
+        className: "form-control",
+        defaultValue: this.props.element.placeholder,
+        onBlur: this.updateElement.bind(this),
+        onChange: this.editElementProp.bind(this, 'placeholder', 'value')
+      })), this.props.element.hasOwnProperty('src') && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
         className: "mb-3"
       }, /*#__PURE__*/_react["default"].createElement("label", {
         className: "control-label",

package/lib/language-provider/locales/en-us.json

@@ -53,6 +53,8 @@
   "place-holder-display-message-under-file-icon" : "Select a file from your computer or device.",
   "display-label-after-file-clear-icon" : "Display label after file clear icon",
   "place-holder-display-label-after-file-clear-icon" : "Clear File",
+  "placeholder" : "Hint text (shown inside the input field)",
+  "label-hidden" : "Hide label",
   
   "options" : "Options",
   "value" : "Value",

package/lib/language-provider/locales/fa-ir.json

@@ -53,6 +53,8 @@
   "place-holder-display-message-under-file-icon" : "یک فایل را از رایانه یا دستگاه خود انتخاب کنید.",
   "display-label-after-file-clear-icon" : "نمایش برچسب پس از آیکون حذف فایل",
   "place-holder-display-label-after-file-clear-icon" : "حذف فایل",
+  "placeholder": "متن راهنما (در داخل فیلد ورودی نمایش داده می‌شود)",
+  "label-hidden": "پنهان کردن برچسب",
 
   "options": "گزینه‌ها",
   "value": "مقدار",

package/lib/language-provider/locales/it-it.json

@@ -53,7 +53,9 @@
   "place-holder-display-message-under-file-icon" : "Seleziona un file dal tuo computer o dispositivo.",
   "display-label-after-file-clear-icon" : "Mostra etichetta dopo l'icona di cancellazione del file",
   "place-holder-display-label-after-file-clear-icon" : "Cancella file",
-  
+  "placeholder": "Testo di suggerimento (mostrato all'interno del campo di input)",
+  "label-hidden": "Nascondi etichetta",
+
   "options" : "Opzioni",
   "value" : "Valore",
   "correct" : "Corretto",

package/lib/language-provider/locales/vi-vn.json

@@ -53,6 +53,8 @@
   "place-holder-display-message-under-file-icon" : "Chọn một tập tin từ máy tính hoặc thiết bị của bạn.",
   "display-label-after-file-clear-icon" : "Hiển thị nhãn sau biểu tượng xóa tập tin",
   "place-holder-display-label-after-file-clear-icon" : "Xóa tập tin",
+  "placeholder": "Gợi ý (hiển thị bên trong ô nhập)",
+  "label-hidden": "Ẩn nhãn",
 
   "options" : "Tùy chọn",
   "value" : "Giá trị",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goldenpine/react-form-builder2",
-  "version": "0.20.3-build.25",
+  "version": "0.20.3-build.27",
   "description": "A complete form builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",