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
|
|
55917
|
-
var
|
|
55918
|
-
return _regenerator().w(function (
|
|
55919
|
-
while (1) switch (
|
|
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
|
-
|
|
55923
|
-
return
|
|
55947
|
+
_context7.n = 1;
|
|
55948
|
+
return getValidForm();
|
|
55924
55949
|
case 1:
|
|
55925
|
-
|
|
55926
|
-
if (
|
|
55927
|
-
|
|
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
|
|
55957
|
+
return _context7.a(2);
|
|
55934
55958
|
}
|
|
55935
|
-
},
|
|
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:
|
|
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"
|
|
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:
|
|
75957
|
+
tabIndex: -1,
|
|
75934
75958
|
onFocus: onFocus,
|
|
75935
75959
|
onBlur: onBlur,
|
|
75936
75960
|
className: _styles__WEBPACK_IMPORTED_MODULE_7__.SelectFieldStyle.selectField,
|