@pagamio/frontend-commons-lib 0.8.274 → 0.8.275

package/lib/context/MultiFormEngineDrawerProvider.js

@@ -12,9 +12,18 @@ const MultiFormEngineDrawerProviderContext = createContext(undefined);
 export const MultiFormEngineDrawerProvider = ({ pathname, children }) => {
     const [drawerStates, setDrawerStates] = useState(new Map());
     const formDataRef = useRef(new Map());
+    const prevPathnameRef = useRef(pathname);
     useEffect(() => {
         setupInputRegistry();
     }, []);
+    // Clear drawers synchronously during render when pathname changes
+    // (useEffect fires too late, causing the new page to render with compressed layout)
+    if (prevPathnameRef.current !== pathname) {
+        prevPathnameRef.current = pathname;
+        if (drawerStates.size > 0) {
+            setDrawerStates(new Map());
+        }
+    }
     const handleOpenDrawer = useCallback((key) => {
         setDrawerStates((prev) => new Map(prev).set(key, true));
     }, []);
@@ -51,9 +60,6 @@ export const MultiFormEngineDrawerProvider = ({ pathname, children }) => {
     const hasFormData = useCallback((key) => {
         return formDataRef.current.has(key);
     }, []);
-    useEffect(() => {
-        setDrawerStates(new Map());
-    }, [pathname]);
     const contextValue = useMemo(() => ({
         isOpen,
         isAnyDrawerOpen,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.274",
+  "version": "0.8.275",
   "publishConfig": {
     "access": "public",
     "provenance": false