@nxgt/material 3.41.0 → 3.42.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nxgt/material
 
+## 3.42.1
+
+### Patch Changes
+
+- [#1793](https://github.com/softistx/nxgt-material/pull/1793) [`8adf0be`](https://github.com/softistx/nxgt-material/commit/8adf0be0d73817756b08631119d1b5251ddc65dd) Thanks [@SteveGT96](https://github.com/SteveGT96)! - fix(server-table): the bulk actions' `focusTrigger()` survives a redraw of the bar ([#1788](https://github.com/softistx/nxgt-material/issues/1788)). A resize, a rotation, the move between the toolbar and the phone's bar, or an action moving into or out of the More menu drew the buttons again, and `focusTrigger()` held the old, disconnected one: the focus fell to the body or to "Select all". It now finds the action's button again at call time by a stable key, `data-bulk-action="<id>"` on every bulk button (`data-bulk-more` on the More button), focuses the More button when the action now sits in the More menu, and keeps its fallback chain when the action is hidden. The context of `onClick` gains `actionId` and `element()`, and `trigger` is read at call time instead of captured. A dialog opened from `onClick` should return the focus with `onCloseAutoFocus={(e) => { e.preventDefault(); ctx.focusTrigger(); }}`.
+
+## 3.42.0
+
+### Minor Changes
+
+- [#1790](https://github.com/softistx/nxgt-material/pull/1790) [`01a2638`](https://github.com/softistx/nxgt-material/commit/01a26380e1675b30484b4bbbeb78b4855cc63cc3) Thanks [@SteveGT96](https://github.com/SteveGT96)! - feat(autocomplete): `display="text"` draws a single value as the input's text ([#1771](https://github.com/softistx/nxgt-material/issues/1771)). With `mode="single"`, the chosen option's label fills the input, as a `Select` shows it, instead of a removable chip beside the placeholder, and the search stays: typing replaces the text (it is selected on focus) and searches again with `onSearch` or the local `filter`. Escape, or leaving the field, drops the typed text and brings the label back; the value only changes on a pick. The new `clearable` prop (default `true`, so nothing changes) decides whether the "Clear" button shows and whether emptying the text and leaving the field clears the value; with `clearable={false}` an emptied text gets its label back. The input is the combobox (`aria-expanded`, `aria-activedescendant`, the picked option `aria-selected`), the label is the input's value in server markup too, the picked option's `getOptionLeading` avatar shows before the text, and `AutocompleteFormField` passes both props through. `display="chip"` stays the default, so no migration is needed. New type `AutocompleteDisplay`. React only for now: the Vue gap is [#1784](https://github.com/softistx/nxgt-material/issues/1784).
+
 ## 3.41.0
 
 ### Minor Changes

package/README.md

@@ -572,7 +572,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-selectfield.webp" width="120" alt="SelectField"> | [`SelectField`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#selectfield) · `SelectFormField` | Labelled select built from `options`, with `renderOption`. | `SelectField`, `SelectFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-combobox.webp" width="120" alt="Combobox"> | [`Combobox`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#combobox), `ComboboxInput`, `ComboboxContent`, `ComboboxList`, `ComboboxItem`, `ComboboxChips`… | Base UI combobox primitives: input, popup list, groups and chips. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-comboboxfield.webp" width="120" alt="ComboboxField"> | [`ComboboxField`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#comboboxfield) · `ComboboxFormField` | Labelled, searchable single select over `{ value, label }` options (with `description` and `group`): a 44px field box (`size`, `leading`, `getOptionLeading` for a flag or avatar) whose list opens connected to it. | `ComboboxField`, `ComboboxFormField` |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-autocomplete.webp" width="120" alt="Autocomplete"> | [`Autocomplete`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#autocomplete), `AutocompleteChips` · `AutocompleteFormField` | Single or multiple (chips) autocomplete with free-solo values, accent-insensitive matching and a debounced server search; a 44px field box (`leading`, `getOptionLeading` for an avatar in the list and the chip) whose list opens connected to it. | `Autocomplete`, `AutocompleteFormField` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-autocomplete.webp" width="120" alt="Autocomplete"> | [`Autocomplete`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#autocomplete), `AutocompleteChips` · `AutocompleteFormField` | Single or multiple (chips) autocomplete with free-solo values, accent-insensitive matching and a debounced server search; `display="text"` shows a single value as the input's text; a 44px field box (`leading`, `getOptionLeading` for an avatar in the list and the chip) whose list opens connected to it. | `Autocomplete`, `AutocompleteFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-checkbox.webp" width="120" alt="Checkbox"> | [`Checkbox`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#checkbox) · `CheckboxFormField` | Checkbox with label, helper text and an indeterminate state. | `Checkbox`, `CheckboxFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-checkboxgroup.webp" width="120" alt="CheckboxGroup"> | [`CheckboxGroup`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#checkboxgroup) · `CheckboxGroupFormField` | Checkbox list built from `options`, valued as `string[]`. | `CheckboxGroup`, `CheckboxGroupFormField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/selection-choice-colorswatches.webp" width="120" alt="ColorSwatches"> | [`ColorSwatches`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/selection-and-choice.md#colorswatches) | One colour from round swatches, a check on the chosen one, and an optional swatch for any colour. CSP-safe. | — |