indicator-ui 0.1.48 → 0.1.49

package/dist/index.js

@@ -54313,14 +54313,15 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
-// type FormDataType<T> = Partial<T> | undefined
 var Form = /*#__PURE__*/function () {
   function Form(data) {
     _classCallCheck(this, Form);
+    _defineProperty(this, "defaultValues", {});
     this.data = data;
   }
   return _createClass(Form, [{
@@ -54341,18 +54342,84 @@ var Form = /*#__PURE__*/function () {
     set: function set(data) {
       this.setFormData(data);
     }
+  }, {
+    key: "hasDefaultValue",
+    value: function hasDefaultValue(path) {
+      var defaultValues = this.defaultValues;
+      var extendsPath = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getExtendPath)(path);
+      return extendsPath in defaultValues;
+    }
+  }, {
+    key: "getDefaultValue",
+    value: function getDefaultValue(path) {
+      var curDefaultValues = this.defaultValues;
+      var extendsPath = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getExtendPath)(path);
+      return this.hasDefaultValue(path) ? {
+        "default": curDefaultValues[extendsPath]
+      } : undefined;
+    }
+  }, {
+    key: "setDefaultValue",
+    value: function setDefaultValue(path, value) {
+      this.defaultValues[path] = value;
+    }
+  }, {
+    key: "deleteDefaultValue",
+    value: function deleteDefaultValue(path) {
+      delete this.defaultValues[path];
+    }
+  }, {
+    key: "clearDefaultValues",
+    value: function clearDefaultValues() {
+      this.defaultValues = {};
+    }
+  }, {
+    key: "applyDefaultValue",
+    value: function applyDefaultValue(path) {
+      var resData = this.getFormData();
+      var curDefault = this.getDefaultValue(path);
+      if (curDefault) {
+        var value = curDefault["default"];
+        resData = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.setExtendValue)(resData, path, value);
+      }
+      this.setFormData(resData);
+    }
+  }, {
+    key: "applyDefaultValues",
+    value: function applyDefaultValues() {
+      var defaultValues = this.defaultValues;
+      var paths = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getSortedExtendsPaths)(defaultValues);
+      var _iterator = _createForOfIteratorHelper(paths),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var path = _step.value;
+          this.applyDefaultValue(path);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
   }, {
     key: "setField",
-    value: function setField(chain, value) {
-      var formData = this.getFormData();
-      var newData = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.setDataByPath)(formData, chain, value);
-      this.setFormData(newData);
+    value: function setField(path, value) {
+      var isEmptyValue = !value;
+      var hasDefault = this.hasDefaultValue(path);
+      if (hasDefault && isEmptyValue) {
+        this.applyDefaultValue(path);
+      } else {
+        var formData = this.getFormData();
+        var newData = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.setDataByPath)(formData, path, value);
+        this.setFormData(newData);
+      }
     }
   }, {
     key: "getField",
-    value: function getField(chain) {
+    value: function getField(path) {
       var formData = this.getFormData();
-      return (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getDataByPath)(formData, chain);
+      return (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getDataByPath)(formData, path);
     }
   }, {
     key: "clear",
@@ -54389,11 +54456,11 @@ var FormError = /*#__PURE__*/function () {
     value: function addErrors(errors) {
       var curErrors = this.getErrors();
       var filteredErrors = [];
-      var _iterator = _createForOfIteratorHelper(curErrors),
-        _step;
+      var _iterator2 = _createForOfIteratorHelper(curErrors),
+        _step2;
       try {
         var _loop = function _loop() {
-          var error = _step.value;
+          var error = _step2.value;
           var hasInNewErrors = errors.find(function (item) {
             return item.path === error.path;
           });
@@ -54401,13 +54468,13 @@ var FormError = /*#__PURE__*/function () {
             filteredErrors.push(error);
           }
         };
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
           _loop();
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
       this.formErrors = [].concat(filteredErrors, _toConsumableArray(errors));
     }
@@ -54461,7 +54528,7 @@ var FormValidateFun = /*#__PURE__*/function () {
     key: "getValueForValidate",
     value: function getValueForValidate(path) {
       var form = this.form;
-      var arrayItemPath = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getRealPathByArrayItemPath)(path);
+      var arrayItemPath = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getArrayExtendBasePath)(path);
       var res;
       if (arrayItemPath !== undefined) {
         var arrayField = form.getField(arrayItemPath) || [];
@@ -54495,7 +54562,7 @@ var FormValidateFun = /*#__PURE__*/function () {
     value: function getValidateFunctions(path) {
       var _formValidateFunction, _formValidateFunction2;
       var formValidateFunctions = this.getFormValidateFunctions();
-      var arrayItemPath = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getArrayItemPathByRealPath)(path);
+      var arrayItemPath = (0,_lib__WEBPACK_IMPORTED_MODULE_1__.getArrayExtendPath)(path);
       var fun = ((_formValidateFunction = formValidateFunctions.find(function (item) {
         return item.path === path;
       })) === null || _formValidateFunction === void 0 ? void 0 : _formValidateFunction.fun) || [];
@@ -54532,32 +54599,32 @@ var FormValidateFun = /*#__PURE__*/function () {
     key: "validate",
     value: function () {
       var _validate = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(path) {
-        var values, res, _iterator2, _step2, item, curValue, curPath, validators, _iterator3, _step3, validator, errorP, error, _t, _t2, _t3;
+        var values, res, _iterator3, _step3, item, curValue, curPath, validators, _iterator4, _step4, validator, errorP, error, _t, _t2, _t3;
         return _regenerator().w(function (_context) {
           while (1) switch (_context.n) {
             case 0:
               values = this.getValueForValidate(path);
               res = [];
-              _iterator2 = _createForOfIteratorHelper(values);
+              _iterator3 = _createForOfIteratorHelper(values);
               _context.p = 1;
-              _iterator2.s();
+              _iterator3.s();
             case 2:
-              if ((_step2 = _iterator2.n()).done) {
+              if ((_step3 = _iterator3.n()).done) {
                 _context.n = 13;
                 break;
               }
-              item = _step2.value;
+              item = _step3.value;
               curValue = item.value, curPath = item.path;
               validators = this.getValidateFunctions(curPath);
-              _iterator3 = _createForOfIteratorHelper(validators);
+              _iterator4 = _createForOfIteratorHelper(validators);
               _context.p = 3;
-              _iterator3.s();
+              _iterator4.s();
             case 4:
-              if ((_step3 = _iterator3.n()).done) {
+              if ((_step4 = _iterator4.n()).done) {
                 _context.n = 9;
                 break;
               }
-              validator = _step3.value;
+              validator = _step4.value;
               errorP = validator(curValue);
               if (!(0,_lib__WEBPACK_IMPORTED_MODULE_0__.isPromise)(errorP)) {
                 _context.n = 6;
@@ -54591,10 +54658,10 @@ var FormValidateFun = /*#__PURE__*/function () {
             case 10:
               _context.p = 10;
               _t2 = _context.v;
-              _iterator3.e(_t2);
+              _iterator4.e(_t2);
             case 11:
               _context.p = 11;
-              _iterator3.f();
+              _iterator4.f();
               return _context.f(11);
             case 12:
               _context.n = 2;
@@ -54605,10 +54672,10 @@ var FormValidateFun = /*#__PURE__*/function () {
             case 14:
               _context.p = 14;
               _t3 = _context.v;
-              _iterator2.e(_t3);
+              _iterator3.e(_t3);
             case 15:
               _context.p = 15;
-              _iterator2.f();
+              _iterator3.f();
               return _context.f(15);
             case 16:
               return _context.a(2, res);
@@ -54647,7 +54714,7 @@ var FormValidateFun = /*#__PURE__*/function () {
     key: "validateAllFields",
     value: function () {
       var _validateAllFields = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
-        var formValidateFunctions, errors, allPaths, _iterator4, _step4, path, fieldErrors, _t4;
+        var formValidateFunctions, errors, allPaths, _iterator5, _step5, path, fieldErrors, _t4;
         return _regenerator().w(function (_context3) {
           while (1) switch (_context3.n) {
             case 0:
@@ -54656,15 +54723,15 @@ var FormValidateFun = /*#__PURE__*/function () {
               allPaths = formValidateFunctions.map(function (item) {
                 return item.path;
               });
-              _iterator4 = _createForOfIteratorHelper(allPaths);
+              _iterator5 = _createForOfIteratorHelper(allPaths);
               _context3.p = 1;
-              _iterator4.s();
+              _iterator5.s();
             case 2:
-              if ((_step4 = _iterator4.n()).done) {
+              if ((_step5 = _iterator5.n()).done) {
                 _context3.n = 5;
                 break;
               }
-              path = _step4.value;
+              path = _step5.value;
               _context3.n = 3;
               return this.validate(path);
             case 3:
@@ -54679,10 +54746,10 @@ var FormValidateFun = /*#__PURE__*/function () {
             case 6:
               _context3.p = 6;
               _t4 = _context3.v;
-              _iterator4.e(_t4);
+              _iterator5.e(_t4);
             case 7:
               _context3.p = 7;
-              _iterator4.f();
+              _iterator5.f();
               return _context3.f(7);
             case 8:
               return _context3.a(2, errors);
@@ -54917,14 +54984,17 @@ function getFormDataPaths() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   getArrayItemPathByRealPath: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.getArrayItemPathByRealPath),
+/* harmony export */   getArrayExtendBasePath: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.getArrayExtendBasePath),
+/* harmony export */   getArrayExtendPath: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.getArrayExtendPath),
 /* harmony export */   getDataByPath: () => (/* reexport safe */ _getDataByPath__WEBPACK_IMPORTED_MODULE_0__.getDataByPath),
+/* harmony export */   getExtendPath: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.getExtendPath),
 /* harmony export */   getFieldPropsType: () => (/* reexport safe */ _fieldsProps__WEBPACK_IMPORTED_MODULE_4__.getFieldPropsType),
 /* harmony export */   getFormDataPaths: () => (/* reexport safe */ _getFormDataPaths__WEBPACK_IMPORTED_MODULE_2__.getFormDataPaths),
-/* harmony export */   getRealPathByArrayItemPath: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.getRealPathByArrayItemPath),
+/* harmony export */   getSortedExtendsPaths: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.getSortedExtendsPaths),
 /* harmony export */   processScheme: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.processScheme),
 /* harmony export */   processValidators: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.processValidators),
-/* harmony export */   setDataByPath: () => (/* reexport safe */ _setDataByPath__WEBPACK_IMPORTED_MODULE_1__.setDataByPath)
+/* harmony export */   setDataByPath: () => (/* reexport safe */ _setDataByPath__WEBPACK_IMPORTED_MODULE_1__.setDataByPath),
+/* harmony export */   setExtendValue: () => (/* reexport safe */ _scheme__WEBPACK_IMPORTED_MODULE_3__.setExtendValue)
 /* harmony export */ });
 /* harmony import */ var _getDataByPath__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./getDataByPath */ "./src/hooks/forms/lib/getDataByPath.ts");
 /* harmony import */ var _setDataByPath__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./setDataByPath */ "./src/hooks/forms/lib/setDataByPath.ts");
@@ -54948,18 +55018,27 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   getArrayItemPathByRealPath: () => (/* binding */ getArrayItemPathByRealPath),
-/* harmony export */   getRealPathByArrayItemPath: () => (/* binding */ getRealPathByArrayItemPath),
+/* harmony export */   getArrayExtendBasePath: () => (/* binding */ getArrayExtendBasePath),
+/* harmony export */   getArrayExtendPath: () => (/* binding */ getArrayExtendPath),
+/* harmony export */   getExtendPath: () => (/* binding */ getExtendPath),
+/* harmony export */   getSortedExtendsPaths: () => (/* binding */ getSortedExtendsPaths),
 /* harmony export */   processScheme: () => (/* binding */ processScheme),
-/* harmony export */   processValidators: () => (/* binding */ processValidators)
+/* harmony export */   processValidators: () => (/* binding */ processValidators),
+/* harmony export */   setExtendValue: () => (/* binding */ setExtendValue)
 /* harmony export */ });
 /* harmony import */ var _validateFunctions__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../validateFunctions */ "./src/hooks/forms/validateFunctions/index.ts");
+/* harmony import */ var _hooks_forms_lib_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/hooks/forms/lib/utils */ "./src/hooks/forms/lib/utils.ts");
+/* harmony import */ var _hooks_forms_lib_getDataByPath__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/hooks/forms/lib/getDataByPath */ "./src/hooks/forms/lib/getDataByPath.ts");
+/* harmony import */ var _hooks_forms_lib_setDataByPath__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/hooks/forms/lib/setDataByPath */ "./src/hooks/forms/lib/setDataByPath.ts");
+var _excluded = ["default"];
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -54967,6 +55046,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 
+
+
+
 function validatorWrapper(validator, message) {
   var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return function (value) {
@@ -55056,8 +55138,14 @@ function processAnotherValidators(config, _) {
   return resValidators;
 }
 /** Полностью заменяет валидаторы поля */
-function processValidators(path, config, options) {
-  var formValidateFun = options.formValidateFun;
+function processValidators(path, _config, options) {
+  var formValidateFun = options.formValidateFun,
+    form = options.form;
+  var defaultValue = _config["default"],
+    config = _objectWithoutProperties(_config, _excluded);
+  if (defaultValue !== undefined) {
+    form.setDefaultValue(path, defaultValue);
+  }
   var base = processBaseValidators(config, options);
   var another = processAnotherValidators(config, options);
   var res = [].concat(_toConsumableArray(base), _toConsumableArray(another)).sort(function (a, b) {
@@ -55076,18 +55164,45 @@ function processScheme(scheme, options) {
     processValidators(path, config, options);
   }
 }
-function getRealPathByArrayItemPath(path) {
+function getArrayExtendBasePath(path) {
   if (path.endsWith('[*]')) {
     return path.slice(0, -3);
   }
   return undefined;
 }
-function getArrayItemPathByRealPath(path) {
-  if (/\[\d+\]$/.test(path)) {
+function getArrayExtendPath(path) {
+  if (/\[(?:\d+|\*)\]$/.test(path)) {
     return path.slice(0, -3).concat('[*]');
   }
   return undefined;
 }
+function getExtendPath(path) {
+  var arrayExtendPath = getArrayExtendPath(path);
+  return arrayExtendPath || path;
+}
+function getSortedExtendsPaths(defaultValues) {
+  var keys = Object.keys(defaultValues);
+  var sortedKeys = keys.sort(function (a, b) {
+    var deepA = a.split(/\[\d+\]|\[\*\]|\./).length;
+    var deepB = b.split(/\[\d+\]|\[\*\]|\./).length;
+    return deepA - deepB;
+  });
+  return sortedKeys;
+}
+function setExtendValue(formData, path, value) {
+  var newFormData = (0,_hooks_forms_lib_utils__WEBPACK_IMPORTED_MODULE_1__.copyData)(formData);
+  var extendArrayPath = getArrayExtendBasePath(path);
+  if (extendArrayPath) {
+    var curArrayValue = (0,_hooks_forms_lib_getDataByPath__WEBPACK_IMPORTED_MODULE_2__.getDataByPath)(newFormData, extendArrayPath) || [];
+    var newArrayValue = curArrayValue.map(function (item) {
+      return item || value;
+    });
+    newFormData = (0,_hooks_forms_lib_setDataByPath__WEBPACK_IMPORTED_MODULE_3__.setDataByPath)(newFormData, extendArrayPath, newArrayValue);
+  } else {
+    newFormData = (0,_hooks_forms_lib_setDataByPath__WEBPACK_IMPORTED_MODULE_3__.setDataByPath)(newFormData, path, value);
+  }
+  return newFormData;
+}
 
 /***/ }),
 
@@ -55419,10 +55534,13 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  * };
  *
  * export function FormPage() {
- *   const { register, formData, errors, isFormValid } = useForm<TestFormType>({ scheme });
+ *   const { register, registerForm, formData, errors, isFormValid } = useForm<TestFormType>({
+ *     scheme,
+ *     onSubmit: (data) => console.log('Submit data:', data),
+ *   });
  *
  *   return (
- *     <div>
+ *     <form {...registerForm()}>
  *       <FormField
  *         {...register('baseInput', { required: { setting: true, message: 'Обязательное поле' } })}
  *         label="base input"
@@ -55453,8 +55571,9 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  *         hint="Select с выбором нескольких элементов"
  *       />
  *
- *       <button disabled={!isFormValid()}>Отправить</button>
- *     </div>
+ *       <button type="submit">Отправить</button>
+ *       <button type="reset">Сбросить</button>
+ *     </form>
  *   );
  * }
  * ```
@@ -55480,64 +55599,45 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
  * | `clearForm()` | `() => void` | Сбрасывает все значения формы |
  * | `clearErrors()` | `() => void` | Очищает все ошибки |
  * | `register(path, config?)` | `(path, config?) => FieldPropsType` | Регистрирует поле и возвращает пропсы для компонента |
+ * | `registerForm()` | `() => Pick<React.ComponentProps<'form'>, 'onSubmit' | 'onReset' | 'noValidate'>` | Возвращает обработчики и настройки для `<form>` |
  *
  * ---
- * @template Form — объект, описывающий форму.
- * @template T — частичный тип формы (используется для инициализации, по умолчанию `Partial<Form>`).
- *
- * @param {Object} [params]
- * @param {T} [params.initFormData] — начальные данные формы.
- * @param {FormSchemeType<T>} [params.scheme] — схема валидации формы.
- *
- * @returns {{
- *   /** Текущее состояние формы (реактивное) *\/
- *   formData: T;
- *
- *   /** Установка полного состояния формы *\/
- *   setFormData: (data: T) => void;
- *
- *   /** Получение текущего состояния формы *\/
- *   getFormData: () => T;
- *
- *   /** Все ошибки формы *\/
- *   errors: FormErrorsType<T>;
- *
- *   /** Замена всех ошибок формы *\/
- *   setErrors: (errors: FormErrorsType<T>) => void;
- *
- *   /** Получение значения поля *\/
- *   getField: <P extends FormPath<T>>(path: P) => FormValue<T, P>;
- *
- *   /** Установка значения поля *\/
- *   setField: <P extends FormPath<T>>(path: P, value: FormValue<T, P> | undefined) => void;
+ * ### 🧠 `registerForm`
  *
- *   /** Получение ошибки конкретного поля *\/
- *   getError: <P extends FormPath<T>>(path: P) => FormErrorType;
+ * Функция `registerForm` позволяет удобно подключить форму к системе валидации и управления состоянием,
+ * не теряя контроль над поведением `onSubmit` и `onReset`.
  *
- *   /** Установка ошибки поля вручную *\/
- *   setError: <P extends FormPath<T>>(path: P, error: FormErrorType) => void;
- *
- *   /** Проверка конкретного поля с обновлением `errors` *\/
- *   highlightField: <P extends GetFormValidateFunPathType<T>>(path: P) => Promise<void>;
- *
- *   /** Проверка всех полей формы с обновлением `errors` *\/
- *   highlightFormErrors: () => Promise<void>;
+ * #### Пример:
+ * ```tsx
+ * const { register, registerForm } = useForm<MyFormType>({
+ *   onSubmit: (data) => console.log('Отправлено:', data),
+ * });
  *
- *   /** Проверка валидности конкретного поля (без обновления `errors`) *\/
- *   isFieldValid: <P extends GetFormValidateFunPathType<T>>(path: P) => boolean;
+ * return (
+ *   <form {...registerForm()}>
+ *     <FormField {...register('username')} label="Имя" />
+ *     <FormField {...register('email')} label="Email" />
+ *     <button type="submit">Отправить</button>
+ *     <button type="reset">Сбросить</button>
+ *   </form>
+ * );
+ * ```
  *
- *   /** Проверка валидности всей формы (без обновления `errors`) *\/
- *   isFormValid: () => boolean;
+ * #### Поведение:
+ * - `onSubmit`: выполняет валидацию всей формы (`isFormValid()`), при успехе вызывает переданный `onSubmit`;
+ * - `onReset`: предотвращает нативный сброс, очищает значения (`clearForm()`) и ошибки (`clearErrors()`);
+ * - `noValidate: true`: отключает нативную HTML5-валидацию, чтобы не мешала кастомной логике.
  *
- *   /** Сброс всех значений формы *\/
- *   clearForm: () => void;
+ * ---
+ * @template Form — объект, описывающий форму.
+ * @template T — частичный тип формы (используется для инициализации, по умолчанию `Partial<Form>`).
  *
- *   /** Очистка всех ошибок *\/
- *   clearErrors: () => void;
+ * @param {Object} [params]
+ * @param {T} [params.initFormData] — начальные данные формы.
+ * @param {FormSchemeType<T>} [params.scheme] — схема валидации формы.
+ * @param {(data: Form) => void | Promise<void>} [params.onSubmit] — колбэк, вызываемый при успешной отправке формы.
  *
- *   /** Регистрация поля с привязкой валидации и значений *\/
- *   register: <P extends FormPath<T>>(path: P, config?: FormSchemeType<T>[P]) => FieldPropsType<FormValue<T, P>>;
- * }}
+ * @returns {object} Объект с методами и состоянием формы (см. таблицу выше).
  */
 function useForm() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -55545,7 +55645,8 @@ function useForm() {
   }
   var _args$ = args[0],
     initFormData = _args$.initFormData,
-    scheme = _args$.scheme;
+    scheme = _args$.scheme,
+    _onSubmit = _args$.onSubmit;
   var _useSyncedStateRef = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSyncedStateRef)(new _classes__WEBPACK_IMPORTED_MODULE_2__.Form(initFormData)),
     _useSyncedStateRef2 = _slicedToArray(_useSyncedStateRef, 3),
     form = _useSyncedStateRef2[0],
@@ -55566,6 +55667,8 @@ function useForm() {
         form: getForm(),
         formValidateFun: getValidateFun()
       });
+      getForm().applyDefaultValues();
+      triggerForm();
     }
   }, [scheme]);
   var triggerFormErrors = function triggerFormErrors() {
@@ -55658,6 +55761,16 @@ function useForm() {
     getFormErrors().setErrors(errors);
     triggerFormErrors();
   };
+  var clearForm = function clearForm() {
+    var form = getForm();
+    form.clear();
+    triggerForm();
+  };
+  var clearErrors = function clearErrors() {
+    var errors = getFormErrors();
+    errors.clear();
+    triggerFormErrors();
+  };
   var register = function register(path, config) {
     var resConfig = _objectSpread(_objectSpread({}, config || {}), (scheme === null || scheme === void 0 ? void 0 : scheme[path]) || {});
     (0,_lib__WEBPACK_IMPORTED_MODULE_3__.processValidators)(path, resConfig, {
@@ -55674,15 +55787,42 @@ function useForm() {
       highlightField: highlightField
     });
   };
-  var clearForm = function clearForm() {
-    var form = getForm();
-    form.clear();
-    triggerForm();
-  };
-  var clearErrors = function clearErrors() {
-    var errors = getFormErrors();
-    errors.clear();
-    triggerFormErrors();
+  var registerForm = function registerForm() {
+    return {
+      noValidate: true,
+      onReset: function onReset(event) {
+        event.preventDefault();
+        clearForm();
+        clearErrors();
+      },
+      onSubmit: function () {
+        var _onSubmit2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(event) {
+          var isValidFields, resData;
+          return _regenerator().w(function (_context3) {
+            while (1) switch (_context3.n) {
+              case 0:
+                event.preventDefault();
+                _context3.n = 1;
+                return isFormValid();
+              case 1:
+                isValidFields = _context3.v;
+                if (isValidFields) {
+                  resData = getForm().getFormData();
+                  _onSubmit === null || _onSubmit === void 0 || _onSubmit(resData);
+                } else {
+                  highlightFormErrors();
+                }
+              case 2:
+                return _context3.a(2);
+            }
+          }, _callee3);
+        }));
+        function onSubmit(_x2) {
+          return _onSubmit2.apply(this, arguments);
+        }
+        return onSubmit;
+      }()
+    };
   };
   return {
     formData: form.formData,
@@ -55700,7 +55840,8 @@ function useForm() {
     isFormValid: isFormValid,
     clearForm: clearForm,
     clearErrors: clearErrors,
-    register: register
+    register: register,
+    registerForm: registerForm
   };
 }
 
@@ -62415,7 +62556,9 @@ var Button = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(func
       ref: ref
     });
   }
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({}, props), {}, {
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", _objectSpread(_objectSpread({
+    type: 'button'
+  }, props), {}, {
     disabled: disabled,
     className: getClassName(),
     ref: ref,
@@ -63224,6 +63367,7 @@ function Checkbox(_ref) {
     onBlur: function onBlur() {
       return setIsFocused(false);
     },
+    type: 'button',
     className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.checkbox, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.error, error), _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.heightFill, height === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle.heightHug, height === 'hug'), additionStyle),
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.CheckboxMark, {
       type: type,
@@ -74023,6 +74167,7 @@ function Toggle(props) {
     },
     onClick: onClick,
     disabled: disabled,
+    type: 'button',
     className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.toggle, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.widthFill, width === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.widthHug, width === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.heightFill, height === 'fill'), _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.heightHug, height === 'hug'), _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.hover, isHover), _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.active, active), _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle.dark, theme === "dark"), additionStyle),
     children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ToggleBase, {
       active: active,
@@ -74183,7 +74328,9 @@ function ToggleBase(props) {
   var getClassName = function getClassName() {
     return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.toggleBase, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.active, active), _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.error, error), _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.hover, hover), _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.large, size === 'large'), _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.medium, size === 'medium'), _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle.dark, theme === 'dark'));
   };
-  var componentWrapper = isButton ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {});
+  var componentWrapper = isButton ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {
+    type: 'button'
+  }) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {});
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(componentWrapper, {
     children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
       children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {