@goldenpine/react-form-builder2 0.20.3-build.10 → 0.20.3-build.12

package/lib/form-elements/index.js

@@ -552,7 +552,8 @@ var Checkboxes = /*#__PURE__*/function (_React$Component11) {
             if (c && self.props.mutable) {
               self.options["child_ref_".concat(option.key)] = c;
             }
-          }
+          },
+          "data-required-checks": _this0.props.data.checkbox_required_checks ? _this0.props.data.checkbox_required_checks : '1'
         }, props)), /*#__PURE__*/_react["default"].createElement("label", {
           className: "custom-control-label",
           htmlFor: "fid_".concat(this_key)
@@ -837,12 +838,11 @@ var Camera = /*#__PURE__*/function (_React$Component17) {
         type: "file",
         accept: "image/*",
         capture: "camera",
-        className: "image-upload",
+        className: "image-upload visually-hidden",
         onChange: this.displayImage,
         "data-clearlabel": this.props.data.label_after_photo_clear_icon,
         disabled: this.props.read_only,
-        id: name,
-        hidden: true
+        id: name
       }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "image-upload-control",
         style: {
@@ -970,12 +970,11 @@ var FileUpload = /*#__PURE__*/function (_React$Component18) {
         name: name,
         type: "file",
         accept: this.props.data.fileType || '*',
-        className: "image-upload",
+        className: "image-upload visually-hidden",
         onChange: this.displayFileUpload,
         "data-clearlabel": this.props.data.label_after_file_clear_icon,
         disabled: this.props.read_only,
-        id: name,
-        hidden: true
+        id: name
       }), /*#__PURE__*/_react["default"].createElement("div", {
         className: "image-upload-control",
         style: {

package/lib/form-elements-edit.js

@@ -125,6 +125,7 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
   }, {
     key: "render",
     value: function render() {
+      var _this$props$element$c;
       if (this.state.dirty) {
         this.props.element.dirty = true;
       }
@@ -231,7 +232,25 @@ var FormElementsEdit = exports["default"] = /*#__PURE__*/function (_React$Compon
         htmlFor: "is-required"
       }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
         id: "required"
-      }))), this.props.element.hasOwnProperty('readOnly') && /*#__PURE__*/_react["default"].createElement("div", {
+      }))), this_checked && this.state.element.element === 'Checkboxes' && /*#__PURE__*/_react["default"].createElement("div", {
+        className: "d-flex align-items-center gap-2"
+      }, /*#__PURE__*/_react["default"].createElement("label", {
+        className: "form-label mb-0",
+        htmlFor: "checkbox-required-checks"
+      }, /*#__PURE__*/_react["default"].createElement(_IntlMessages["default"], {
+        id: "minimum-number-of-selections"
+      }), ":"), /*#__PURE__*/_react["default"].createElement("input", {
+        id: "checkbox-required-checks",
+        type: "number",
+        min: "1",
+        className: "form-control d-inline-block",
+        style: {
+          width: '8ch'
+        },
+        value: (_this$props$element$c = this.props.element.checkbox_required_checks) !== null && _this$props$element$c !== void 0 ? _this$props$element$c : '1',
+        onBlur: this.updateElement.bind(this),
+        onChange: this.editElementProp.bind(this, 'checkbox_required_checks', 'value')
+      })), this.props.element.hasOwnProperty('readOnly') && /*#__PURE__*/_react["default"].createElement("div", {
         className: "custom-control custom-checkbox"
       }, /*#__PURE__*/_react["default"].createElement("input", {
         id: "is-read-only",

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

@@ -31,6 +31,7 @@
   "description": "Description",
   "correct-answer" : "Correct Answer",
   "populate-options-from-api" : "Populate Options from API",
+  "minimum-number-of-selections" : "The minimum number of options a customer must select",
   "populate" : "Populate",
   "pdf" : "PDF",
   "word" : "Word",

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

@@ -31,6 +31,7 @@
   "description": "توضیحات",
   "correct-answer": "پاسخ صحیح",
   "populate-options-from-api": "پر کردن گزینه‌ها از API",
+  "minimum-number-of-selections" : "حداقل تعداد گزینه‌هایی که مشتری باید انتخاب کند",
   "populate": "پر کردن",
   "pdf": "PDF",
   "word": "Word",

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

@@ -31,6 +31,7 @@
   "description": "Descrizione",
   "correct-answer" : "Risposta corretta",
   "populate-options-from-api" : "Popola opzione da API",
+  "minimum-number-of-selections" : "Il numero minimo di opzioni che un cliente deve selezionare",
   "populate" : "Popola",
   "pdf" : "PDF",
   "word" : "Word",

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

@@ -29,6 +29,7 @@
   "description": "Mô tả",
   "correct-answer": "Lựa chọn đúng",
   "populate-options-from-api": "Lấy dữ liệu từ API",
+  "minimum-number-of-selections" : "Số lượng lựa chọn tối thiểu mà khách hàng phải chọn",
   "populate": "Thực hiện",
   "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.10",
+  "version": "0.20.3-build.12",
   "description": "A complete form builder for react.",
   "main": "lib/index.js",
   "types": "types/index.d.ts",