@nadicodeai/ui 12.1.103 → 12.1.105

package/dist/components/data-table.js

@@ -292,8 +292,10 @@ function RecordsTable({ kind, columns, data, getRowId, filterColumnId, filterPla
         }));
         // An entity row keeps its record on one 72 px row on a narrow card: the facts that leave the
         // row join the line under the name, which `RecordIdentity` draws, instead of a row of their own.
-        const compactLine = entities && compactLayout && detailCells.length > 0 && shownLayout !== "columns"
-            ? { layout: compactLayout, facts: detailFacts() }
+        // The line's provider stays in the tree when the card is wide enough for the columns and only
+        // its facts go, so a layout read after hydration never remounts the name a click is landing on.
+        const compactLine = entities && compactLayout && detailCells.length > 0
+            ? { layout: compactLayout, facts: shownLayout === "columns" ? [] : detailFacts() }
             : undefined;
         const detailRowShown = !entities && detailCells.length > 0 && shownLayout !== "columns";
         const menu = rowMenu?.(row.original);
@@ -320,7 +322,7 @@ function RecordsTable({ kind, columns, data, getRowId, filterColumnId, filterPla
                             return _jsx(TableCell, { className: className }, cell.id);
                         }
                         const content = holdsCompactLine ? (_jsx(TableCompactLine, { ...compactLine, children: renderCell(cell) })) : (renderCell(cell));
-                        const titledWhenCut = cutByEllipsis || holdsCompactLine;
+                        const titledWhenCut = cutByEllipsis || (holdsCompactLine && compactLine.facts.length > 0);
                         return (_jsx(TableCell, { className: className, onFocus: titledWhenCut ? titleWhenCut : undefined, onPointerEnter: titledWhenCut ? titleWhenCut : undefined, children: isPrimaryLink
                                 ? renderRowLink(primaryRowLinkProps({ href, label, wraps, content }))
                                 : content }, cell.id));

package/dist/internal/settings-save.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"settings-save.d.ts","sourceRoot":"","sources":["../../src/internal/settings-save.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAOtF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,eAAe,CAAC;IACzB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACpE,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mIAAmI;IACnI,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3F;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA4FF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAsFA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,sCA2B1D"}
+{"version":3,"file":"settings-save.d.ts","sourceRoot":"","sources":["../../src/internal/settings-save.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAOtF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,eAAe,CAAC;IACzB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACpE,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,mIAAmI;IACnI,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3F;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA4FF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,OAAO,EACP,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAsFA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,sCAqC1D"}

package/dist/internal/settings-save.js

@@ -133,6 +133,16 @@ export function SettingsFieldFailure({ id }) {
         const invalid = control.getAttribute("aria-invalid");
         control.setAttribute("aria-invalid", "true");
         control.setAttribute("aria-describedby", describedBy ? `${describedBy} ${failureId}` : failureId);
+        // The person pressed Save and the save failed about this field: the field takes the focus, now that the
+        // failure rendered with the end of the save and the field is enabled again. Focus they moved elsewhere stays.
+        const active = document.activeElement;
+        const leftOnSave = !active ||
+            active === document.body ||
+            (active instanceof HTMLButtonElement &&
+                active.type === "submit" &&
+                active.form === control.closest("form"));
+        if (leftOnSave && control instanceof HTMLElement)
+            control.focus();
         return () => {
             if (invalid === null)
                 control.removeAttribute("aria-invalid");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "12.1.103",
+  "version": "12.1.105",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -80,7 +80,7 @@
     "@base-ui/react": "^1.9.0",
     "@iconify-icons/logos": "^2.0.2",
     "@iconify/react": "^6.0.2",
-    "@nadicodeai/design-system": "12.1.103",
+    "@nadicodeai/design-system": "12.1.105",
     "@tanstack/react-table": "^9.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",