@portnet/ui 0.0.102 → 0.0.104

package/dist/components/inputs/PuiAutocomplete.js

@@ -145,9 +145,9 @@ const PuiStandardAutocomplete = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         label: label,
         error: error,
         helperText: helperText,
-        inputProps: {
+        inputProps: _objectSpread(_objectSpread({}, params.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/others/PuiFormikForm.js

@@ -10,6 +10,29 @@ 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 traverseAndFlatten = (currentNode, target, flattenedKey) => {
+  for (let key in currentNode) {
+    if (currentNode.hasOwnProperty(key)) {
+      let newKey;
+      if (flattenedKey === undefined) {
+        newKey = key;
+      } else {
+        newKey = flattenedKey + "." + key;
+      }
+      let value = currentNode[key];
+      if (typeof value === "object") {
+        traverseAndFlatten(value, target, newKey);
+      } else {
+        target[newKey] = value;
+      }
+    }
+  }
+};
+const flatten = obj => {
+  let flattenedObject = {};
+  traverseAndFlatten(obj, flattenedObject);
+  return flattenedObject;
+};
 const PuiFormikForm = _ref => {
   let {
     children
@@ -27,8 +50,8 @@ const PuiFormikForm = _ref => {
     }
   }, [isSubmitting, isValidating]);
   React.useEffect(() => {
-    const errorsKeys = Object.keys(errors);
-    if (verifyError && !isValid && !isValidating && errorsKeys.length !== 0) {
+    if (verifyError && !isValid && !isValidating && Object.keys(errors).length !== 0) {
+      const errorsKeys = Object.keys(flatten(errors));
       const element = document.querySelector("[name='".concat(errorsKeys[0], "']"));
       if (Boolean(element)) {
         element.scrollIntoView({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "0.0.102",
+  "version": "0.0.104",
   "description": "Portnet UI",
   "keywords": [
     "react",
@@ -21,6 +21,7 @@
     "@mui/material": "^5.10.16",
     "@mui/x-data-grid": "^5.17.14",
     "@mui/x-date-pickers": "^5.0.4",
+    "@portnet/ui": "^0.0.103",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",