indicator-ui 0.1.53 → 0.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -55604,6 +55604,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
55604
55604
  * | `clearErrors()` | `() => void` | Очищает все ошибки |
55605
55605
  * | `register(path, config?)` | `(path, config?) => FieldPropsType` | Регистрирует поле и возвращает пропсы для компонента |
55606
55606
  * | `registerForm()` | `() => Pick<React.ComponentProps<'form'>, 'onSubmit' | 'onReset' | 'noValidate'>` | Возвращает обработчики и настройки для `<form>` |
55607
+ * | `getValidForm()` | `() => Promise<T | null>` | Возвращает валидную форму, в случае если форма не валидна - null |
55607
55608
  *
55608
55609
  * ---
55609
55610
  * ### 🧠 `registerForm`
@@ -55878,6 +55879,30 @@ function useForm() {
55878
55879
  getFormErrors().setErrors(errors);
55879
55880
  triggerFormErrors();
55880
55881
  };
55882
+ var getValidForm = /*#__PURE__*/function () {
55883
+ var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6() {
55884
+ var isValidFields;
55885
+ return _regenerator().w(function (_context6) {
55886
+ while (1) switch (_context6.n) {
55887
+ case 0:
55888
+ _context6.n = 1;
55889
+ return isFormValid();
55890
+ case 1:
55891
+ isValidFields = _context6.v;
55892
+ if (!isValidFields) {
55893
+ _context6.n = 2;
55894
+ break;
55895
+ }
55896
+ return _context6.a(2, getForm().getFormData());
55897
+ case 2:
55898
+ return _context6.a(2, null);
55899
+ }
55900
+ }, _callee6);
55901
+ }));
55902
+ return function getValidForm() {
55903
+ return _ref6.apply(this, arguments);
55904
+ };
55905
+ }();
55881
55906
  var clearForm = function clearForm() {
55882
55907
  var form = getForm();
55883
55908
  form.clear();
@@ -55913,26 +55938,25 @@ function useForm() {
55913
55938
  clearErrors();
55914
55939
  },
55915
55940
  onSubmit: function () {
55916
- var _onSubmit2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(event) {
55917
- var isValidFields, resData;
55918
- return _regenerator().w(function (_context6) {
55919
- while (1) switch (_context6.n) {
55941
+ var _onSubmit2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(event) {
55942
+ var validForm;
55943
+ return _regenerator().w(function (_context7) {
55944
+ while (1) switch (_context7.n) {
55920
55945
  case 0:
55921
55946
  event.preventDefault();
55922
- _context6.n = 1;
55923
- return isFormValid();
55947
+ _context7.n = 1;
55948
+ return getValidForm();
55924
55949
  case 1:
55925
- isValidFields = _context6.v;
55926
- if (isValidFields) {
55927
- resData = getForm().getFormData();
55928
- _onSubmit === null || _onSubmit === void 0 || _onSubmit(resData);
55950
+ validForm = _context7.v;
55951
+ if (validForm !== null) {
55952
+ _onSubmit === null || _onSubmit === void 0 || _onSubmit(validForm);
55929
55953
  } else {
55930
55954
  highlightFormErrors();
55931
55955
  }
55932
55956
  case 2:
55933
- return _context6.a(2);
55957
+ return _context7.a(2);
55934
55958
  }
55935
- }, _callee6);
55959
+ }, _callee7);
55936
55960
  }));
55937
55961
  function onSubmit(_x5) {
55938
55962
  return _onSubmit2.apply(this, arguments);
@@ -55961,7 +55985,8 @@ function useForm() {
55961
55985
  clearForm: clearForm,
55962
55986
  clearErrors: clearErrors,
55963
55987
  register: register,
55964
- registerForm: registerForm
55988
+ registerForm: registerForm,
55989
+ getValidForm: getValidForm
55965
55990
  };
55966
55991
  }
55967
55992
 
@@ -75331,7 +75356,7 @@ var FormFieldBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRe
75331
75356
  };
75332
75357
  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
75333
75358
  ref: ref,
75334
- tabIndex: 0,
75359
+ tabIndex: -1,
75335
75360
  onClick: onClick,
75336
75361
  className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.FormFieldStyle.flexField, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, _styles__WEBPACK_IMPORTED_MODULE_5__.FormFieldStyle.darkTheme, theme === "dark"), _styles__WEBPACK_IMPORTED_MODULE_5__.FormFieldStyle.error, error), _styles__WEBPACK_IMPORTED_MODULE_5__.FormFieldStyle.disabled, disabled), _styles__WEBPACK_IMPORTED_MODULE_5__.FormFieldStyle.pointer, onClick), _styles__WEBPACK_IMPORTED_MODULE_5__.FormFieldStyle.smallDisplay, typeDisplay === "display"), _styles__WEBPACK_IMPORTED_MODULE_5__.FormFieldStyle.largeDisplay, typeDisplay === "display-l"), className),
75337
75362
  children: [getIcon(), getTextSupport(), getUserPic(), getInput(), help, dropdown, button]
@@ -75803,7 +75828,7 @@ __webpack_require__.r(__webpack_exports__);
75803
75828
  /* harmony import */ var _FormField__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../FormField */ "./src/ui/formFields/FormField/index.ts");
75804
75829
  /* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles */ "./src/ui/formFields/FormSelectField/styles/index.ts");
75805
75830
  /* harmony import */ var _extends__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../extends */ "./src/ui/formFields/extends/index.ts");
75806
- var _excluded = ["value", "onChange", "options", "placeholder", "required", "multiple", "disabled", "theme", "onFocus", "onBlur", "tabIndex"],
75831
+ var _excluded = ["value", "onChange", "options", "placeholder", "required", "multiple", "disabled", "theme", "onFocus", "onBlur"],
75807
75832
  _excluded2 = ["label", "value"];
75808
75833
  function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
75809
75834
  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); }
@@ -75846,7 +75871,6 @@ function FormSelectFieldBase(props) {
75846
75871
  theme = _props$theme === void 0 ? "light" : _props$theme,
75847
75872
  onFocus = props.onFocus,
75848
75873
  onBlur = props.onBlur,
75849
- tabIndex = props.tabIndex,
75850
75874
  otherProps = _objectWithoutProperties(props, _excluded);
75851
75875
  var inputRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
75852
75876
  var targetRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
@@ -75930,7 +75954,7 @@ function FormSelectFieldBase(props) {
75930
75954
  }));
75931
75955
  };
75932
75956
  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
75933
- tabIndex: false || tabIndex,
75957
+ tabIndex: -1,
75934
75958
  onFocus: onFocus,
75935
75959
  onBlur: onBlur,
75936
75960
  className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.selectField,