@donotdev/ui 0.0.14 → 0.0.16

package/dist/utils/useFormStoreSafe.d.ts

@@ -12,9 +12,9 @@ declare const DEGRADED_FORM_STORE_STATE: {
     readonly setError: () => void;
     readonly reset: () => void;
     readonly cleanup: () => void;
-    readonly setIsDirty: () => void;
+    readonly setIsDirty: (_formId: string, _isDirty: boolean) => void;
     readonly hasDirtyForms: () => boolean;
-    readonly getDirtyFormIds: () => never[];
+    readonly getDirtyFormIds: () => string[];
     readonly getStatus: () => "idle";
     readonly isLoading: () => boolean;
     readonly getUploadProgress: () => number;
@@ -44,18 +44,5 @@ export declare function useFormStoreSafe<T>(selector: (state: FormStoreLike) =>
 export declare namespace useFormStoreSafe {
     var getState: () => typeof DEGRADED_FORM_STORE_STATE;
 }
-/**
- * Check if any forms are dirty (safe version).
- * Returns false if CRUD package not available.
- */
-export declare function useHasDirtyFormsSafe(): boolean;
-/**
- * Check if navigation should be blocked (safe version).
- * Returns a function that checks FormStore and shows confirmation if needed.
- *
- * @param message - Confirmation message
- * @returns Promise<boolean> - true if navigation should proceed
- */
-export declare function checkFormNavigationSafe(message?: string): Promise<boolean>;
 export {};
 //# sourceMappingURL=useFormStoreSafe.d.ts.map

package/dist/utils/useFormStoreSafe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormStoreSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useFormStoreSafe.ts"],"names":[],"mappings":"AAwBA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;CAqBrB,CAAC;AAEX,sFAAsF;AACtF,KAAK,aAAa,GAAG,OAAO,yBAAyB,CAAC;AAQtD;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAyC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,GAAG,CAAC,CAK5E;yBALe,gBAAgB;wBAmBA,OAAO,yBAAyB;;AAOhE;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAE9C;AAED;;;;;;GAMG;AACH,wBAAsB,uBAAuB,CAC3C,OAAO,SAA4C,GAClD,OAAO,CAAC,OAAO,CAAC,CAUlB"}
+{"version":3,"file":"useFormStoreSafe.d.ts","sourceRoot":"","sources":["../../src/utils/useFormStoreSafe.ts"],"names":[],"mappings":"AAwBA;;;GAGG;AACH,QAAA,MAAM,yBAAyB;;;;;;;;;;mCAYP,MAAM,YAAY,OAAO;;oCAElB,MAAM,EAAE;;;;;;CAO7B,CAAC;AAEX,sFAAsF;AACtF,KAAK,aAAa,GAAG,OAAO,yBAAyB,CAAC;AAUtD;;GAEG;AACH,eAAO,MAAM,oBAAoB,SAAyC,CAAC;AAE3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,CAAC,GAAG,CAAC,CAK5E;yBALe,gBAAgB;wBAaA,OAAO,yBAAyB"}

package/dist/utils/useFormStoreSafe.js

@@ -11,7 +11,7 @@
  *
  * @see packages/ui/src/utils/useAuthSafe.ts for pattern reference
  * @see docs/development/GRACEFUL_DEGRADATION.md
- * @version 0.0.1
+ * @version 0.0.2
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -34,8 +34,8 @@ const DEGRADED_FORM_STORE_STATE = {
     reset: () => { },
     cleanup: () => { },
     // Dirty state management
-    setIsDirty: () => { },
-    hasDirtyForms: () => false, // Key method - returns false when degraded
+    setIsDirty: (_formId, _isDirty) => { },
+    hasDirtyForms: () => false,
     getDirtyFormIds: () => [],
     // Getters
     getStatus: () => 'idle',
@@ -75,12 +75,6 @@ export function useFormStoreSafe(selector) {
  * Use this in non-React contexts or for one-time checks.
  *
  * @returns FormStore state, or degraded state if CRUD not available
- *
- * @example
- * ```tsx
- * const state = useFormStoreSafe.getState();
- * const hasDirty = state.hasDirtyForms(); // Always safe to call
- * ```
  */
 useFormStoreSafe.getState = () => {
     if (realUseFormStore && typeof realUseFormStore.getState === 'function') {
@@ -88,27 +82,3 @@ useFormStoreSafe.getState = () => {
     }
     return DEGRADED_FORM_STORE_STATE;
 };
-/**
- * Check if any forms are dirty (safe version).
- * Returns false if CRUD package not available.
- */
-export function useHasDirtyFormsSafe() {
-    return useFormStoreSafe((state) => state.hasDirtyForms());
-}
-/**
- * Check if navigation should be blocked (safe version).
- * Returns a function that checks FormStore and shows confirmation if needed.
- *
- * @param message - Confirmation message
- * @returns Promise<boolean> - true if navigation should proceed
- */
-export async function checkFormNavigationSafe(message = 'You have unsaved changes. Discard them?') {
-    const state = useFormStoreSafe.getState();
-    const hasDirtyForms = state.hasDirtyForms();
-    if (!hasDirtyForms)
-        return true; // No dirty forms = allow navigation
-    if (typeof window !== 'undefined' && window.confirm) {
-        return window.confirm(message);
-    }
-    return true;
-}

package/dist/vite-routing/AppRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/vite-routing/AppRoutes.tsx"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM7D,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAGhE,yEAAyE;AACzE,KAAK,oBAAoB,GAAG,CAAC,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC,GAAG,MAAM,CAAC;AA+EjF;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAChC;AAED,4DAA4D;AAC5D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,oBAAoB,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,4CAA4C;IAC5C,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,yCA8D9D"}
+{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/vite-routing/AppRoutes.tsx"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM7D,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAGhE,yEAAyE;AACzE,KAAK,oBAAoB,GACrB,CAAC,MAAM,OAAO,CAAC;IAAE,OAAO,EAAE,aAAa,CAAA;CAAE,CAAC,CAAC,GAC3C,MAAM,CAAC;AA6FX;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAChC;AAED,4DAA4D;AAC5D,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,oBAAoB,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,UAAU,sBAAsB;IAC9B,4CAA4C;IAC5C,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,sBAAsB,yCA8D9D"}

package/dist/vite-routing/AppRoutes.js

@@ -81,7 +81,7 @@ function NotFoundPage() {
  * <LazyRoute component={route.component} path={route.path} />
  * ```
  */
-const LazyRoute = ({ component, path }) => {
+const LazyRoute = ({ component, path, }) => {
     if (!lazyComponentCache.has(path)) {
         lazyComponentCache.set(path, lazy(component));
     }

package/dist/vite-routing/RootLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../src/vite-routing/RootLayout.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AA0LnD;;GAEG;AACH,UAAU,oBAAoB;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAgC1D"}
+{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../src/vite-routing/RootLayout.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAwLnD;;GAEG;AACH,UAAU,oBAAoB;IAC5B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,oBAAoB,2CAgC1D"}

package/dist/vite-routing/RootLayout.js

@@ -51,21 +51,17 @@ const RedirectOverlay = lazy(() => import('../components/common/RedirectOverlay'
 function CustomScrollRestoration() {
     const location = useLocation();
     const scrollPositions = useRef(new Map());
-    const isFirstRender = useRef(true);
+    const prevLocationKey = useRef(null);
     useEffect(() => {
-        // Skip on first render (initial page load)
-        if (isFirstRender.current) {
-            isFirstRender.current = false;
-            return;
-        }
         const mainElement = document.querySelector('main[role="main"]');
         if (!mainElement)
             return;
-        // Save current scroll position before navigating
-        const currentKey = location.key;
-        // Check if this is a back/forward navigation (location.state can indicate this)
-        // For now, we'll use a simple heuristic: if we have a saved position, it's likely POP
-        const savedPosition = scrollPositions.current.get(currentKey);
+        // Save scroll position of the page we're leaving (Item 89)
+        if (prevLocationKey.current) {
+            scrollPositions.current.set(prevLocationKey.current, mainElement.scrollTop);
+        }
+        // Check if this is a back/forward navigation (POP) by checking saved position
+        const savedPosition = scrollPositions.current.get(location.key);
         if (savedPosition !== undefined) {
             // POP navigation - restore scroll position
             requestAnimationFrame(() => {
@@ -75,11 +71,10 @@ function CustomScrollRestoration() {
         else {
             // PUSH navigation - scroll to top
             mainElement.scrollTop = 0;
-            // Save this position for potential back navigation
-            scrollPositions.current.set(currentKey, 0);
         }
-        // Cleanup: Keep only last 10 positions to prevent memory leaks
-        if (scrollPositions.current.size > 10) {
+        prevLocationKey.current = location.key;
+        // Cleanup: Keep only last 20 positions to prevent memory leaks
+        if (scrollPositions.current.size > 20) {
             const firstKey = scrollPositions.current.keys().next().value;
             if (firstKey) {
                 scrollPositions.current.delete(firstKey);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@donotdev/ui",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "private": false,
   "license": "SEE LICENSE IN LICENSE.md",
@@ -44,7 +44,7 @@
   "scripts": {
     "dev": "tsc --noEmit --watch --listFiles false --listEmittedFiles false",
     "clean": "rimraf dist tsconfig.tsbuildinfo",
-    "type-check": "tsc --noEmit"
+    "type-check": "bunx tsc --noEmit"
   },
   "dependencies": {
     "@fontsource/inter": "^5.2.8",
@@ -56,14 +56,14 @@
     "react-hook-form": "^7.71.1"
   },
   "peerDependencies": {
-    "@donotdev/adv-comps": "^0.0.11",
-    "@donotdev/auth": "^0.0.7",
-    "@donotdev/billing": "^0.0.6",
-    "@donotdev/components": "^0.0.17",
-    "@donotdev/core": "^0.0.24",
-    "@donotdev/crud": "^0.0.15",
-    "@donotdev/firebase": "^0.0.10",
-    "@donotdev/oauth": "^0.0.6",
+    "@donotdev/adv-comps": "^0.0.13",
+    "@donotdev/auth": "^0.0.9",
+    "@donotdev/billing": "^0.0.8",
+    "@donotdev/components": "^0.0.19",
+    "@donotdev/core": "^0.0.25",
+    "@donotdev/crud": "^0.0.16",
+    "@donotdev/firebase": "^0.0.12",
+    "@donotdev/oauth": "^0.0.8",
     "firebase": "^12.9.0",
     "lucide-react": "^0.574.0",
     "react": "^19.2.4",

package/dist/routing/hooks/useFormNavigationBlocker.d.ts

@@ -1,14 +0,0 @@
-/**
- * Hook to block React Router navigation when forms are dirty.
- * Uses FormStore as single source of truth.
- * Safe - gracefully degrades if CRUD package not installed.
- *
- * @example
- * ```tsx
- * // In your app root/layout
- * useFormNavigationBlocker();
- * ```
- */
-export declare function useFormNavigationBlocker(): void;
-export default useFormNavigationBlocker;
-//# sourceMappingURL=useFormNavigationBlocker.d.ts.map

package/dist/routing/hooks/useFormNavigationBlocker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormNavigationBlocker.d.ts","sourceRoot":"","sources":["../../../src/routing/hooks/useFormNavigationBlocker.ts"],"names":[],"mappings":"AAqBA;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAmB/C;AAED,eAAe,wBAAwB,CAAC"}

package/dist/routing/hooks/useFormNavigationBlocker.js

@@ -1,42 +0,0 @@
-'use client';
-// packages/ui/src/routing/hooks/useFormNavigationBlocker.ts
-/**
- * @fileoverview Form Navigation Blocker Hook
- * @description React Router integration for blocking navigation when forms are dirty.
- * Uses FormStore as single source of truth. Safe - works if CRUD package not installed.
- *
- * @version 0.0.1
- * @since 0.0.1
- * @author AMBROISE PARK Consulting
- */
-import { useBlocker } from 'react-router-dom';
-import { useEffect } from 'react';
-import { useHasDirtyFormsSafe, checkFormNavigationSafe, } from '../../utils/useFormStoreSafe';
-/**
- * Hook to block React Router navigation when forms are dirty.
- * Uses FormStore as single source of truth.
- * Safe - gracefully degrades if CRUD package not installed.
- *
- * @example
- * ```tsx
- * // In your app root/layout
- * useFormNavigationBlocker();
- * ```
- */
-export function useFormNavigationBlocker() {
-    const hasDirtyForms = useHasDirtyFormsSafe();
-    const blocker = useBlocker(({ currentLocation, nextLocation }) => hasDirtyForms && currentLocation.pathname !== nextLocation.pathname);
-    useEffect(() => {
-        if (blocker.state === 'blocked') {
-            checkFormNavigationSafe().then((proceed) => {
-                if (proceed) {
-                    blocker.proceed();
-                }
-                else {
-                    blocker.reset();
-                }
-            });
-        }
-    }, [blocker]);
-}
-export default useFormNavigationBlocker;