loon-bulma-react 2026.0.13 → 2026.0.14

package/dist/components/DataTable/DataTable.d.ts

@@ -21,20 +21,25 @@ type DataTableColumnProp<T extends unknown = unknown> = {
     /** className voor de kolom, om een cel te stylen afhankelijk van de waarde */
     columnClass?: string | ((item: T) => string);
 };
-type PaginationOptionsProp = {
+type DatatablePaginationOptionsProp = {
     /** tonen we paginatie? */
     hidden?: boolean;
     /** vanaf wel aantal rijen is paginatie actief */
     threshold?: number;
     /** initiele pagination number. default = 1 (first) */
     initialPage?: number;
-    /** Default aantal rijen per pagina  (-1 voor alles)*/
+    /** Default aantal rijen per pagina  (Infinity voor alles)*/
     initialRowsPerPage?: number;
-    /** Opties voor aantal rijen per pagina (gebruik `-1` voor alles) */
+    /** Opties voor aantal rijen per pagina (gebruik `Infinity` voor alles) */
     rowsPerPageOptions?: {
         label: string;
         value: number;
     }[];
+    /** callback voor wijzigen van de `rowsPerPage` - zodat je die (als gewenst) kan opslaan */
+    onRowsPerPerPageOptionChanged?: (selected: {
+        label: string;
+        value: number;
+    }) => void;
 };
 type DataTableProps<T extends unknown = unknown> = {
     /** De kolommen voor de DataTable
@@ -121,7 +126,8 @@ type DataTableProps<T extends unknown = unknown> = {
     footerContent?: React.ReactNode;
     itemRef?: React.RefObject<any> | null;
     id?: string;
-    paginationOptions?: PaginationOptionsProp | undefined;
+    /** opties voor paginatie */
+    paginationOptions?: DatatablePaginationOptionsProp | undefined;
 };
 /**
  * Maak een tabel voor grote hoeveelheden data. De tabel is doorzoekbaar en heeft paginatie. Dat is allemaal uit te zetten.

package/dist/contexts/DefaultsProvider/DefaultsProvider.d.ts

@@ -37,22 +37,28 @@ type DefaultsType = {
     tags: TagSettings;
     /** default alignment settings */
     alignment: AlignmentProp;
-    datatablePagination: PaginationOptions;
+    /** default settings voor de datatable paginatie */
+    datatablePagination: DatatablePaginationOptions;
 };
-export type PaginationOptions = {
+export type DatatablePaginationOptions = {
     /** tonen we pagination? */
     hidden: boolean;
     /** vanaf wel aantal rijen is paginatie actief */
     threshold: number;
     /** initiele pagination number. default = 1 (first) */
     initialPage: number;
-    /** Default aantal rijen per pagina  (-1 voor alles)*/
+    /** Default aantal rijen per pagina  (Infinity voor alles)*/
     initialRowsPerPage: number;
-    /** Opties voor aantal rijen per pagina (gebruik value `-1` voor alles) */
+    /** Opties voor aantal rijen per pagina (gebruik value `Infinity` voor alles) */
     rowsPerPageOptions: {
         label: string;
         value: number;
     }[];
+    /** Callback functie die wordt aangeroepen als de user een andere rowsPerPage optie kiest. Zodat je deze kan opslaan (als gewenst) */
+    onRowsPerPerPageOptionChanged?: (option: {
+        label: string;
+        value: number;
+    }) => void;
 };
 /** Partial type voor het updaten van een of meer enkele settings.
  * Alle properties zijn optioneel, en kunnen dus ook weggelaten worden.
@@ -68,7 +74,7 @@ export type OptionalDefaultsType = Partial<{
     tags: Partial<TagSettings>;
     /** default alignment settings */
     alignment: Partial<AlignmentProp>;
-    datatablePagination: Partial<PaginationOptions>;
+    datatablePagination: Partial<DatatablePaginationOptions>;
 }>;
 /**
  * Context voor het bijhouden van de default waardes voor de LoonBulmaReact componenten