@nxgt/material 3.103.0 → 3.104.0

package/dist/lib/components/ui/collections/data-table/partials/layouts/list-bar-in-row.d.ts

@@ -8,11 +8,12 @@ import { DataTableTable } from '../../types.js';
  * replaces in place, and "Clear selection") goes to the host's start slot,
  * the sort to its sort slot.
  */
-export declare function ListBarInRow<TData extends RowData>({ table, slots, count, countText, selectAll, clear, }: {
+export declare function ListBarInRow<TData extends RowData>({ table, slots, count, countText, selectAll, clear, showSort, }: {
     table: DataTableTable<TData>;
     slots: DataTableListSlots;
     count: number;
     countText: string;
     selectAll: (visibleLabel?: string) => ReactNode;
     clear: ReactNode;
+    showSort?: boolean;
 }): import("react").JSX.Element;

package/dist/lib/components/ui/collections/data-table/types.d.ts

@@ -37,19 +37,22 @@ export interface DataTableProps<TData extends RowData> extends DataTableEmptyPro
     /** The header row (column names, sorting, "Select all"). Shown at every
      * width; `false` hides it. */
     showHeader?: boolean;
+    /** `false`: `cards` and `tiles` drop their sort control (phone too); columns
+     * stay sortable, header sorting unchanged. Default: shown. */
+    showSort?: boolean;
     /** Caps the table's height (`400`, `'60vh'`); the rows then scroll inside
      * it. Default: none — the table is as tall as its rows, and the page
      * scrolls. */
     maxHeight?: number | string;
+    /** `maxHeight` as a Tailwind class (`'max-h-[28rem]'`): no inline `style`,
+     * server included (strict CSP). Wins over `maxHeight`. */
+    maxHeightClassName?: string;
     /** Renders only the rows in view (and a few around them), for long
-     * lists. Needs `maxHeight`: without it, it is off and warns in
-     * development. In client mode every filtered and sorted row is in one
-     * scrolling list, with no paging and no pagination footer; in `manual`
-     * mode the rows given are. The table gets `aria-rowcount` and each row
-     * its `aria-rowindex`, and switches to `table-fixed`: give columns their
-     * widths with `meta.className`. `renderExpandedRow` is ignored while it
-     * is on. The server renders the first `ssrRows` rows, with no inline
-     * `style`. */
+     * lists. Needs `maxHeight` or `maxHeightClassName`, else it is off and
+     * warns in development. Client mode: every filtered and sorted row in one
+     * list, no paging; `manual`: the rows given. Adds `aria-rowcount`,
+     * `aria-rowindex` and `table-fixed` (widths in `meta.className`).
+     * `renderExpandedRow` is ignored. The server renders `ssrRows` rows. */
     virtual?: DataTableVirtual;
     /** The name of the scroll region the table becomes while it overflows.
      * Default: "Scrollable table" (`material.table.labels.scroll-region`). */

package/dist/lib/components/ui/collections/data-table/virtual-option.d.ts

@@ -7,9 +7,15 @@ export type DataTableVirtualOptions = {
 };
 /**
  * `DataTable`'s `virtual`, or `undefined` when it is off. It needs
- * `maxHeight` (the rows scroll inside the table, not the page): without it,
- * it stays off and warns. `renderExpandedRow` is ignored while it is on —
+ * `maxHeight` or `maxHeightClassName` (the rows scroll inside the table, not
+ * the page): without either, it stays off and warns. `renderExpandedRow` is ignored while it is on —
  * an expanded row changes its row's height under the virtualizer — and
  * warns too.
  */
-export declare function resolveVirtual(virtual: DataTableVirtual | undefined, maxHeight: number | string | undefined, expandable: boolean): DataTableVirtualOptions | undefined;
+export declare function resolveVirtual(virtual: DataTableVirtual | undefined, capped: boolean, expandable: boolean): DataTableVirtualOptions | undefined;
+/** Whether the table's height is capped, by `maxHeight` or by
+ * `maxHeightClassName`: the rows then scroll inside it. */
+export declare function isCapped(props: {
+    maxHeight?: number | string;
+    maxHeightClassName?: string;
+}): boolean;

package/dist/lib/components/ui/collections/filter/use-filter-field-config.d.ts

@@ -2326,6 +2326,7 @@ export declare function useFilterFieldConfig({ field, value, onChange, error, di
         label?: import('react').ReactNode;
         columns?: import('../../selection/index.js').ChipGroupColumns | undefined;
         content?: string | undefined | undefined;
+        overflow?: "wrap" | "scroll" | undefined;
         size?: import('../../display/index.js').ChipSize | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | undefined | undefined;
@@ -2623,6 +2624,7 @@ export declare function useFilterFieldConfig({ field, value, onChange, error, di
         label?: import('react').ReactNode;
         columns?: import('../../selection/index.js').ChipGroupColumns | undefined;
         content?: string | undefined | undefined;
+        overflow?: "wrap" | "scroll" | undefined;
         size?: import('../../display/index.js').ChipSize | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         color?: string | undefined | undefined;

package/dist/lib/components/ui/collections/server-table/partials/server-table-passed-through.d.ts

@@ -19,6 +19,7 @@ export declare function passedThrough<T extends RowData>(props: ServerTableProps
         expandedRowModel: (table: import('@tanstack/table-core').Table<any, any>) => () => import('@tanstack/table-core').RowModel<any, any>;
     }, T, any>[];
     maxHeight: string | number | undefined;
+    maxHeightClassName: string | undefined;
     scrollLabel: string | undefined;
     showViewOptions: boolean | undefined;
     renderExpandedRow: ((row: import('@tanstack/table-core').Row<{

package/dist/lib/components/ui/collections/server-table/types.d.ts

@@ -15,7 +15,7 @@ export type ServerTableSelection = {
     deselect(ids: readonly string[]): void;
 };
 /** The `DataTable` props `ServerTable` passes through as they are. */
-export type PassedThrough<T extends RowData> = Pick<DataTableProps<T>, 'columns' | 'maxHeight' | 'scrollLabel' | 'showViewOptions' | 'renderExpandedRow' | 'options' | 'loading' | 'loadingRows' | 'getRowHref' | 'onRowClick' | 'linkComponent' | 'density' | 'layout' | 'cardDensity' | 'renderCard' | 'renderTile' | 'focusRef' | 'enableRowSelection' | 'rowSelectionDisabledReason'>;
+export type PassedThrough<T extends RowData> = Pick<DataTableProps<T>, 'columns' | 'maxHeight' | 'maxHeightClassName' | 'scrollLabel' | 'showViewOptions' | 'renderExpandedRow' | 'options' | 'loading' | 'loadingRows' | 'getRowHref' | 'onRowClick' | 'linkComponent' | 'density' | 'layout' | 'cardDensity' | 'renderCard' | 'renderTile' | 'focusRef' | 'enableRowSelection' | 'rowSelectionDisabledReason'>;
 export type ServerTableProps<T extends RowData> = PassedThrough<T> & ServerTablePagingProps & {
     /** The URL's search params, as the router reads them. */
     params: URLSearchParams;

package/dist/lib/components/ui/display/chip/chip.variants.d.ts

@@ -1,3 +1,4 @@
+import { Tone } from '../../tones.js';
 /**
  * A `Chip`'s look. `outlined` (the default) is a neutral hairline pill;
  * `tonal` and `filled` a soft tonal fill; `tag` a compact tag led by a
@@ -10,8 +11,8 @@ export type ChipVariant = 'outlined' | 'tonal' | 'filled' | 'tag' | 'dashed'
  | 'ghost'
 /** @deprecated A Button variant: draws the hairline look, as `outlined`. */
  | 'link';
-/** A `Chip`'s tone: `default` (and nothing) is neutral. */
-export type ChipColor = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error';
+/** A `Chip`'s tone: `default` (and nothing) is neutral; else a tone `Badge` takes, an app's own included. */
+export type ChipColor = 'default' | Tone;
 /**
  * A `Chip`'s density: `default` 28px, `sm` 24px (the 24px target kept), `lg`
  * 44px (the touch target, drawn at every pointer).
@@ -21,7 +22,7 @@ export type ChipLook = 'hairline' | 'soft' | 'tag';
 /** The look a variant draws. */
 export declare function chipLook(variant: ChipVariant | null | undefined): ChipLook;
 /** The tone a colour draws: no colour, and `default`, are neutral. */
-export declare function chipTone(color: ChipColor | null | undefined): "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+export declare function chipTone(color: ChipColor | null | undefined): Tone;
 /** The data attributes a chip's root carries, and the look and tone they name. */
 export declare function chipAttributes({ variant, size, color, selected, }: {
     variant: ChipVariant;
@@ -30,6 +31,6 @@ export declare function chipAttributes({ variant, size, color, selected, }: {
     selected?: boolean;
 }): {
     look: ChipLook;
-    tone: string;
+    tone: Tone;
     attributes: Record<string, string | undefined>;
 };