@goldenpine/react-form-builder2 0.20.3-build.21 → 0.20.3-build.22

package/lib/form-elements/index.js

@@ -890,11 +890,11 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
           name: name,
           type: "file",
           accept: "image/*",
-          capture: "camera",
           className: "visually-hidden",
           onChange: this.displayImage,
-          id: name,
-          disabled: this.props.read_only
+          "data-clearlabel": this.props.data.label_after_photo_clear_icon,
+          disabled: this.props.read_only,
+          id: name
         }), /*#__PURE__*/_react["default"].createElement("label", {
           htmlFor: name,
           className: "upload-card-content"

package/lib/form-elements-edit.js

@@ -134,6 +134,18 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
         });
       }
     }
+  }, {
+    key: "validateImageSize",
+    value: function validateImageSize(e) {
+      var regex = /^$|^\d+(px|%)$/;
+      if (regex.test(e.target.value)) {
+        e.target.classList.remove("is-invalid");
+        e.target.classList.add("is-valid");
+      } else {
+        e.target.classList.remove("is-valid");
+        e.target.classList.add("is-invalid");
+      }
+    }
   }, {
     key: "render",
     value: function render() {
@@ -473,6 +485,8 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
         id: "elementWidth",
         type: "text",
         className: "form-control",
+        pattern: "^$|^\\d+(px|%)$",
+        onInput: this.validateImageSize,
         defaultValue: this.props.element.width,
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'width', 'value')
@@ -487,6 +501,8 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
         id: "elementHeight",
         type: "text",
         className: "form-control",
+        pattern: "^$|^\\d+(px|%)$",
+        onInput: this.validateImageSize,
         defaultValue: this.props.element.height,
         onBlur: this.updateElement.bind(this),
         onChange: this.editElementProp.bind(this, 'height', 'value')

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

@@ -39,7 +39,7 @@
   "ppt" : "PPT",
   "upload-layout" : "Upload Area Layout",
   "upload-layout-standard" : "Standard",
-  "upload-layout-dropzone" : "Dropzone",
+  "upload-layout-dropzone" : "Large upload area",
   "image-layout" : "Image Layout",
   "display-label-after-camera-icon" : "Display label on button",
   "place-holder-display-label-after-camera-icon" : "Upload Photo",

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

@@ -39,7 +39,7 @@
   "ppt": "PPT",
   "upload-layout" : "چیدمان بخش بارگذاری",
   "upload-layout-standard" : "استاندارد",
-  "upload-layout-dropzone" : "رها کردن فایل",
+  "upload-layout-dropzone" : "بخش بارگذاری بزرگ",
   "image-layout" : "چیدمان تصویر",
   "display-label-after-camera-icon" : "نمایش برچسب پس از آیکون دوربین",
   "place-holder-display-label-after-camera-icon" : "آپلود عکس",

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

@@ -39,7 +39,7 @@
   "ppt" : "PPT",
   "upload-layout" : "Layout dell'area di caricamento",
   "upload-layout-standard" : "Standard",
-  "upload-layout-dropzone" : "Area di rilascio",
+  "upload-layout-dropzone" : "Area di caricamento grande",
   "image-layout" : "Layout dell'immagine",
   "display-label-after-camera-icon" : "Mostra etichetta dopo l'icona della fotocamera",
   "place-holder-display-label-after-camera-icon" : "Carica foto",

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

@@ -39,7 +39,7 @@
   "ppt" : "PPT",
   "upload-layout" : "Bố cục khu vực tải lên",
   "upload-layout-standard" : "Tiêu chuẩn",
-  "upload-layout-dropzone" : "Vùng thả tệp",
+  "upload-layout-dropzone" : "Khu vực tải lên lớn",
   "image-layout" : "Bố cục hình ảnh",
   "display-label-after-camera-icon" : "Hiển thị nhãn sau biểu tượng máy ảnh",
   "place-holder-display-label-after-camera-icon" : "Tải ảnh lên",

package/package.json

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