@nxgt/material 3.71.0 → 3.73.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @nxgt/material
 
+## 3.73.0
+
+### Minor Changes
+
+- [#2215](https://github.com/softistx/nxgt-material/pull/2215) [`923657a`](https://github.com/softistx/nxgt-material/commit/923657a097081206980c9b300e58a8712b4ba7bd) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `CardTitle` no longer forces `leading-none`: an `h2`/`h3` title takes the line height of the heading type scale and a `div` title the inherited one, so a large heading no longer overflows its box. Titles that set a size (`text-base`, `text-sm`, …) now get that size's line height, so most card titles grow a few pixels taller. A caller `className` such as `leading-tight` still wins. `RecoveryCodes`, `RecoveryCodesStatus`, `EnrolmentCard` and `RecordDetails` drop their `leading-normal` override. Also fixes the RecordDetails title overflow ([#2203](https://github.com/softistx/nxgt-material/issues/2203)).
+
+### Patch Changes
+
+- [#2202](https://github.com/softistx/nxgt-material/pull/2202) [`471f881`](https://github.com/softistx/nxgt-material/commit/471f8819ebaf83876e52438225c7d16b28eeb96f) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Behaviour change: `Autocomplete` and `AutocompleteFormField` in `mode="multiple"` (tags fields included): Enter never submits the surrounding form, also on a closed list with an empty input, so the Enter after a pick no longer saves the form. `single` mode keeps its implicit submission. A form-level `onKeyDown` that guarded this can be removed; a form that wants a keyboard submit can use Ctrl/Cmd+Enter (see docs/troubleshooting.md). Fixes [#2199](https://github.com/softistx/nxgt-material/issues/2199).
+
+- [#2196](https://github.com/softistx/nxgt-material/pull/2196) [`8db033c`](https://github.com/softistx/nxgt-material/commit/8db033ce69ccb7c1d8051439a6e8bcb9b6e0099d) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ChoiceListFormField`: a failed submit (`shouldFocusError`), `setFocus(name)` and `setError(…, { shouldFocus: true })` put the focus on the first refused row's text input (a resolver's `choices.<i>.text` error, or the first blank row under the built-in rules) instead of the list's first control. An error on the list itself still focuses its first control. Fixes [#2194](https://github.com/softistx/nxgt-material/issues/2194).
+
+- [#2198](https://github.com/softistx/nxgt-material/pull/2198) [`7c8b470`](https://github.com/softistx/nxgt-material/commit/7c8b470d32b375744ba49bcc7a3ef075e80334a7) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `DndProvider`: toggling `disabled` no longer changes the size of the `sensors` array handed to dnd-kit, so React stops logging "The final argument passed to useEffect changed size between renders" (for example a `SortableListFormField` while its form submits). Dragging is still refused while `disabled`.
+
+- [#2206](https://github.com/softistx/nxgt-material/pull/2206) [`f33532b`](https://github.com/softistx/nxgt-material/commit/f33532b81d13fd005b379f2cca963a92afc163fd) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `registerPdfFont`: a PDF rendered after another one in the same process no longer reads back blank or wrong characters in its text layer (copy, search, screen readers: `MOREAU` read `MOR AU`). Embedding an accented capital cached the base letter's glyph with no code point, shared by every later document that named the font; the font now keeps the characters each glyph is asked for. Fixes [#2205](https://github.com/softistx/nxgt-material/issues/2205).
+
+- [#2209](https://github.com/softistx/nxgt-material/pull/2209) [`38e6867`](https://github.com/softistx/nxgt-material/commit/38e6867e5c5380cd71ebd91378f32914d4d21dca) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `QuestionCard`: the open and code answer boxes shrink with their container (`min-w-0`) instead of keeping the text area's 280px floor, so a card in a narrow side panel no longer overflows. `Textarea` is unchanged elsewhere. Fixes [#2207](https://github.com/softistx/nxgt-material/issues/2207).
+- Updated dependencies [[`f33532b`](https://github.com/softistx/nxgt-material/commit/f33532b81d13fd005b379f2cca963a92afc163fd)]:
+  - @nxgt/material-core@0.47.1
+
+## 3.72.0
+
+### Minor Changes
+
+- [#2184](https://github.com/softistx/nxgt-material/pull/2184) [`eecfa21`](https://github.com/softistx/nxgt-material/commit/eecfa21d184a8e2042eee5532beeab016f75216c) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `AttributeValuesFormFieldSet`: its fields now fill the row instead of shrinking to their content, a new `hideLabel` prop keeps `label` as the fieldset's accessible name without drawing the heading (under a `FormSection` that already titles it), and it reads and writes the form value at `name` like the other form fields (a `reset()`, a `setValue()` or a record loaded later shows), `defaultValues` being only the fallback while the form holds nothing. The set is now a `<fieldset>` named by its label.
+  
+  Migration: `defaultValues` is now a fallback, used only while the form value at `name` is empty (`undefined`, `null` or `{}`); a value in the form wins, so move your values into the form's `defaultValues` or `reset()`. The set is now a `<fieldset>` instead of a `<div>`, so CSS or tests that select a `div` must change (`getByRole('group', { name })` finds it). The `w-full min-w-0` children also apply to `AttributeValuesForm` used on its own.
+
+- [#2173](https://github.com/softistx/nxgt-material/pull/2173) [`1273c8a`](https://github.com/softistx/nxgt-material/commit/1273c8af8e3a7e33b2bbb6de84acbeed86e0abb7) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ContactsFormField` and `ContactsEditor` (inline editing): the new `types` prop limits the contact types offered by the "Add" chips and the type select (e.g. `types={['EMAIL', 'PHONE', 'FAX', 'WEBSITE']}`; a contact already in the value keeps its own type in its select), and `primary={false}` hides the primary star and marks. Both are additive; every type and the star stay the default. `types` also limits the dialog editing (`ContactDialog` takes it too); `primary` is inline only. The `ContactTypeName` type (`'EMAIL' | 'PHONE' | …`) is exported.
+
+- [#2179](https://github.com/softistx/nxgt-material/pull/2179) [`77f6b3c`](https://github.com/softistx/nxgt-material/commit/77f6b3c640499772f16968651fb5cecfe67c5c15) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `DialogBody`: a new `Dialog` part that scrolls on its own. With a `DialogBody` as a direct child, `DialogContent` becomes a clipped flex column, so the header and the `DialogFooter` stay pinned (also as a bottom sheet or full screen on a phone, with the safe-area padding kept) and only the body scrolls, with a hairline on the edge where content is hidden beneath (`data-overflow-start`, `data-overflow-end`). A `DialogBody` with an `aria-label` is a named region. Dialogs without it render and scroll exactly as before. Fixes [#2177](https://github.com/softistx/nxgt-material/issues/2177).
+
+- [#2176](https://github.com/softistx/nxgt-material/pull/2176) [`11db5b8`](https://github.com/softistx/nxgt-material/commit/11db5b853aacbb92d50e1eee2a94d61d8b5d1983) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `NetworkUploadField` and `NetworkUploadFormField` (and so `S3UploadField` and `S3UploadFormField`, which render through it): the drop zone's hint shows friendly format names instead of the raw `accept` list (`image/jpeg,image/png,image/webp` reads `JPEG, PNG, WebP`; `.pdf` reads `PDF`; `image/*` reads `Images` through the new `material.upload.accept.*` keys; unknown entries stay as given). The new `acceptLabel` prop replaces the derived names (`""` hides them), and the hint wraps in a narrow dialog instead of being clipped. A test that read the raw list (such as `image/*`) in the hint now sees the names.
+
+### Patch Changes
+
+- Updated dependencies [[`0d9fb2c`](https://github.com/softistx/nxgt-material/commit/0d9fb2ceca6d9066c0e9c0d1b7aa651a2cc4f79e)]:
+  - @nxgt/material-core@0.47.0
+
 ## 3.71.0
 
 ### Minor Changes

package/README.md

@@ -724,7 +724,7 @@ Not components: what the stylesheet gives any element.
 
 | Preview | Component | What it does | @nxgt/material-vue |
 | --- | --- | --- | --- |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-dialog.webp" width="120" alt="Dialog"> | [`Dialog`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#dialog), `DialogTrigger`, `DialogContent`, `DialogHeader`, `DialogTitle`, `DialogDescription`, `DialogFooter`, `DialogClose`, `DialogScrollContent`… | Modal dialog parts with an icon close button, Material 3 Expressive (tonal surface, 28 px corners); `size`, a bottom sheet or full screen on phones (`mobilePresentation`), a blurred scrim; `DialogScrollContent` scrolls a dialog taller than the screen. | `Dialog` (same parts) |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-dialog.webp" width="120" alt="Dialog"> | [`Dialog`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#dialog), `DialogTrigger`, `DialogContent`, `DialogHeader`, `DialogTitle`, `DialogDescription`, `DialogFooter`, `DialogBody`, `DialogClose`, `DialogScrollContent`… | Modal dialog parts with an icon close button, Material 3 Expressive (tonal surface, 28 px corners); `size`, a bottom sheet or full screen on phones (`mobilePresentation`), a blurred scrim; `DialogBody` scrolls the fields alone while the header and footer stay pinned; `DialogScrollContent` scrolls a dialog taller than the screen. | `Dialog` (same parts) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-sheet.webp" width="120" alt="Sheet"> | [`Sheet`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#sheet), `SheetTrigger`, `SheetContent`, `SheetHeader`, `SheetTitle`, `SheetFooter`… | Panel that springs in from any edge, rounded on the side facing the page, or floating (`inset`). | `Sheet` (same parts) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-drawer.webp" width="120" alt="Drawer"> | [`Drawer`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#drawer), `DrawerTrigger`, `DrawerContent`, `DrawerHeader`, `DrawerTitle`, `DrawerFooter`… | Swipeable bottom or side drawer (Vaul) with rounded top corners and a drag handle that widens while held. | `Drawer` (same parts) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/overlays-menus-popover.webp" width="120" alt="Popover"> | [`Popover`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/overlays-and-menus.md#popover), `PopoverTrigger`, `PopoverContent`, `PopoverAnchor` | Floating panel that grows out of its trigger: `elevated`, `tonal` or `outlined`, with an optional arrow. | `Popover` (same parts) |

package/dist/{alert-dialog-y2pbowVh.js → alert-dialog-A8K8zai1.js}

@@ -3,7 +3,7 @@ import { t } from "./utils-BLfntITJ.js";
 import { o as n } from "./dist-DVRQkaTK.js";
 import { c as r, s as i } from "./dist-lmHmz_bu.js";
 import { t as a } from "./in-dialog-Vwkyp-M5.js";
-import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./use-return-focus-Duk40DZI.js";
+import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./use-return-focus-CkUX1HFl.js";
 import { i as _ } from "./escape-owner-DpaP0lm1.js";
 import * as v from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";

package/dist/{async-slice-CGfWBOaV.js → async-slice-B8933IHY.js}

@@ -1,4 +1,4 @@
-import { l as e, r as t, s as n, u as r } from "./translator-ClbXOGQO.js";
+import { l as e, r as t, s as n, u as r } from "./translator-CtEC_AQa.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-D54Hrjo0.js → button-C8moFnIT.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { n as t, t as n } from "./dist-DVRQkaTK.js";
-import { n as r, r as i, t as a } from "./spinner-BFZxqdWC.js";
+import { n as r, r as i, t as a } from "./spinner-C5Kb6MWu.js";
 import { a as o, i as s, n as c, o as l, s as u, t as d } from "./use-click-lock-BZYtTmVt.js";
 import { t as f } from "./is-production-GLw59WU8.js";
 import { t as p } from "./button-group-context-CaP0X5p_.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 "./button-D54Hrjo0.js";
-import { t as i } from "./use-material-translation-CCWUeiEn.js";
+import { t as r } from "./button-C8moFnIT.js";
+import { t as i } from "./use-material-translation-C6H0B4kE.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-B5MhXBfm.js";
+import { t as d } from "./chip-B6AY1E91.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-B5MhXBfm.js → chip-B6AY1E91.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { r as t } from "./spinner-BFZxqdWC.js";
+import { r as t } from "./spinner-C5Kb6MWu.js";
 import { s as n } from "./use-click-lock-BZYtTmVt.js";
-import { t as r } from "./use-material-translation-CCWUeiEn.js";
+import { t as r } from "./use-material-translation-C6H0B4kE.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-mULs4SL8.js → code-editor-DQZIKL54.js}

@@ -1,12 +1,12 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { a as n } from "./dist-lmHmz_bu.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-LN60hu_3.js";
-import { a as c, i as l, n as u } from "./field-blur-context-bUFZj8iN.js";
-import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-BTtoKVlx.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-tadySeGH.js";
+import { a as c, i as l, n as u } from "./field-blur-context-bEhByoK-.js";
+import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-m_1FTFPQ.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-CCWUeiEn.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-BWDnqUqn.js";
+import { t as _ } from "./use-material-translation-C6H0B4kE.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-8VL0aMKG.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { n as C, t as w } from "./escape-owner-DpaP0lm1.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";

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-BTtoKVlx.js";
-import { t as o } from "./use-material-translation-CCWUeiEn.js";
-import { i as s, n as c, o as l } from "./code-language-items-BWDnqUqn.js";
-import { r as u, t as d } from "./field-blur-Cnd6FfCH.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-m_1FTFPQ.js";
+import { t as o } from "./use-material-translation-C6H0B4kE.js";
+import { i as s, n as c, o as l } from "./code-language-items-8VL0aMKG.js";
+import { r as u, t as d } from "./field-blur-BYR0yE5L.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-mULs4SL8.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-DQZIKL54.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 { getCspNonce as F } from "@nxgt/material-core/csp-nonce";

package/dist/{code-language-items-BWDnqUqn.js → code-language-items-8VL0aMKG.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-LN60hu_3.js";
-import { t as n } from "./use-material-translation-CCWUeiEn.js";
+import { d as e, f as t } from "./dropdown-menu-tadySeGH.js";
+import { t as n } from "./use-material-translation-C6H0B4kE.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/fields/attributes/attribute-values-form/attribute-values-form.css

@@ -3,6 +3,11 @@
 	form {
 		@apply grid @xl:grid-cols-2 @2xl:grid-cols-3 @3xl:grid-cols-4 gap-2;
 
+		/* Every field takes its cell's full width, whatever its own slot. */
+		> * {
+			@apply w-full min-w-0;
+		}
+
 		[data-slot="separator"] {
 			@apply col-start-full;
 		}