@portnet/ui 0.0.100 → 0.0.102

package/dist/components/inputs/PuiAutocomplete.js

@@ -145,6 +145,9 @@ const PuiStandardAutocomplete = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         label: label,
         error: error,
         helperText: helperText,
+        inputProps: {
+          name
+        },
         InputProps: _objectSpread(_objectSpread({}, params.InputProps), {}, {
           endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [loading && !disabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {

package/dist/components/inputs/PuiDateField.js

@@ -108,7 +108,10 @@ const PuiStandardDateField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       onBlur: onBlur,
       helperText: helperText
     }, params), {}, {
-      error: params.error || error
+      error: params.error || error,
+      inputProps: {
+        name
+      }
     }))
   }, rest));
 });

package/dist/components/inputs/PuiDateTimeField.js

@@ -103,7 +103,10 @@ const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       onBlur: onBlur,
       helperText: helperText
     }, params), {}, {
-      error: params.error || error
+      error: params.error || error,
+      inputProps: {
+        name
+      }
     }))
   }, rest));
 });

package/dist/components/inputs/PuiFileField.js

@@ -94,6 +94,9 @@ const PuiStandardFileField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       focused: focused,
       fullWidth: fullWidth,
       helperText: helperText,
+      inputProps: {
+        name
+      },
       InputProps: _objectSpread({
         endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
           children: buttonText

package/dist/components/inputs/PuiTextField.js

@@ -81,6 +81,9 @@ const PuiStandardTextField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       onChange: onChange,
       onClick: onClick,
       onBlur: onBlur,
+      inputProps: {
+        name
+      },
       InputProps: _objectSpread({
         readOnly
       }, InputProps)

package/dist/components/others/PuiFormikForm.js

@@ -18,7 +18,8 @@ const PuiFormikForm = _ref => {
   const {
     isSubmitting,
     isValid,
-    isValidating
+    isValidating,
+    errors
   } = (0, _formik.useFormikContext)();
   React.useEffect(() => {
     if (isSubmitting || isValidating) {
@@ -26,14 +27,18 @@ const PuiFormikForm = _ref => {
     }
   }, [isSubmitting, isValidating]);
   React.useEffect(() => {
-    if (verifyError && !isValid && !isValidating) {
-      const element = document.querySelector(".Mui-error");
-      element.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
+    const errorsKeys = Object.keys(errors);
+    if (verifyError && !isValid && !isValidating && errorsKeys.length !== 0) {
+      const element = document.querySelector("[name='".concat(errorsKeys[0], "']"));
+      if (Boolean(element)) {
+        element.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      }
+      setVerifyError(false);
     }
-  }, [verifyError, isValid, isValidating]);
+  }, [verifyError, isValid, isValidating, errors]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
     children: children
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "0.0.100",
+  "version": "0.0.102",
   "description": "Portnet UI",
   "keywords": [
     "react",