funda-ui 1.0.532 → 1.0.537

package/Checkbox/index.js

@@ -133,10 +133,11 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   var idRes = id || uniqueID;
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var valRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
-    setVal = _useState2[1];
+    setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
   function handleFocus(event) {
     rootRef.current.classList.add('focus');
 
@@ -207,12 +208,12 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     style: _objectSpread({
       cursor: 'pointer'
     }, style)
-  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
     type: "hidden",
     id: idRes,
     name: name,
     value: val ? value || '' : '' // do not use `defaultValue`
-  }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+  }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
     htmlFor: "label-".concat(idRes),
     className: "form-check-label",
     dangerouslySetInnerHTML: {

package/DynamicFields/index.js

@@ -230,7 +230,7 @@ var DynamicFields = function DynamicFields(props) {
   function handleClickRemove(e) {
     e.preventDefault();
     var curKey = e.currentTarget.closest('.dynamic-fields__data__wrapper').dataset.key;
-    if (confirm(confirmText || '')) {
+    if (window.confirm(confirmText || '')) {
       //button status
       if (rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length <= parseFloat(maxFields)) {
         addBtnRef.current.style.setProperty('display', 'inline', 'important');

package/Input/index.js

@@ -184,9 +184,10 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
     // It fires in real time as the user enters
     if (typeof onInputCallback === 'function') {
       var newData = onInputCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleBlur(event) {
     var el = event.target;
     var val = event.target.value;
@@ -203,15 +204,17 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
     // It fires when focus is lost
     if (typeof onChangeCallback === 'function') {
       var newData = onChangeCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleKeyPressed(event) {
     if (typeof onKeyPressedCallback === 'function') {
       var newData = onKeyPressedCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // update default value
     //--------------

package/MultiFuncSelect/index.js

@@ -2097,7 +2097,6 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
         viewBox: "0 0 24 24",
         fill: "none"
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-        id: "Vector",
         d: "M4 7.2002V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V7.19691C20 6.07899 20 5.5192 19.7822 5.0918C19.5905 4.71547 19.2837 4.40973 18.9074 4.21799C18.4796 4 17.9203 4 16.8002 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002Z",
         stroke: "#000000",
         strokeWidth: "2",

package/MultipleCheckboxes/index.js

@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var idRes = id || uniqueID;
           var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
             _useState2 = _slicedToArray(_useState, 2),
             val = _useState2[0],
-            setVal = _useState2[1];
+            setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
           function handleFocus(event) {
             rootRef.current.classList.add('focus');
 
@@ -403,12 +404,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             style: _objectSpread({
               cursor: 'pointer'
             }, style)
-          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
             type: "hidden",
             id: idRes,
             name: name,
             value: val ? value || '' : '' // do not use `defaultValue`
-          }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+          }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: "label-".concat(idRes),
             className: "form-check-label",
             dangerouslySetInnerHTML: {
@@ -529,6 +530,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var funda_checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(109);
 /* harmony import */ var funda_checkbox__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(funda_checkbox__WEBPACK_IMPORTED_MODULE_1__);
+var _excluded = ["wrapperClassName", "inline", "options", "disabled", "required", "value", "label", "name", "id", "style", "onChange"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -540,6 +543,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
@@ -553,7 +558,8 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
     name = props.name,
     id = props.id,
     style = props.style,
-    _onChange = props.onChange;
+    _onChange = props.onChange,
+    attributes = _objectWithoutProperties(props, _excluded);
   var uniqueID = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
   var idRes = id || uniqueID;
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -643,7 +649,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
       },
       checked: regTagSelected.includes(item.value)
     }));
-  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
     ref: inputRef,
     tabIndex: -1,
     type: "hidden",
@@ -651,7 +657,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
     name: name,
     value: regTagSelected.join(','),
     required: required || null
-  })), required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+  }, attributes))), required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
     className: "position-absolute end-0 top-0 my-2 mx-2"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
     className: "text-danger"

package/RangeSlider/index.js

@@ -326,9 +326,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             // It fires in real time as the user enters
             if (typeof onInputCallback === 'function') {
               var newData = onInputCallback(event);
-              setChangedVal(newData);
+              if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
           }
+
           function handleBlur(event) {
             var el = event.target;
             var val = event.target.value;
@@ -345,15 +346,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             // It fires when focus is lost
             if (typeof onChangeCallback === 'function') {
               var newData = onChangeCallback(event);
-              setChangedVal(newData);
+              if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
           }
+
           function handleKeyPressed(event) {
             if (typeof onKeyPressedCallback === 'function') {
               var newData = onKeyPressedCallback(event);
-              setChangedVal(newData);
+              if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
           }
+
           (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
             // update default value
             //--------------
@@ -622,7 +625,14 @@ var RangeSlider = function RangeSlider(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // update default value
     //--------------
-    initDefaultValue(value);
+    if (typeof value.min === 'undefined' || typeof value.max === 'undefined') {
+      initDefaultValue({
+        min: min,
+        max: max
+      });
+    } else {
+      initDefaultValue(value);
+    }
   }, [value]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "range-slider__label"

package/Switch/index.js

@@ -131,10 +131,11 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
   var uniqueID = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
   var idRes = id || uniqueID;
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
-    setVal = _useState2[1];
+    setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
   function handleFocus(event) {
     rootRef.current.classList.add('focus');
 
@@ -192,12 +193,12 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
     style: _objectSpread({
       cursor: 'pointer'
     }, style)
-  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
     type: "hidden",
     id: idRes,
     name: name,
     value: val ? value || '' : '' // do not use `defaultValue`
-  }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+  }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
     htmlFor: "label-".concat(idRes),
     className: "form-check-label",
     dangerouslySetInnerHTML: {

package/Table/index.js

@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var idRes = id || uniqueID;
           var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
             _useState2 = _slicedToArray(_useState, 2),
             val = _useState2[0],
-            setVal = _useState2[1];
+            setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
           function handleFocus(event) {
             rootRef.current.classList.add('focus');
 
@@ -403,12 +404,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             style: _objectSpread({
               cursor: 'pointer'
             }, style)
-          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
             type: "hidden",
             id: idRes,
             name: name,
             value: val ? value || '' : '' // do not use `defaultValue`
-          }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+          }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: "label-".concat(idRes),
             className: "form-check-label",
             dangerouslySetInnerHTML: {

package/Textarea/index.js

@@ -258,9 +258,10 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     // It fires in real time as the user enters
     if (typeof onInputCallback === 'function') {
       var newData = onInputCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleBlur(event) {
     var el = event.target;
     var val = event.target.value;
@@ -277,15 +278,17 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     // It fires when focus is lost
     if (typeof onChangeCallback === 'function') {
       var newData = onChangeCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleKeyPressed(event) {
     if (typeof onKeyPressedCallback === 'function') {
       var newData = onKeyPressedCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // update default value
     //--------------

package/Tree/index.js

@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var idRes = id || uniqueID;
           var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
             _useState2 = _slicedToArray(_useState, 2),
             val = _useState2[0],
-            setVal = _useState2[1];
+            setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
           function handleFocus(event) {
             rootRef.current.classList.add('focus');
 
@@ -403,12 +404,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             style: _objectSpread({
               cursor: 'pointer'
             }, style)
-          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
             type: "hidden",
             id: idRes,
             name: name,
             value: val ? value || '' : '' // do not use `defaultValue`
-          }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+          }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: "label-".concat(idRes),
             className: "form-check-label",
             dangerouslySetInnerHTML: {

package/lib/cjs/Checkbox/index.js

@@ -133,10 +133,11 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   var idRes = id || uniqueID;
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var valRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
-    setVal = _useState2[1];
+    setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
   function handleFocus(event) {
     rootRef.current.classList.add('focus');
 
@@ -207,12 +208,12 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     style: _objectSpread({
       cursor: 'pointer'
     }, style)
-  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
     type: "hidden",
     id: idRes,
     name: name,
     value: val ? value || '' : '' // do not use `defaultValue`
-  }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+  }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
     htmlFor: "label-".concat(idRes),
     className: "form-check-label",
     dangerouslySetInnerHTML: {

package/lib/cjs/DynamicFields/index.js

@@ -230,7 +230,7 @@ var DynamicFields = function DynamicFields(props) {
   function handleClickRemove(e) {
     e.preventDefault();
     var curKey = e.currentTarget.closest('.dynamic-fields__data__wrapper').dataset.key;
-    if (confirm(confirmText || '')) {
+    if (window.confirm(confirmText || '')) {
       //button status
       if (rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length <= parseFloat(maxFields)) {
         addBtnRef.current.style.setProperty('display', 'inline', 'important');

package/lib/cjs/Input/index.js

@@ -184,9 +184,10 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
     // It fires in real time as the user enters
     if (typeof onInputCallback === 'function') {
       var newData = onInputCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleBlur(event) {
     var el = event.target;
     var val = event.target.value;
@@ -203,15 +204,17 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
     // It fires when focus is lost
     if (typeof onChangeCallback === 'function') {
       var newData = onChangeCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleKeyPressed(event) {
     if (typeof onKeyPressedCallback === 'function') {
       var newData = onKeyPressedCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // update default value
     //--------------

package/lib/cjs/MultiFuncSelect/index.js

@@ -2097,7 +2097,6 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
         viewBox: "0 0 24 24",
         fill: "none"
       }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-        id: "Vector",
         d: "M4 7.2002V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V7.19691C20 6.07899 20 5.5192 19.7822 5.0918C19.5905 4.71547 19.2837 4.40973 18.9074 4.21799C18.4796 4 17.9203 4 16.8002 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002Z",
         stroke: "#000000",
         strokeWidth: "2",

package/lib/cjs/MultipleCheckboxes/index.js

@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var idRes = id || uniqueID;
           var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
             _useState2 = _slicedToArray(_useState, 2),
             val = _useState2[0],
-            setVal = _useState2[1];
+            setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
           function handleFocus(event) {
             rootRef.current.classList.add('focus');
 
@@ -403,12 +404,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             style: _objectSpread({
               cursor: 'pointer'
             }, style)
-          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
             type: "hidden",
             id: idRes,
             name: name,
             value: val ? value || '' : '' // do not use `defaultValue`
-          }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+          }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: "label-".concat(idRes),
             className: "form-check-label",
             dangerouslySetInnerHTML: {
@@ -529,6 +530,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var funda_checkbox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(109);
 /* harmony import */ var funda_checkbox__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(funda_checkbox__WEBPACK_IMPORTED_MODULE_1__);
+var _excluded = ["wrapperClassName", "inline", "options", "disabled", "required", "value", "label", "name", "id", "style", "onChange"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -540,6 +543,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 
 var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
@@ -553,7 +558,8 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
     name = props.name,
     id = props.id,
     style = props.style,
-    _onChange = props.onChange;
+    _onChange = props.onChange,
+    attributes = _objectWithoutProperties(props, _excluded);
   var uniqueID = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
   var idRes = id || uniqueID;
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -643,7 +649,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
       },
       checked: regTagSelected.includes(item.value)
     }));
-  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+  }) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
     ref: inputRef,
     tabIndex: -1,
     type: "hidden",
@@ -651,7 +657,7 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
     name: name,
     value: regTagSelected.join(','),
     required: required || null
-  })), required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
+  }, attributes))), required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
     className: "position-absolute end-0 top-0 my-2 mx-2"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
     className: "text-danger"

package/lib/cjs/RangeSlider/index.js

@@ -326,9 +326,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             // It fires in real time as the user enters
             if (typeof onInputCallback === 'function') {
               var newData = onInputCallback(event);
-              setChangedVal(newData);
+              if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
           }
+
           function handleBlur(event) {
             var el = event.target;
             var val = event.target.value;
@@ -345,15 +346,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             // It fires when focus is lost
             if (typeof onChangeCallback === 'function') {
               var newData = onChangeCallback(event);
-              setChangedVal(newData);
+              if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
           }
+
           function handleKeyPressed(event) {
             if (typeof onKeyPressedCallback === 'function') {
               var newData = onKeyPressedCallback(event);
-              setChangedVal(newData);
+              if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
           }
+
           (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
             // update default value
             //--------------
@@ -622,7 +625,14 @@ var RangeSlider = function RangeSlider(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     // update default value
     //--------------
-    initDefaultValue(value);
+    if (typeof value.min === 'undefined' || typeof value.max === 'undefined') {
+      initDefaultValue({
+        min: min,
+        max: max
+      });
+    } else {
+      initDefaultValue(value);
+    }
   }, [value]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: "range-slider__label"

package/lib/cjs/Switch/index.js

@@ -131,10 +131,11 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
   var uniqueID = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
   var idRes = id || uniqueID;
   var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
     _useState2 = _slicedToArray(_useState, 2),
     val = _useState2[0],
-    setVal = _useState2[1];
+    setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
   function handleFocus(event) {
     rootRef.current.classList.add('focus');
 
@@ -192,12 +193,12 @@ var Switch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(func
     style: _objectSpread({
       cursor: 'pointer'
     }, style)
-  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+  }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
     type: "hidden",
     id: idRes,
     name: name,
     value: val ? value || '' : '' // do not use `defaultValue`
-  }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+  }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
     htmlFor: "label-".concat(idRes),
     className: "form-check-label",
     dangerouslySetInnerHTML: {

package/lib/cjs/Table/index.js

@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var idRes = id || uniqueID;
           var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
             _useState2 = _slicedToArray(_useState, 2),
             val = _useState2[0],
-            setVal = _useState2[1];
+            setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
           function handleFocus(event) {
             rootRef.current.classList.add('focus');
 
@@ -403,12 +404,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             style: _objectSpread({
               cursor: 'pointer'
             }, style)
-          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
             type: "hidden",
             id: idRes,
             name: name,
             value: val ? value || '' : '' // do not use `defaultValue`
-          }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+          }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: "label-".concat(idRes),
             className: "form-check-label",
             dangerouslySetInnerHTML: {

package/lib/cjs/Textarea/index.js

@@ -258,9 +258,10 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     // It fires in real time as the user enters
     if (typeof onInputCallback === 'function') {
       var newData = onInputCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleBlur(event) {
     var el = event.target;
     var val = event.target.value;
@@ -277,15 +278,17 @@ var Textarea = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     // It fires when focus is lost
     if (typeof onChangeCallback === 'function') {
       var newData = onChangeCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   function handleKeyPressed(event) {
     if (typeof onKeyPressedCallback === 'function') {
       var newData = onKeyPressedCallback(event);
-      setChangedVal(newData);
+      if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
   }
+
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // update default value
     //--------------

package/lib/cjs/Tree/index.js

@@ -327,10 +327,11 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           var idRes = id || uniqueID;
           var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
           var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
             _useState2 = _slicedToArray(_useState, 2),
             val = _useState2[0],
-            setVal = _useState2[1];
+            setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
+
           function handleFocus(event) {
             rootRef.current.classList.add('focus');
 
@@ -403,12 +404,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             style: _objectSpread({
               cursor: 'pointer'
             }, style)
-          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
+          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
             type: "hidden",
             id: idRes,
             name: name,
             value: val ? value || '' : '' // do not use `defaultValue`
-          }), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
+          }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: "label-".concat(idRes),
             className: "form-check-label",
             dangerouslySetInnerHTML: {

package/lib/esm/Checkbox/index.tsx

@@ -54,7 +54,7 @@ const Checkbox = forwardRef((props: CheckboxProps, ref: any) => {
     const idRes = id || uniqueID;
     const rootRef = useRef<any>(null);
     const valRef = useRef<any>(null);
-    const [val, setVal] = useState<any>(null);
+    const [val, setVal] = useState<any>(null || false);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
 
     function handleFocus(event: any) {
         rootRef.current.classList.add('focus');
@@ -146,6 +146,7 @@ const Checkbox = forwardRef((props: CheckboxProps, ref: any) => {
                         id={idRes}
                         name={name}
                         value={val ? value as string || '' : ''}  // do not use `defaultValue`
+                        {...attributes}
                     />
 
                     {label ? <><label htmlFor={`label-${idRes}`} className="form-check-label" dangerouslySetInnerHTML={{__html: `${label}`}}></label></> : null}

package/lib/esm/DynamicFields/index.tsx

@@ -178,7 +178,7 @@ const DynamicFields = (props: DynamicFieldsProps) => {
         const curKey = (e.currentTarget.closest('.dynamic-fields__data__wrapper') as HTMLDivElement).dataset.key;
         
 
-        if (confirm(confirmText || '')) {
+        if (window.confirm(confirmText || '')) {
 
             //button status
             if (rootRef.current.querySelectorAll(PER_ROW_DOM_STRING).length <= parseFloat(maxFields)) {

package/lib/esm/Input/index.tsx

@@ -126,7 +126,7 @@ const Input = forwardRef((props: InputProps, ref: any) => {
         // It fires in real time as the user enters
         if (typeof (onInputCallback) === 'function') {
             const newData: any = onInputCallback(event);
-            setChangedVal(newData);
+            if (newData) setChangedVal(newData);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
         }
 
 
@@ -149,14 +149,14 @@ const Input = forwardRef((props: InputProps, ref: any) => {
         // It fires when focus is lost
         if (typeof (onChangeCallback) === 'function') {
             const newData: any = onChangeCallback(event);
-            setChangedVal(newData);
+            if (newData) setChangedVal(newData);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
         }
     }
    
     function handleKeyPressed(event: React.KeyboardEvent<HTMLInputElement>) {
         if (typeof (onKeyPressedCallback) === 'function') {
             const newData: any = onKeyPressedCallback(event);
-            setChangedVal(newData);
+            if (newData) setChangedVal(newData);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
         }
     }
 

package/lib/esm/MultiFuncSelect/index.tsx

@@ -1590,7 +1590,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
                                         return <button tabIndex={-1} onClick={handleSelect} type="button" data-index={index} key={index} className={`list-group-item list-group-item-action border-start-0 border-end-0 ${startItemBorder} ${endItemBorder} border-bottom-0 ${itemSelected ? 'list-group-item-secondary item-selected' : ''}`} data-value={`${item.value}`} data-label={`${item.label}`} data-querystring={`${typeof item.queryString === 'undefined' ? '' : item.queryString}`} data-itemdata={JSON.stringify(item)} role="tab">
                                             <var className="d-inline-block me-1 ">
                                                 {!itemSelected ? <svg width="1.2em" height="1.2em" viewBox="0 0 24 24" fill="none">
-                                                    <path id="Vector" d="M4 7.2002V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V7.19691C20 6.07899 20 5.5192 19.7822 5.0918C19.5905 4.71547 19.2837 4.40973 18.9074 4.21799C18.4796 4 17.9203 4 16.8002 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002Z" stroke="#000000" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
+                                                    <path d="M4 7.2002V16.8002C4 17.9203 4 18.4801 4.21799 18.9079C4.40973 19.2842 4.71547 19.5905 5.0918 19.7822C5.5192 20 6.07899 20 7.19691 20H16.8031C17.921 20 18.48 20 18.9074 19.7822C19.2837 19.5905 19.5905 19.2842 19.7822 18.9079C20 18.4805 20 17.9215 20 16.8036V7.19691C20 6.07899 20 5.5192 19.7822 5.0918C19.5905 4.71547 19.2837 4.40973 18.9074 4.21799C18.4796 4 17.9203 4 16.8002 4H7.2002C6.08009 4 5.51962 4 5.0918 4.21799C4.71547 4.40973 4.40973 4.71547 4.21799 5.0918C4 5.51962 4 6.08009 4 7.2002Z" stroke="#000000" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
                                                 </svg> : <svg width="1.2em" height="1.2em" fill="#000000" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" /></svg>}
                                                 
                                             </var>

package/lib/esm/MultipleCheckboxes/index.tsx

@@ -39,6 +39,7 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, ref: any)
         id,
         style,
         onChange,
+        ...attributes
     } = props;
 
 
@@ -162,6 +163,7 @@ const MultipleCheckboxes = forwardRef((props: MultipleCheckboxesProps, ref: any)
                         name={name}
                         value={regTagSelected.join(',')}
                         required={required || null}
+                        {...attributes}
                     />
 
 

package/lib/esm/RangeSlider/index.tsx

@@ -108,8 +108,14 @@ const RangeSlider = (props: RangeSliderProps) => {
 
         // update default value
         //--------------
-        initDefaultValue(value);
-
+        if (typeof value.min === 'undefined' || typeof value.max === 'undefined') {
+            initDefaultValue({
+                min,
+                max
+            });
+        } else {
+            initDefaultValue(value);
+        }
 
     }, [value]);
 

package/lib/esm/Switch/index.tsx

@@ -51,7 +51,7 @@ const Switch = forwardRef((props: SwitchProps, ref: any) => {
     const uniqueID = useId();
     const idRes = id || uniqueID;
     const rootRef = useRef<any>(null);
-    const [val, setVal] = useState<any>(null);
+    const [val, setVal] = useState<any>(null || false);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
 
     function handleFocus(event: any) {
         rootRef.current.classList.add('focus');
@@ -128,6 +128,7 @@ const Switch = forwardRef((props: SwitchProps, ref: any) => {
                         id={idRes}
                         name={name}
                         value={val ? value as string || '' : ''}  // do not use `defaultValue`
+                        {...attributes}
                     />
 
 

package/lib/esm/Textarea/index.tsx

@@ -99,7 +99,7 @@ const Textarea = forwardRef((props: TextareaProps, ref: any) => {
         // It fires in real time as the user enters
         if (typeof (onInputCallback) === 'function') {
             const newData: any = onInputCallback(event);
-            setChangedVal(newData);
+            if (newData) setChangedVal(newData);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
         }
 
     }
@@ -122,7 +122,7 @@ const Textarea = forwardRef((props: TextareaProps, ref: any) => {
         // It fires when focus is lost
         if (typeof (onChangeCallback) === 'function') {
             const newData: any = onChangeCallback(event);
-            setChangedVal(newData);
+            if (newData) setChangedVal(newData);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
         }
 
     }
@@ -130,7 +130,7 @@ const Textarea = forwardRef((props: TextareaProps, ref: any) => {
     function handleKeyPressed(event: React.KeyboardEvent<HTMLTextAreaElement>) {
         if (typeof (onKeyPressedCallback) === 'function') {
             const newData: any = onKeyPressedCallback(event);
-            setChangedVal(newData);
+            if (newData) setChangedVal(newData);  // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
         }
     }
 

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "1.0.532",
+  "version": "1.0.537",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",