@viliha/vui-ui 1.6.2 → 1.6.3

package/CHANGELOG.md

@@ -7,6 +7,18 @@ backward-compatible features, **major** for breaking changes.
 
 To upgrade, see [Upgrading](./AGENT.md#upgrading) in the agent guide.
 
+## 1.6.3 — 2026-07-25
+
+### Fixed
+
+- `RecordForm` no longer loses in-progress input when switching tabs **in dev**.
+  The draft persistence (`persistKey`) used a first-write flag that React
+  StrictMode's effect double-invoke defeated: the second pass wrote the empty
+  initial value over the draft the restore effect was about to bring back. The
+  writer now skips the untouched seed by identity, so it never clobbers a stored
+  draft. (Production builds, which don't run StrictMode's double-invoke, were
+  unaffected.)
+
 ## 1.6.2 — 2026-07-25
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viliha/vui-ui",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "Vui UI — a clean, token-driven React admin/CRM component library built on Tailwind CSS v4, shadcn-style patterns, and Radix Icons. Ships as TypeScript source (Just-in-Time), compiled by the consuming app.",
   "license": "MIT",
   "author": "Suman Bonakurthi",

package/src/record-view.tsx

@@ -214,7 +214,13 @@ function usePersistentState<T>(
   initial: T,
 ): [T, React.Dispatch<React.SetStateAction<T>>] {
   const [state, setState] = React.useState<T>(initial);
-  const firstWrite = React.useRef(true);
+  // Stable reference to the seeded value. The writer skips it by identity (not a
+  // first-write flag) so the write is StrictMode-safe: dev double-invokes the
+  // write effect while `state` is still `initial`, and a flag flips on the first
+  // pass so the second pass would persist `initial` OVER a draft the restore
+  // effect is about to bring back. Comparing to this ref never writes `initial`,
+  // so it can't clobber the stored draft.
+  const initialRef = React.useRef(initial);
   React.useEffect(() => {
     if (!key) return;
     try {
@@ -226,10 +232,9 @@ function usePersistentState<T>(
   }, [key]);
   React.useEffect(() => {
     if (!key) return;
-    if (firstWrite.current) {
-      firstWrite.current = false; // don't overwrite stored value with `initial`
-      return;
-    }
+    // Nothing to save while still the untouched seed; only a restore or a user
+    // edit diverges `state` from it, and both should persist.
+    if (state === initialRef.current) return;
     try {
       sessionStorage.setItem(key, JSON.stringify(state));
     } catch {