@nxgt/material 3.50.0 → 3.52.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @nxgt/material
 
+## 3.52.0
+
+### Minor Changes
+
+- [#1854](https://github.com/softistx/nxgt-material/pull/1854) [`47f15e9`](https://github.com/softistx/nxgt-material/commit/47f15e94d3fb99d83093a928af6f2245c038bf7e) Thanks [@SteveGT96](https://github.com/SteveGT96)! - fix(i18n): `I18nProvider` takes `resources`, the app's `mergeResources(...)` result, and every component reads its `material.*` words from it, so an app translation under `material.*` (for example `RecoveryCodesStatus` or `VerificationCode`) changes the wording as the two-factor guide says. `translateMaterial` takes the same resources as a fifth argument. Without `resources` nothing changes. The i18n guide no longer says overrides never reach the components.
+
+### Patch Changes
+
+- [#1859](https://github.com/softistx/nxgt-material/pull/1859) [`a84b25e`](https://github.com/softistx/nxgt-material/commit/a84b25e4a7466958b1b3c38357301a172e2d0267) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fix two empty cases. `Description` with only `children` now renders them as its value instead of nothing ([#1641](https://github.com/softistx/nxgt-material/issues/1641)), and `ChangeHistory` draws no empty bordered change list for an entry whose `changes` is `[]`; `changes` is now optional ([#1648](https://github.com/softistx/nxgt-material/issues/1648)).
+
+- [#1860](https://github.com/softistx/nxgt-material/pull/1860) [`e308a89`](https://github.com/softistx/nxgt-material/commit/e308a890276bbcbdb275ae34cdf68e0587cfae08) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `useColumnHelpers` keeps `columnHelper` and `predefinedColumns` stable across renders (memoised on the translator), so `useMemo` columns keyed on them no longer rebuild and remount every cell, and a dialog opened from a row returns focus to its trigger ([#1644](https://github.com/softistx/nxgt-material/issues/1644)).
+
+- [#1861](https://github.com/softistx/nxgt-material/pull/1861) [`8c69148`](https://github.com/softistx/nxgt-material/commit/8c691486dcad53424d3068e2049ccfa5140060a2) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `StepUpDialog` and `VerificationCode`: after a throttled "Resend" the code field takes the focus (WCAG 2.4.3). The dialog's focus trap taking the focus back while "Resend" was pending no longer clears the record of where the focus was, so the throttle moves it on to the field instead of leaving it on the dialog.
+
+- [#1857](https://github.com/softistx/nxgt-material/pull/1857) [`07c8c20`](https://github.com/softistx/nxgt-material/commit/07c8c20620ab3815baf0a596db5ef56ac686e6fb) Thanks [@SteveGT96](https://github.com/SteveGT96)! - fix(tabs): the scroll cue of an overflowing `TabsList` stays inside its list. On a touch screen it is 44 wide and as tall as the list (a stated exception to the 44px box) and clipped to it, and it follows a sticky list while any ancestor scrolls (a scroll listener only while the list overflows), so it no longer takes taps aimed at the content under the list ([#1824](https://github.com/softistx/nxgt-material/issues/1824)).
+
+## 3.51.0
+
+### Minor Changes
+
+- [#1848](https://github.com/softistx/nxgt-material/pull/1848) [`1b506da`](https://github.com/softistx/nxgt-material/commit/1b506dafb6c7fbb0e2ad287a217f3b950a521e14) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ServerTable` with `bulkActions` and `filter`: the first selected row turns the band that holds the filter bar into a selection bar in place ([#1718](https://github.com/softistx/nxgt-material/issues/1718)), on the same row and height: "N selected", the bulk actions and a tonal "Cancel" that clears the selection. The search and the page's actions stay mounted, hidden, so the table does not move; clearing the selection brings them back and gives the focus to the control that started the selection, or else to the list. The extra bulk toolbar row that grew from `h-0` is gone, and the cards' and tiles' list bar no longer repeats the count and "Clear selection". On a phone the bar is one row: the first action keeps its button, the others go into an icon "More". The public props are unchanged; without `filter`, or with the facets panel, the bulk actions stay in the table's toolbar. New text keys `material.server-table.bulk-selected`, `bulk-cancel` and `bulk-bar`.
+  
+  Migration: tests that query "Clear selection" in a `ServerTable` with `filter` and `bulkActions` now query `getByRole('button', { name: 'Cancel' })` inside `getByRole('group', { name: 'Selected rows' })`, and `[data-slot="header"]` (the toolbar row) no longer appears on selection. While rows are selected the search is `inert`, so `filterRef.focus()` does nothing; cancel the selection first. Below 768px the band keeps one bulk action and puts the rest in "More".
+
+### Patch Changes
+
+- [#1847](https://github.com/softistx/nxgt-material/pull/1847) [`a4f357c`](https://github.com/softistx/nxgt-material/commit/a4f357ca1f73cc724d29963dd4a0637b4fa87f82) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fix a backdrop shape seen behind a paragraph of body text on a reload, or after a late font load reflows the text with `keepClear="gaps"` (or `true`) on `ActivityLayout`, `AuthCard` and the theme's background ([#1720](https://github.com/softistx/nxgt-material/issues/1720)). The first pass dropped a glyph over the text by fading it out over 150 ms, after the scene was shown, so a shape was drawn behind the text for those frames at phone width and on desktop. A dropped glyph is now hidden at once on the first pass; the fade starts one frame later (`data-settled` on the scene) and still softens every later drop and return. The pass also runs again when a web font finishes loading late, so text that reflows after it keeps its margin.
+
 ## 3.50.0
 
 ### Minor Changes

package/dist/{async-slice-3loEtzUY.js → async-slice-BGtmF3K5.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-Beyj2ult.js";
-import { r } from "./translator-CBgIb3zP.js";
+import { i as e, r as t, t as n } from "./stored-language-Cb9FMEwk.js";
+import { r } from "./translator-BnQXtpSZ.js";
 import { t as i } from "./_baseIsEqual-C6ksIHya.js";
 import { useMemo as a } from "react";
 import { asyncThunkCreator as o, buildCreateSlice as s } from "@reduxjs/toolkit";

package/dist/{button-BRUaHD8z.js → button-Ct0KRBsN.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./is-production-GLw59WU8.js";
 import { n, t as r } from "./dist-DVRQkaTK.js";
-import { n as i, r as a, t as o } from "./spinner-BpVwI1ps.js";
+import { n as i, r as a, t as o } from "./spinner-KQb3YuR_.js";
 import { a as s, i as c, n as l, o as u, s as d, t as f } from "./use-click-lock-BZYtTmVt.js";
 import { t as p } from "./button-group-context-CaP0X5p_.js";
 import { t as m } from "./has-text-content-Ds2dkHX_.js";

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./warn-once-C_e47JM8.js";
-import { t as r } from "./use-material-translation-DWWeeg-B.js";
-import { t as i } from "./button-BRUaHD8z.js";
+import { t as r } from "./use-material-translation-ByM3gD9R.js";
+import { t as i } from "./button-Ct0KRBsN.js";
 import { t as a } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as o, n as s, r as c, t as l } from "./util-4heV2LPI.js";
 import { t as u } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { t as d } from "./chip-DneTrtNj.js";
+import { t as d } from "./chip-Ca1SEd70.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";

package/dist/{chip-DneTrtNj.js → chip-Ca1SEd70.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { r as t } from "./spinner-BpVwI1ps.js";
+import { r as t } from "./spinner-KQb3YuR_.js";
 import { s as n } from "./use-click-lock-BZYtTmVt.js";
-import { t as r } from "./use-material-translation-DWWeeg-B.js";
+import { t as r } from "./use-material-translation-ByM3gD9R.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { cloneElement as a, isValidElement as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/{code-editor-R_nPN_-d.js → code-editor-DtwRhK8B.js}

@@ -2,13 +2,13 @@ import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./is-production-GLw59WU8.js";
 import { a as r } from "./dist-lmHmz_bu.js";
-import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-XLlxfDgq.js";
-import { a as l, i as u, n as d } from "./field-blur-context-Cwt4TuBq.js";
-import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-CIMo4F9q.js";
-import { t as _ } from "./use-material-translation-DWWeeg-B.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-BKEUhQlF.js";
+import { c as i, d as a, f as o, n as s, t as c } from "./dropdown-menu-B0Kd8x3G.js";
+import { a as l, i as u, n as d } from "./field-blur-context-1T6GkSNc.js";
+import { a as f, d as p, r as m, t as h, u as g } from "./toolbar-items-30w9rG5h.js";
+import { t as _ } from "./use-material-translation-ByM3gD9R.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-CEclGxhA.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { n as C, t as w } from "./escape-owner-B9eCwjLw.js";
+import { n as C, t as w } from "./escape-owner-BGKjiglh.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";
 import { t as E } from "./react-node-text-Crkpfpco.js";
 import D, { memo as O, useCallback as ee, useEffect as k, useId as A, useImperativeHandle as j, useMemo as M, useRef as N, useState as P } from "react";

package/dist/code-editor.js

@@ -1,14 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t } from "./dist-lmHmz_bu.js";
-import { d as n, r, t as i, u as a } from "./toolbar-items-CIMo4F9q.js";
-import { t as o } from "./use-material-translation-DWWeeg-B.js";
-import { i as s, n as c, o as l } from "./code-language-items-BKEUhQlF.js";
-import { r as u, t as d } from "./field-blur-5uRDFHvB.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-30w9rG5h.js";
+import { t as o } from "./use-material-translation-ByM3gD9R.js";
+import { i as s, n as c, o as l } from "./code-language-items-CEclGxhA.js";
+import { r as u, t as d } from "./field-blur-Dz1zPaYK.js";
 import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { t as m } from "./use-mobile-BDro060N.js";
 import { t as h } from "./react-node-text-Crkpfpco.js";
-import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-R_nPN_-d.js";
+import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-DtwRhK8B.js";
 import { useEffect as k, useRef as A, useState as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
 import { ChevronDown as F, ChevronUp as I, Columns2 as L } from "lucide-react";

package/dist/{code-language-items-BKEUhQlF.js → code-language-items-CEclGxhA.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-XLlxfDgq.js";
-import { t as n } from "./use-material-translation-DWWeeg-B.js";
+import { d as e, f as t } from "./dropdown-menu-B0Kd8x3G.js";
+import { t as n } from "./use-material-translation-ByM3gD9R.js";
 import { t as r } from "./live-status-BGPaN8r8.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/components/ui/layout/app-shell/activity-backdrop-shapes.css

@@ -18,15 +18,20 @@
 		visibility: hidden;
 	}
 
-	/* A shape over the page's text, controls or surfaces (cards, tables, lists) fades out and comes back once
-	 * clear (watch-content.ts): it is hidden, never moved. A compound body (the
-	 * moon, the planet, the eclipse: `.pt.mg`) is hidden whole, with its halo
-	 * (`.pt.mh`). The scene stays invisible until the first check, so nothing
-	 * flashes over the content. */
-	[data-keep-inside] .mo > *,
-	[data-keep-inside] .pt,
-	[data-slot="activity-layout-backdrop"] [data-background] .mo > *,
-	[data-slot="activity-layout-backdrop"] [data-background] .pt {
+	/* A shape over the page's text, controls or surfaces (cards, tables, lists)
+	 * fades out and comes back once clear (watch-content.ts): it is hidden,
+	 * never moved. A compound body (the moon, the planet, the eclipse: `.pt.mg`)
+	 * is hidden whole, with its halo (`.pt.mh`). The scene stays invisible until
+	 * the first check, so nothing flashes over the content. The fade waits for
+	 * `data-settled`, set a frame after the first pass: a shape that pass drops
+	 * is hidden at once, never seen fading out over the text on a reload. */
+	[data-keep-inside][data-settled] .mo > *,
+	[data-keep-inside][data-settled] .pt,
+	[data-slot="activity-layout-backdrop"]
+		[data-background][data-settled]
+		.mo
+		> *,
+	[data-slot="activity-layout-backdrop"] [data-background][data-settled] .pt {
 		transition: opacity 150ms ease;
 	}
 	/* Important: a preset sets its own opacity on a body (`.md`, the dark

package/dist/components/ui/layout/auth-card/auth-card-backdrop.css

@@ -13,8 +13,8 @@
 		visibility: hidden;
 	}
 	/* A shape over the card or the brand row fades out (watch-content.ts). */
-	[data-slot="auth-card-backdrop"] [data-background] .mo > *,
-	[data-slot="auth-card-backdrop"] [data-background] .pt {
+	[data-slot="auth-card-backdrop"] [data-background][data-settled] .mo > *,
+	[data-slot="auth-card-backdrop"] [data-background][data-settled] .pt {
 		transition: opacity 150ms ease;
 	}
 	[data-slot="auth-card-backdrop"] [data-background] .mo > [data-hidden],