@portnet/ui 0.0.99 → 0.0.101

package/dist/components/others/PuiFormikForm.js

@@ -1,55 +1,41 @@
 "use strict";
 
-require("core-js/modules/web.dom-collections.iterator.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
 var _formik = require("formik");
 var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const getFieldErrorNames = formikErrors => {
-  const transformObjectToDotNotation = function transformObjectToDotNotation(obj) {
-    let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-    let result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    Object.keys(obj).forEach(key => {
-      const value = obj[key];
-      if (!value) return;
-      const nextKey = prefix ? "".concat(prefix, ".").concat(key) : key;
-      if (typeof value === "object") {
-        transformObjectToDotNotation(value, nextKey, result);
-      } else {
-        result.push(nextKey);
-      }
-    });
-    return result;
-  };
-  return transformObjectToDotNotation(formikErrors);
-};
 const PuiFormikForm = _ref => {
   let {
     children
   } = _ref;
+  const [verifyError, setVerifyError] = React.useState(false);
   const {
-    submitCount,
-    isValidating,
+    isSubmitting,
     isValid,
-    errors
+    isValidating
   } = (0, _formik.useFormikContext)();
-  React.useLayoutEffect(() => {
-    if (submitCount === 0 || isValidating || isValid) return;
-    const fieldErrorNames = getFieldErrorNames(errors);
-    if (fieldErrorNames.length <= 0) return;
-    const element = document.querySelector("input[name='".concat(fieldErrorNames[0], "']"));
-    if (!element) return;
-    element.scrollIntoView({
-      behavior: "smooth",
-      block: "center"
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isValidating]);
+  React.useEffect(() => {
+    if (isSubmitting || isValidating) {
+      setVerifyError(true);
+    }
+  }, [isSubmitting, isValidating]);
+  React.useEffect(() => {
+    if (verifyError && !isValid && !isValidating) {
+      const element = document.querySelector(".Mui-error");
+      if (Boolean(element)) {
+        element.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      }
+    }
+  }, [verifyError, isValid, isValidating]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Form, {
     children: children
   });

package/dist/config/apperance.js

@@ -7,7 +7,7 @@ exports.palette = void 0;
 const palette = {
   inherit: "inherit",
   primary: "#232f66",
-  secondary: "#dbdbdb",
+  secondary: "#e7e7e7",
   error: "#d32f2f",
   warning: "#FD9727",
   success: "#48AC24",

package/package.json

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