@nxgt/material 3.32.1 → 3.34.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @nxgt/material
 
+## 3.34.0
+
+### Minor Changes
+
+- [#1723](https://github.com/softistx/nxgt-material/pull/1723) [`d4ab296`](https://github.com/softistx/nxgt-material/commit/d4ab2962236a9ff1d7af135ba94b683e23d82172) Thanks [@SteveGT96](https://github.com/SteveGT96)! - feat(server-table): bulk actions count and run only the rows they apply to ([#1717](https://github.com/softistx/nxgt-material/issues/1717)). `bulkActions` also takes a list of `ServerTableBulkAction<T>`: each button reads "Label (n)", n being the selected rows its optional `appliesTo(row)` accepts (the whole selection without it), is hidden when n is 0, is named "Label n rows", and its `onClick(ids, selection, rows)` receives only those rows. `appliesTo` sees the loaded page's rows only. New keys `material.server-table.bulk-action` and `bulk-action-name` (en, fr). A render function keeps working as before.
+
+## 3.33.0
+
+### Minor Changes
+
+- [#1716](https://github.com/softistx/nxgt-material/pull/1716) [`0b7bb24`](https://github.com/softistx/nxgt-material/commit/0b7bb24edcb0e8f5d1d898bba4307549d1994c0f) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Add `PageFooter` ([#1704](https://github.com/softistx/nxgt-material/issues/1704)), the page footer of a feed that is not a table (a list of cards, a news feed) under a `FilterBar`. It takes `pageInfo`, `totalCount`, the page's `params` and `pageSize`, and draws what `ServerTable`'s footer draws: the range ("21–40 of 134") and Previous / Next as real links built from the URL's cursor trail, icon-only with `pageControls="icon"`, 44px targets on a touch screen, an end with no page a disabled button with `aria-disabled`. `ServerTable` and `DataTable`'s server footer now share the same range and controls; a disabled Previous or Next button also carries `aria-disabled`.
+
+### Patch Changes
+
+- [#1709](https://github.com/softistx/nxgt-material/pull/1709) [`2f3cc71`](https://github.com/softistx/nxgt-material/commit/2f3cc71d741ba79f170eea8f89f88a29e13a8cfa) Thanks [@SteveGT96](https://github.com/SteveGT96)! - A backdrop glyph that looks like a control (a plus, a bar or a triangle shape, the `scatter-icons` arrow and plus, and icons named plus, minus, cross, arrow, chevron, angle or caret) is no longer drawn beside a surface, where it read as an add button of a card or a header band ([#1700](https://github.com/softistx/nxgt-material/issues/1700)). Core tags these glyphs with a `ctl` class (`CONTROL_SHAPES`, `isControlShape` and `CONTROL_CLASS` are exported from `@nxgt/material-core/backgrounds`; no glyph changes place). In the keep-clear pass of `ActivityLayout` and `AuthCard`, a tagged glyph is dropped within 48px of any surface, band, app header or breadcrumb, in `true` and in `'gaps'` mode, and is never kept in a gap; other glyphs keep today's rules, and `keepClear={false}` is unchanged. Control-like glyphs still show far from the content, in open areas.
+
+- [#1714](https://github.com/softistx/nxgt-material/pull/1714) [`eaf951b`](https://github.com/softistx/nxgt-material/commit/eaf951b45956ecce29842c537264de591d7ec59b) Thanks [@SteveGT96](https://github.com/SteveGT96)! - fix(relative-time): a focusable `RelativeTime` (the time of a `ChangeHistory` entry) is a 44px tap target on a coarse pointer ([#1708](https://github.com/softistx/nxgt-material/issues/1708)). Its own box is 44px tall, the extra height pulled back by a negative margin so the layout does not move, and the focus ring still outlines the text. A fine pointer is unchanged.
+- Updated dependencies [[`2f3cc71`](https://github.com/softistx/nxgt-material/commit/2f3cc71d741ba79f170eea8f89f88a29e13a8cfa)]:
+  - @nxgt/material-core@0.39.0
+
 ## 3.32.1
 
 ### Patch Changes

package/README.md

@@ -630,9 +630,10 @@ 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/data-table-filter-lists-datatable.webp" width="120" alt="DataTable"> | [`DataTable`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#datatable), `DataTableColumnHeader`, `DataTablePagination`, `DataTableServerFooter`, `DataTableViewOptions` | TanStack Table v9 with sorting, filtering, selection, expandable rows, pagination or load-more, column visibility, skeleton rows while loading and your own empty state — or one server page at a time, with controlled sorting and selection, cursor Previous / Next links and row links. On a phone it keeps its header row and scrolls sideways in a keyboard-reachable region; the page does not. Or cards and tiles instead of the table (`layout`, `renderCard`, `renderTile`), and `layout={{ phone: 'tiles', wide: 'table' }}` for tiles on a phone ([cards and tiles guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/cards-and-tiles.md)). Long lists render only the rows in view (`virtual`). | `DataTable`, `DataTableColumnHeader`, `DataTablePagination`, `DataTableServerFooter`, `DataTableViewOptions` |
-| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-servertable.webp" width="120" alt="ServerTable"> | [`ServerTable`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#servertable), `createSorting`, `tableFilters`, `defineFilterModel`, `parseFilterQuery`, `serializeFilterQuery`, `paramsFromQuery`, `serverPagination`… | A server-mode `DataTable` driven by the URL's search params, for any router: the Filter in its top band with the page's title (optional), description and actions, the sort, forward cursor paging, a selection reset on a new query, the empty page (a scene and an action for "nothing yet", the filters as removable chips), a compact band (`bandDensity`), icon-only Previous / Next (`pageControls`, 44px targets on a touch screen, focus kept while a page loads), actions that stay on the search's row on a phone (`bandActions`), a bulk bar that reserves no row until a selection, a `filterRef` to focus the Filter, a page past the last (rows deleted) that says so and links back to the first, an error state with Retry for a failed fetch (`error`, `onRetry`), and one count announced. | `ServerTable`, `createSorting`, `tableFilters`, `serverPagination` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-servertable.webp" width="120" alt="ServerTable"> | [`ServerTable`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#servertable), `createSorting`, `tableFilters`, `defineFilterModel`, `parseFilterQuery`, `serializeFilterQuery`, `paramsFromQuery`, `serverPagination`… | A server-mode `DataTable` driven by the URL's search params, for any router: the Filter in its top band with the page's title (optional), description and actions, the sort, forward cursor paging, a selection reset on a new query, the empty page (a scene and an action for "nothing yet", the filters as removable chips), a compact band (`bandDensity`), icon-only Previous / Next (`pageControls`, 44px targets on a touch screen, focus kept while a page loads), actions that stay on the search's row on a phone (`bandActions`), a bulk bar that reserves no row until a selection, bulk actions with `appliesTo` that count and run only the selected rows they apply to (hidden at zero), a `filterRef` to focus the Filter, a page past the last (rows deleted) that says so and links back to the first, an error state with Retry for a failed fetch (`error`, `onRetry`), and one count announced. | `ServerTable`, `createSorting`, `tableFilters`, `serverPagination` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-rowmenu.webp" width="120" alt="RowMenu"> | [`RowMenu`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#rowmenu), `RowMenuTrigger`, `rowMenuColumn` | A row's "..." button named after its row ("Actions for Ada"; 44px on touch, 36px with a mouse from `md`), its menu aligned to the end with the destructive item last and 44px items on touch, and a column helper for `DataTable` and `ServerTable` under a hidden but named "Actions" header; focus returns to the button, also from a dialog an item opened. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-listempty.webp" width="120" alt="ListEmpty"> | [`ListEmpty`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#listempty) | A list's empty page: nothing yet (a title, or a scene, a line and an action), or nothing matches with what narrows it and a way out (a button or a link); its title is an `h2` (`headingLevel`). | `ListEmpty` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-pagefooter.webp" width="120" alt="PageFooter"> | [`PageFooter`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#pagefooter) | The page footer of a feed that is not a table (a list of cards, a news feed) under a `FilterBar`: the range ("21–40 of 134") and Previous / Next as real links built from the URL's cursor trail (`pageInfo`, `totalCount`, `params`), the same footer `ServerTable` draws, icon-only with `pageControls="icon"` (44px targets on a touch screen); an end with no page is a disabled button, `aria-disabled`. | `PageFooter` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-datagrid.webp" width="120" alt="DataGrid"> | [`DataGrid`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#datagrid) | An editable grid over `DataTable`'s columns: spreadsheet keys, a selected range, editors for text, numbers (with codes such as "abs"), options, dates and checkboxes, or your own; paste from Excel or Sheets, a fill handle that continues series, resizable, hideable and reorderable columns, undo, totals, and saving per cell, per row or in a batch with versions and conflicts ([guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/data-grid.md)). Long grids render only what is in view; on a phone it is a list of rows that open a panel. | — (later) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-daygroupedlist.webp" width="120" alt="DayGroupedList"> | [`DayGroupedList`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#daygroupedlist), `groupByDay` | A list split by day — Today, Yesterday, This week, Earlier — under headings that stick while their items scroll. | — (later) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/data-table-filter-lists-filter.webp" width="120" alt="Filter"> | [`Filter`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/data-table-filter-and-lists.md#filter), `FilterProvider`, `FilterContent`, `FilterChips`, `FilterPresets`, `FilterSheetTrigger`, `FilterBar`, `useFilterUrlQuery` · `FilterFormField` | Schema-driven filters with chips, presets, validation, and URL or storage persistence, and a query-driven `variant="bar"` / `"facets"` (quick filters, locked conditions, a phone sheet, a URL codec for a loader; `bandDensity="compact"` as on `ServerTable`), and `FilterBar`, the same bar bound to the URL for a feed or list without a table (`useFilterUrlQuery` is its hook, also `ServerTable`'s), a field `default` shown as an uncounted hint chip (a button that opens the editor on the default), a pressed toggle or checked values with a "Default" word (`defaults` prop), a `scope` field as a leading pill kept by "Clear all", a server refusal shown on the chip (`errors`), on the search box (`searchError`) or as an Alert under the bar (`formError`) and a model with `search: false`; the filter bar's "Filters (N)" (`FilterSheetTrigger`) can be placed inside a `ServerTable` (its actions). | `Filter`, `FilterProvider`, `FilterContent`, `FilterChips`, `FilterPresets`, `FilterSheetTrigger`, `FilterFormField`; `FilterBar`, `useFilterUrlQuery`: — (later, #1569) |

package/dist/{async-slice-Cll-4Mvg.js → async-slice-C9q_eMJD.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-CkPRWAaM.js";
-import { r } from "./translator-Ec9Uj32C.js";
+import { i as e, r as t, t as n } from "./stored-language-D73ujVW4.js";
+import { r } from "./translator-BE-yEb0p.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-B47lM8a5.js → button-CoAu_GuF.js}

@@ -2,7 +2,7 @@ import { t as e } from "./utils-BLfntITJ.js";
 import { n as t, t as n } from "./dist-DVRQkaTK.js";
 import { o as r, t as i } from "./tooltip-CkttDIab.js";
 import { t as a } from "./is-production-GLw59WU8.js";
-import { t as o } from "./spinner-DRGPXRNW.js";
+import { t as o } from "./spinner-wKfFAVU9.js";
 import { a as s, i as c, r as l, t as u } from "./button-tones-BwuVvAmd.js";
 import { t as d } from "./button-group-context-CaP0X5p_.js";
 import { t as f } 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 "./use-material-translation-B0RHv3l7.js";
-import { t as r } from "./button-B47lM8a5.js";
+import { t as n } from "./use-material-translation-Da9Ponn5.js";
+import { t as r } from "./button-CoAu_GuF.js";
 import { t as i } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as a, n as o, r as s, t as c } from "./util-4heV2LPI.js";
 import { t as l } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { t as u } from "./warn-once-C_e47JM8.js";
-import { t as d } from "./chip-Bf80b1XT.js";
+import { t as d } from "./chip-Ch21Qbnj.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-Bf80b1XT.js → chip-Ch21Qbnj.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./tooltip-CkttDIab.js";
-import { t as n } from "./use-material-translation-B0RHv3l7.js";
+import { t as n } from "./use-material-translation-Da9Ponn5.js";
 import { a as r } from "./button-tones-BwuVvAmd.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { Check as a, X as o } from "lucide-react";

package/dist/{code-editor-BLLpzmCc.js → code-editor-CEdEmolU.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-DJNMcPZa.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-DSgkmogX.js";
 import { a as c, i as l, n as u } from "./field-blur-context-Cft9s7Hg.js";
-import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-GIaifZbx.js";
+import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-D7R9YtYx.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-B0RHv3l7.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-COd99vab.js";
+import { t as _ } from "./use-material-translation-Da9Ponn5.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-BNMM7YlZ.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { n as C, t as w } from "./escape-owner-C4W_sOAU.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-GIaifZbx.js";
-import { t as o } from "./use-material-translation-B0RHv3l7.js";
-import { i as s, n as c, o as l } from "./code-language-items-COd99vab.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-D7R9YtYx.js";
+import { t as o } from "./use-material-translation-Da9Ponn5.js";
+import { i as s, n as c, o as l } from "./code-language-items-BNMM7YlZ.js";
 import { r as u, t as d } from "./field-blur-CJHzVSh9.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-BLLpzmCc.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-CEdEmolU.js";
 import { ChevronDown as k, ChevronUp as A, Columns2 as j } from "lucide-react";
 import { useEffect as M, useRef as N, useState as P } from "react";
 import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";

package/dist/{code-language-items-COd99vab.js → code-language-items-BNMM7YlZ.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-DJNMcPZa.js";
-import { t as n } from "./use-material-translation-B0RHv3l7.js";
+import { d as e, f as t } from "./dropdown-menu-DSgkmogX.js";
+import { t as n } from "./use-material-translation-Da9Ponn5.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";