@nxgt/material 3.33.0 → 3.34.0

package/dist/print.js

@@ -1,5 +1,5 @@
-import { r as e } from "./i18n-provider-BBhhsa4I.js";
-import { t } from "./translate-material-BEQGLLY7.js";
+import { r as e } from "./i18n-provider-CLq-1Qgc.js";
+import { t } from "./translate-material-CdpLjkcD.js";
 import { Children as n, createContext as r, isValidElement as i, useCallback as a, useContext as o, useEffect as s, useMemo as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { resolvePdfFileName as f } from "@nxgt/material-core/pdf-file-name";

package/dist/{public-Cvwb2tds.js → public-CX7FN97X.js}

@@ -6,18 +6,18 @@ import { c as i, i as a, l as o, n as s, o as c, s as l } from "./dist-lmHmz_bu.
 import { a as u, o as d } from "./tooltip-CkttDIab.js";
 import { i as f } from "./dist-C4wtXCjf.js";
 import { r as p, t as m } from "./in-dialog-Vwkyp-M5.js";
-import { C as h, D as g, E as _, O as v, S as y, T as b, _ as x, f as S, g as ee, k as te, r as ne, t as C, u as re, w } from "./dialog-Cp7bS5LI.js";
-import { c as T, d as ie, f as E, i as ae, l as oe, n as se, o as D, t as ce, u as O } from "./dropdown-menu-DJNMcPZa.js";
-import { S as le, a as k, d as A, g as ue, h as de, i as fe, m as pe, n as j, r as me, t as M, u as he, w as ge } from "./toolbar-items-GIaifZbx.js";
-import { t as N } from "./use-material-translation-B0RHv3l7.js";
-import { t as _e } from "./button-B47lM8a5.js";
+import { C as h, D as g, E as _, O as v, S as y, T as b, _ as x, f as S, g as ee, k as te, r as ne, t as C, u as re, w } from "./dialog-C_U4twIJ.js";
+import { c as T, d as ie, f as E, i as ae, l as oe, n as se, o as D, t as ce, u as O } from "./dropdown-menu-DSgkmogX.js";
+import { S as le, a as k, d as A, g as ue, h as de, i as fe, m as pe, n as j, r as me, t as M, u as he, w as ge } from "./toolbar-items-D7R9YtYx.js";
+import { t as N } from "./use-material-translation-Da9Ponn5.js";
+import { t as _e } from "./button-CoAu_GuF.js";
 import { n as ve, t as ye } from "./icon-button-ifTpXt0A.js";
 import { t as be } from "./useEvent-2fKq-6w8.js";
 import { n as xe, t as Se } from "./toggle-group-BMJNcFAC.js";
 import { o as Ce } from "./escape-owner-C4W_sOAU.js";
 import { n as we } from "./use-slice-reducer-BGkeGtML.js";
 import { r as Te } from "./use-csp-nonce-ZKs9k-ov.js";
-import { n as Ee, t as De } from "./empty-state-Dv9AtrMw.js";
+import { n as Ee, t as De } from "./empty-state-CJZ0sVE8.js";
 import { t as Oe } from "./client-only.utils-3nHNzCki.js";
 import { t as ke } from "./use-scroll-away-PQRFZkT2.js";
 import { ArrowLeft as Ae, BookOpenText as je, ChevronDown as Me, ChevronLeft as Ne, ChevronRight as Pe, ChevronUp as Fe, Download as Ie, Eraser as Le, FileText as Re, FileWarning as ze, FileX2 as Be, Highlighter as Ve, KeyRound as He, LayoutGrid as Ue, List as We, Loader2 as Ge, Maximize as Ke, MessageSquareText as qe, Minimize as Je, MoreVertical as Ye, MousePointer2 as Xe, MoveHorizontal as Ze, PanelLeft as Qe, Pen as $e, PencilLine as et, Printer as tt, RotateCw as nt, Search as rt, StickyNote as it, Type as at, Underline as ot, Undo2 as st, Volume2 as ct, X as lt, XIcon as ut, ZoomIn as dt, ZoomOut as ft } from "lucide-react";

package/dist/{rich-code-block-MItKFVB-.js → rich-code-block-cc1NZtbD.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tooltip-CkttDIab.js";
-import { c as t, n, t as r } from "./dropdown-menu-DJNMcPZa.js";
-import { t as i } from "./use-material-translation-B0RHv3l7.js";
-import { a, i as o, n as s, o as c, t as l } from "./code-language-items-COd99vab.js";
+import { c as t, n, t as r } from "./dropdown-menu-DSgkmogX.js";
+import { t as i } from "./use-material-translation-Da9Ponn5.js";
+import { a, i as o, n as s, o as c, t as l } from "./code-language-items-BNMM7YlZ.js";
 import { i as u, n as d, r as f, s as p } from "./dist-C3GR7kJd.js";
 import { t as m } from "./code-block-spec-CGLKRhwD.js";
 import { Check as h, ChevronDown as g, Copy as _, Maximize2 as v, WrapText as y } from "lucide-react";
@@ -143,7 +143,7 @@ function M({ node: e, editor: t, updateAttributes: n, editable: r, wrap: a, onWr
 }
 //#endregion
 //#region lib/components/ui/widgets/editor/extensions/code/code-block-open.tsx
-var N = x(() => import("./code-editor-BLLpzmCc.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
+var N = x(() => import("./code-editor-CEdEmolU.js").then((e) => e.n).then((e) => ({ default: e.CodeEditor })));
 function P() {
 	let { t: e } = i();
 	return /* @__PURE__ */ T("div", {

package/dist/{sortable-provider-CIlK0Vuk.js → sortable-provider-D43VdFMP.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DVRQkaTK.js";
-import { t as n } from "./use-material-translation-B0RHv3l7.js";
+import { t as n } from "./use-material-translation-Da9Ponn5.js";
 import { t as r } from "./icon-button-ifTpXt0A.js";
 import { t as i } from "./compose-refs-DZ0iIVF-.js";
 import { GripVertical as a } from "lucide-react";

package/dist/{spinner-DRGPXRNW.js → spinner-wKfFAVU9.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { o as 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 { jsx as r } from "react/jsx-runtime";
 //#region lib/components/ui/feedback/spinner/spinner.tsx
 var i = t("transition-all duration-500", {

package/dist/{stored-language-CkPRWAaM.js → stored-language-D73ujVW4.js}

@@ -1932,7 +1932,9 @@ var t = {
 			"first-page": "Back to the first page",
 			"past-end-status": "{count, plural, =0 {No results} one {# result} other {# results}} in all, none on this page",
 			error: "Could not load the list",
-			"error-hint": "Check your connection, then try again."
+			"error-hint": "Check your connection, then try again.",
+			"bulk-action": "{label} ({count})",
+			"bulk-action-name": "{label} {count, plural, one {# row} other {# rows}}"
 		},
 		"list-empty": { clear: "Clear search and filters" },
 		"data-grid": {
@@ -4599,7 +4601,9 @@ var t = {
 			"first-page": "Retour à la première page",
 			"past-end-status": "{count, plural, =0 {Aucun résultat} one {# résultat} other {# résultats}} au total, aucun sur cette page",
 			error: "Impossible de charger la liste",
-			"error-hint": "Vérifiez votre connexion, puis réessayez."
+			"error-hint": "Vérifiez votre connexion, puis réessayez.",
+			"bulk-action": "{label} ({count})",
+			"bulk-action-name": "{label} : {count, plural, one {# ligne} other {# lignes}}"
 		},
 		"list-empty": { clear: "Effacer la recherche et les filtres" },
 		"data-grid": {

package/dist/theme-picker.js

@@ -1,10 +1,10 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t, i as n, n as r, o as i, r as a, t as o } from "./bubble-input-B7BVd9fX.js";
-import { t as s } from "./use-material-translation-B0RHv3l7.js";
+import { t as s } from "./use-material-translation-Da9Ponn5.js";
 import { a as c, r as l } from "./icon-sprites-CaYXzOL4.js";
 import { t as u } from "./use-theme-DMcyJ52N.js";
 import { a as d, r as f } from "./theme-context-Cofk6vgs.js";
-import { t as p } from "./theme-toggle-CPzxOW_X.js";
+import { t as p } from "./theme-toggle-Drab-hke.js";
 import { n as m, t as h } from "./nxgt-theme-ZS945iMP.js";
 import { Check as g } from "lucide-react";
 import { useContext as _ } from "react";

package/dist/{theme-toggle-CPzxOW_X.js → theme-toggle-Drab-hke.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./use-material-translation-B0RHv3l7.js";
+import { t as e } from "./use-material-translation-Da9Ponn5.js";
 import { i as t } from "./theme-store-CSl51uNH.js";
 import { n, t as r } from "./use-theme-DMcyJ52N.js";
 import { r as i } from "./theme-context-Cofk6vgs.js";

package/dist/{toolbar-items-GIaifZbx.js → toolbar-items-D7R9YtYx.js}

@@ -4,9 +4,9 @@ import { a as i, c as a, i as o, l as s, r as c, s as l } from "./dist-lmHmz_bu.
 import { b as u, c as d, d as f, f as p, l as m, t as h, u as g, x as _ } from "./tooltip-CkttDIab.js";
 import { i as v, n as y, r as b, t as x } from "./dist-C4wtXCjf.js";
 import { a as S, c as C, l as w, o as T, r as ee, s as te, t as E } from "./in-dialog-Vwkyp-M5.js";
-import { A as ne, M as re, N as ie, b as ae, d as oe, f as se, i as ce, j as le, l as ue, n as de, o as fe, r as pe, t as me, u as he, y as ge } from "./dropdown-menu-DJNMcPZa.js";
+import { A as ne, M as re, N as ie, b as ae, d as oe, f as se, i as ce, j as le, l as ue, n as de, o as fe, r as pe, t as me, u as he, y as ge } from "./dropdown-menu-DSgkmogX.js";
 import { a as _e, n as ve, r as ye, t as be } from "./dist-B7RjY7SL.js";
-import { t as xe } from "./use-material-translation-B0RHv3l7.js";
+import { t as xe } from "./use-material-translation-Da9Ponn5.js";
 import { t as Se } from "./warn-once-C_e47JM8.js";
 import { o as Ce } from "./escape-owner-C4W_sOAU.js";
 import { ChevronLeft as we, ChevronRightIcon as Te, MoreVertical as Ee } from "lucide-react";

package/dist/{translate-material-BEQGLLY7.js → translate-material-CdpLjkcD.js}

@@ -1,5 +1,5 @@
-import "./stored-language-CkPRWAaM.js";
-import { a as e, r as t } from "./translator-Ec9Uj32C.js";
+import "./stored-language-D73ujVW4.js";
+import { a as e, r as t } from "./translator-BE-yEb0p.js";
 //#region lib/i18n/translate-material.ts
 function n(n, r, i, a) {
 	if (n) for (let e of /* @__PURE__ */ new Set([n, n.split("-")[0]])) {

package/dist/{translator-Ec9Uj32C.js → translator-BE-yEb0p.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./is-production-GLw59WU8.js";
-import { a as t, i as n, r, t as i } from "./stored-language-CkPRWAaM.js";
+import { a as t, i as n, r, t as i } from "./stored-language-D73ujVW4.js";
 import { t as a } from "./get-CTzJAwfc.js";
 //#region ../../node_modules/@formatjs/fast-memoize/index.js
 function o(e, t) {

package/dist/{use-chat-composer-BEs82Xar.js → use-chat-composer-CpKh8564.js}

@@ -7,21 +7,21 @@ import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } fro
 import { _ as h, a as g, g as _, h as v, m as y, o as b, p as x, t as S, v as C, y as w } from "./tooltip-CkttDIab.js";
 import { a as T, i as E, n as D, r as O, t as k } from "./dist-C4wtXCjf.js";
 import { i as A, n as ee, t as j } from "./in-dialog-Vwkyp-M5.js";
-import { A as M, C as N, D as te, E as ne, O as P, S as re, T as ie, _ as F, b as ae, f as oe, g as se, k as I, l as ce, m as le, n as ue, o as de, r as fe, s as pe, t as me, u as he, v as ge, w as _e, x as ve, y as ye } from "./dialog-Cp7bS5LI.js";
+import { A as M, C as N, D as te, E as ne, O as P, S as re, T as ie, _ as F, b as ae, f as oe, g as se, k as I, l as ce, m as le, n as ue, o as de, r as fe, s as pe, t as me, u as he, v as ge, w as _e, x as ve, y as ye } from "./dialog-C_U4twIJ.js";
 import { A as be, C as xe, D as Se, E as Ce, O as we, S as Te, T as Ee, _ as De, a as Oe, b as ke, d as Ae, f as je, g as Me, h as Ne, i as Pe, k as Fe, l as Ie, m as Le, n as Re, o as ze, p as Be, r as Ve, s as He, t as Ue, u as We, v as Ge, w as Ke, x as qe, y as Je } from "./floating-ui.dom-KkZSW8_E.js";
-import { D as Ye, E as Xe, N as Ze, O as Qe, c as $e, d as et, f as tt, i as nt, k as rt, m as it, n as at, o as ot, p as st, t as ct, u as lt } from "./dropdown-menu-DJNMcPZa.js";
+import { D as Ye, E as Xe, N as Ze, O as Qe, c as $e, d as et, f as tt, i as nt, k as rt, m as it, n as at, o as ot, p as st, t as ct, u as lt } from "./dropdown-menu-DSgkmogX.js";
 import { a as ut, i as dt, n as ft } from "./field-blur-context-Cft9s7Hg.js";
-import { C as pt, S as mt, a as ht, c as gt, d as _t, l as vt, n as yt, o as bt, s as xt, u as St } from "./toolbar-items-GIaifZbx.js";
+import { C as pt, S as mt, a as ht, c as gt, d as _t, l as vt, n as yt, o as bt, s as xt, u as St } from "./toolbar-items-D7R9YtYx.js";
 import { a as Ct, i as wt, n as Tt, o as Et, t as Dt } from "./bubble-input-B7BVd9fX.js";
 import { i as Ot } from "./dist-B7RjY7SL.js";
-import "./stored-language-CkPRWAaM.js";
-import { a as kt } from "./translator-Ec9Uj32C.js";
+import "./stored-language-D73ujVW4.js";
+import { a as kt } from "./translator-BE-yEb0p.js";
 import { h as At } from "./get-CTzJAwfc.js";
 import { t as jt } from "./isEmpty-F_g3jLf8.js";
-import { t as L } from "./use-material-translation-B0RHv3l7.js";
-import { t as Mt } from "./spinner-DRGPXRNW.js";
+import { t as L } from "./use-material-translation-Da9Ponn5.js";
+import { t as Mt } from "./spinner-wKfFAVU9.js";
 import { a as Nt } from "./button-tones-BwuVvAmd.js";
-import { a as Pt, i as Ft, n as It, r as Lt, t as Rt } from "./button-B47lM8a5.js";
+import { a as Pt, i as Ft, n as It, r as Lt, t as Rt } from "./button-CoAu_GuF.js";
 import { t as R } from "./icon-button-ifTpXt0A.js";
 import { a as zt, r as Bt } from "./icon-sprites-CaYXzOL4.js";
 import { t as Vt } from "./use-ssr-media-query-C6M5m8sf.js";
@@ -35,10 +35,10 @@ import { a as tn, i as nn, o as rn } from "./escape-owner-C4W_sOAU.js";
 import { n as an } from "./use-slice-reducer-BGkeGtML.js";
 import { t as on } from "./browser-only-DQ94lWF8.js";
 import { t as sn } from "./compose-refs-DZ0iIVF-.js";
-import { n as cn, r as ln, t as un } from "./chip-Bf80b1XT.js";
-import { n as dn, t as fn } from "./icon-badge-DEk244kn.js";
+import { n as cn, r as ln, t as un } from "./chip-Ch21Qbnj.js";
+import { n as dn, t as fn } from "./icon-badge-Dssl4rfn.js";
 import { r as pn } from "./use-csp-nonce-ZKs9k-ov.js";
-import { t as mn } from "./empty-state-Dv9AtrMw.js";
+import { t as mn } from "./empty-state-CJZ0sVE8.js";
 import { t as hn } from "./skeleton-DSdtr2qc.js";
 import { H as gn, V as _n, X as vn, bt as yn, it as bn, lt as xn, n as Sn, t as Cn, xt as wn, yt as Tn } from "./dist-moutbfbd.js";
 import { t as En } from "./markdown-Dw_uH7j7.js";
@@ -10782,7 +10782,7 @@ var CS = (e = {}) => Dn({
 		let [{ default: t }, { lowlight: n }, { richCodeBlock: r }] = await Promise.all([
 			import("./dist-CRMFGjng.js"),
 			import("./lowlight-OtcjU2Sa.js"),
-			import("./rich-code-block-MItKFVB-.js")
+			import("./rich-code-block-cc1NZtbD.js")
 		]);
 		return [r(t, {
 			lowlight: n,

package/dist/{use-heading-spy-BRAPVvfh.js → use-heading-spy-DgWhvYfh.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./i18n-provider-BBhhsa4I.js";
+import { r as e } from "./i18n-provider-CLq-1Qgc.js";
 import { _ as t, g as n, h as r, n as i, v as a, y as o } from "./number.utils-BG_eEt5g.js";
 import { useCallback as s, useEffect as c, useMemo as l, useRef as u } from "react";
 //#region ../../node_modules/date-fns/locale/fr/_lib/formatDistance.js

package/dist/{use-material-translation-B0RHv3l7.js → use-material-translation-Da9Ponn5.js}

@@ -1,5 +1,5 @@
-import { r as e } from "./i18n-provider-BBhhsa4I.js";
-import { t } from "./translate-material-BEQGLLY7.js";
+import { r as e } from "./i18n-provider-CLq-1Qgc.js";
+import { t } from "./translate-material-CdpLjkcD.js";
 import { useCallback as n } from "react";
 //#region lib/i18n/use-material-translation.ts
 function r() {

package/docs/components/data-table-filter-and-lists.md

@@ -857,6 +857,34 @@ export default function Students() {
     rowSelectionDisabledReason={() => 'Already applied'}
   />
   ```
+- **Bulk actions that count and run only their rows.** `bulkActions` also
+  takes a list of `ServerTableBulkAction<T>` (`{ id, label, icon?, appliesTo?,
+  onClick, variant?, color?, loading? }`). Each button reads "Label (n)", n
+  being the selected rows the action applies to, and is named "Label n rows"
+  (`material.server-table.bulk-action` and `bulk-action-name`, English and
+  French); `variant` (default `'tonal'`) and `color` (`'destructive'` for a
+  destructive one) style the button, `loading` makes it busy; the type is
+  exported as `ServerTableBulkAction`. It is not rendered when n is 0, so 5 rows selected with none
+  archived show no "Restore". `onClick(ids, selection, rows)` receives only
+  those ids and rows. An action without `appliesTo` applies to the whole
+  selection: it shows the selection's size and gets every id. **Across
+  pages:** `appliesTo` sees the loaded page's rows only, so a row selected on
+  another page is neither counted nor passed by an action that has one; an
+  action without it still gets every selected id.
+  ```tsx
+  <ServerTable<Item>
+    {...props}
+    bulkActions={[
+      {
+        id: 'restore',
+        label: 'Restore',
+        appliesTo: (item) => item.archived,
+        onClick: (ids, selection) => restore(ids).then(selection.clear),
+      },
+      { id: 'export', label: 'Export', onClick: (ids) => exportRows(ids) },
+    ]}
+  />
+  ```
 - **Your own controls instead.** Without `filter`, pass
   `filters={tableFilters(model)}`: whether the page is "nothing matches",
   and its "Clear search and filters" button
@@ -895,7 +923,7 @@ Its props are `ServerTableProps<T>`; `filter` is a `ServerTableFilter`,
 | `error` | `ServerTableError \| null` | — | the fetch failed: the failure and a Retry replace the rows |
 | `onRetry` | `() => unknown` | — | the error's Retry; a returned promise keeps it loading |
 | `onClearFilters` | `() => void` | focus the table | without `filter`, after "clear" |
-| `bulkActions` | `(ids, selection: ServerTableSelection) => ReactNode` | — | the selection's toolbar |
+| `bulkActions` | `(ids, selection: ServerTableSelection) => ReactNode \| ServerTableBulkAction<T>[]` | — | the selection's toolbar: your own buttons, or a list of actions with `appliesTo` that each count and run only the rows they apply to |
 | `enableRowSelection`, `rowSelectionDisabledReason` | `boolean \| (row) => boolean`, `(row) => string \| undefined` | all rows, no reason | with `bulkActions`: which rows can be selected, and why one cannot ([DataTable](#datatable)) |
 | `pageHref` | `(params) => string` | `` `?${params}` `` | Previous / Next hrefs |
 | `pagingNames` | `{ after?, trail? }` | `after`, `trail` | the cursor's params |

package/docs/guides/i18n.md

@@ -403,6 +403,7 @@ fichier.") when it cannot show it, `material.file-preview.download`
 "Seuls les premiers {size} de ce fichier sont affichés.") under a text cut
 by the size cap; the text or Markdown it shows scrolls in a region named by
 `material.file-preview.content` ("Contents of {name}", "Contenu de {name}").
+A `ServerTable` bulk action with a list entry reads `material.server-table.bulk-action` ("{label} ({count})", the same in French) and is named by `material.server-table.bulk-action-name` ("{label} {count, plural, one {# row} other {# rows}}"; "{label} : {count, plural, one {# ligne} other {# lignes}}").
 `ServerTable`'s own live region (without `filter`) says
 `material.server-table.results` once a new query is answered ("{count,
 plural, =0 {No results} one {# result} other {# results}}"; "{count, plural,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.33.0",
+	"version": "3.34.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"