loon-bulma-react 2025.0.30 → 2025.0.32

package/dist/index.d.cts

@@ -814,6 +814,21 @@ 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 = {
+    /** 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)*/
+    defaultRowsPerPage?: number;
+    /** Opties voor aantal rijen per pagina (gebruik `-1` voor alles) */
+    rowsPerPageOptions?: {
+        label: string;
+        value: number;
+    }[];
+};
 type DataTableProps<T extends unknown = unknown> = {
     /** De kolommen voor de DataTable
      * @param sort een functie die twee items vergelijkt en -1, 0, 1 of een `number` teruggeeft. Als er geen sort-function is, kan de tabel **niet** op deze kolom gesorteerd worden.
@@ -854,11 +869,16 @@ type DataTableProps<T extends unknown = unknown> = {
     sticky?: 'none' | 'header' | 'all';
     /** is de tabel is de tabel hoverbaar (en is dat ook zichtbaar?) hebben? (default = `false`) */
     hoverable?: boolean;
-    /** paginatie verstoppen? (default = `false`) */
+    /** paginatie verstoppen? (default = `false`)
+     * @deprecated gebruik de paginationOptions prop
+     */
     hidePagination?: boolean;
-    /** initiele pagination number. default = 1 (first) */
+    /** initiele pagination number. default = 1 (first)
+     * @deprecated gebruik de paginationOptions prop
+     */
     initialPage?: number;
     /** maximaal aantal rijen in de tabel voor paginatie aangaat. (default = 20)
+     * @deprecated gebruik de paginationOptions prop
      * - 0: geen maximum, alle rijen worden getoond
      * - number: maximum aantal rijen voor paginatie */
     maxRows?: 0 | number;
@@ -907,6 +927,7 @@ type DataTableProps<T extends unknown = unknown> = {
     footerContent?: React$1.ReactNode;
     itemRef?: React$1.RefObject<any> | null;
     id?: string;
+    paginationOptions?: PaginationOptionsProp | undefined;
 };
 /**
  * Maak een tabel voor grote hoeveelheden data. De tabel is doorzoekbaar en heeft paginatie. Dat is allemaal uit te zetten.
@@ -954,7 +975,7 @@ type DataTableProps<T extends unknown = unknown> = {
  * @param searchPlaceholder placeholder voor zoek-input (default = 'Zoek ...')
  * @returns
  */
-declare function DataTable<T extends unknown = unknown>({ data, columns: cols, defaultSortColNum, compact, noStripes, narrow, bordered, hoverable, sticky, hidePagination, initialPage, hideSearch, headerContent, footerContent, size, maxRows: definedMaxRows, searchPlaceholder, rowIdentifier, onSearch, onRowSelected, onRowRightClick, rowClass, renderWhenNoData, searchInfoMessage, id: tableID, itemRef, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends unknown = unknown>({ data, columns: cols, defaultSortColNum, compact, noStripes, narrow, bordered, hoverable, sticky, hidePagination, initialPage, hideSearch, headerContent, footerContent, size, maxRows, searchPlaceholder, rowIdentifier, onSearch, onRowSelected, onRowRightClick, rowClass, renderWhenNoData, searchInfoMessage, id: tableID, itemRef, paginationOptions: paginationOptionsProp, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 type DropDownProps = {
     children?: React$1.ReactNode;
@@ -4627,18 +4648,30 @@ declare function TT({ className, children, style, content, hideArrow, triggers,
 type PaginationProps = {
     /** current selected page number */ currentPage: number;
     /** range to render bijvoorbeeld van de  `usePagination()`-hook. Bestaat uit numbers en `'dots'` op de plekken waar puntjes moeten komen
-     * @example const range = [1, 'dots', 6, 7, 8, 'dots', 100] */ range: Array<number | 'dots'>;
-    /** grootte van de pagination buttons (default = `s`) */ size?: SizeProp;
-    /** verberg de `vorige-pagina`-button (default = `false)` */ hidePrev?: boolean;
-    /** verberg de `volgende-pagina`-button (default = `false)` */ hideNext?: boolean;
-    /** verberg de `eerste pagina`-button (default = `false)` */ hideFirst?: boolean;
-    /** verberg de `laatste-pagina`-button (default = `false)` */ hideLast?: boolean;
-    /** verberg de `1, 2, 3,`-buttons (default = `false)` */ hideNumbers?: boolean;
-    /** function om de pagina te setten */ set?: (page: number) => void;
-    /** function om de currentPage op de eerste pagina te setten */ first?: () => void;
-    /** function om de currentPage op de laatste pagina te setten */ last?: () => void;
-    /** function om de currentPage op vorige pagina te setten */ prev?: () => void;
-    /** function om de currentPage op volgende pagina te setten */ next?: () => void;
+     * @example const range = [1, 'dots', 6, 7, 8, 'dots', 100] */
+    range: Array<number | 'dots'>;
+    /** grootte van de pagination buttons (default = `s`) */
+    size?: SizeProp;
+    /** verberg de `vorige-pagina`-button (default = `false)` */
+    hidePrev?: boolean;
+    /** verberg de `volgende-pagina`-button (default = `false)` */
+    hideNext?: boolean;
+    /** verberg de `eerste pagina`-button (default = `false)` */
+    hideFirst?: boolean;
+    /** verberg de `laatste-pagina`-button (default = `false)` */
+    hideLast?: boolean;
+    /** verberg de `1, 2, 3,`-buttons (default = `false)` */
+    hideNumbers?: boolean;
+    /** function om de pagina te setten */
+    set?: (page: number) => void;
+    /** function om de currentPage op de eerste pagina te setten */
+    first?: () => void;
+    /** function om de currentPage op de laatste pagina te setten */
+    last?: () => void;
+    /** function om de currentPage op vorige pagina te setten */
+    prev?: () => void;
+    /** function om de currentPage op volgende pagina te setten */
+    next?: () => void;
 };
 /**
  * Pagination component voor gebruik met de `usePagination()`-hook.
@@ -5011,6 +5044,22 @@ type DefaultsType = {
     tags: TagSettings;
     /** default alignment settings */
     alignment: AlignmentProp;
+    datatablePagination: PaginationOptions;
+};
+type PaginationOptions = {
+    /** 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)*/
+    defaultRowsPerPage: number;
+    /** Opties voor aantal rijen per pagina (gebruik value `-1` voor alles) */
+    rowsPerPageOptions: {
+        label: string;
+        value: number;
+    }[];
 };
 /** Partial type voor het updaten van een of meer enkele settings.
  * Alle properties zijn optioneel, en kunnen dus ook weggelaten worden.
@@ -5026,6 +5075,7 @@ type OptionalDefaultsType = Partial<{
     tags: Partial<TagSettings>;
     /** default alignment settings */
     alignment: Partial<AlignmentProp>;
+    datatablePagination: Partial<PaginationOptions>;
 }>;
 /**
  * Context voor het bijhouden van de default waardes voor de LoonBulmaReact componenten
@@ -5720,4 +5770,4 @@ type IndexedDBHookParams = {
  */
 declare function useIndexedDB({ db: dbName, store: storeName, version }: IndexedDBHookParams): HookReturnValue;
 
-export { AND, type ActionSheetButton, ActionSheetProvider, type AlignmentProp, type AllowedPromptTypes, type AnchorRelProp, type AnchorTargetProp, AspectRatio, type AspectRatioProps, type AutoCompleteProp, type BaseEventProps, BaseInput, Block, BorderBox, Box, type BoxProps, Button, Buttons as ButtonGroup, type ButtonGroupProps, type ButtonProps, Buttons, CB, Calendar, type CalendarOptions, type CalendarType, CheckBox, type CheckBoxInputProps as CheckboxInputProps, CodeBlock, type CodeBlockProps, type CodeLanguage, ColorInput, type ColorInputProps, type ColorProp, ColorSchemeContext, ColorSchemeProvider, type ColorSchemeType, Column, type ColumnProps, Columns, ComboBox, type ComboBoxProps, ConfirmProvider, Container, Content, ContextMenu, type CoordinatesProp, CurrencyInput, type CurrencyInputProps, DOTS, DataTable, type DataTableColumnProp as DataTableColumn, type DataTableProps, DateInput, type DateInputProps, DateTimeInput, type DateTimeInputProps, DefaultsContext, DefaultsProvider, DefinedHexColors, DialogsProvider, type DiffFnType, type DirectionProp, Divider, Dropdown, EmailInput, type EmailInputProps, EvMv, type ExpandedColumnProps, FileInput, type FileInputProps, type FileInputValue, Footer, FormattedInput, type FormattedInputProps, H1, H2, H3, H4, H5, H6, type HSLColor, HelpTxt, type HelpTxtProps, Hero, type HeroProps, type HexColor$1 as HexColor, HiddenInput, type HiddenInputProps, type Hotkey, type HotkeyItem, IF, IbanDetailsPerLand, Icon, type IconProps, IconStack, IconText, type IconTextProps, Image, type ImageProps, Indicator, type IndicatorPositionProp, type IndicatorProps, Input, InputContainer, type InputPropsType, type InputStylingPropsType, type InputValueType, type JSChangeDateTimeType, type JSDateSetterType, JSDateTime, JSDuration, Kbd, Kbds, type KeyOf, type KeyboardTypeProp, KeysContext, KeysProvider, Label, type LabelProps, Link, LinkButton, type LinkButtonProps, type LinkProps, LoonBulmaReactProviders, Menu, type MenuItemGroupProps, type MenuItemProps, type MenuProps, Message, type MessageProps, Modal, ModalContext, type ModalProps, ModalProvider, ModeContext, ModeProvider, MonthInput, type MonthInputProps, type MonthInputString, type MonthViewProps, MultiComboBox, type MultiComboBoxProps, NAND, NOR, NOT, Notification, type NotificationProps, Notifier, type NotifierContextType, type NotifierItemProps, type NotifierProps, NotifierProvider, type NotifierProviderProps, NumberInput, type NumberInputProps, OR, type OnOffToggleItemProps, type OptionalDefaultsType, Pagination, type PaginationParams, type PaginationProps, Panel, type PanelProps, PasswordInput, type PasswordInputProps, type PositionProp, type PrettierType, ProgressBar, type ProgressBarProps, PromptProvider, QuickView, type QuickViewProps, RB, type RGBColor, RadioGroup, type RadioInputProps, RangeInput, type RangeInputProps, type RectProp, type RelationshipProp, ContextMenu as RightClickMenu, SWITCH, ScrollArea, Section, Select, type SelectInputProps, SimpleTable, type SimpleTableColProps, type SimpleTableProps, type SizeProp, type StepItemProps, Steps, type StepsProps, type StrictOmit, type StringWithAutocomplete, TabBar, type TabBarItemProps, type TabBarProps, Table, Tag, type TagProps, type TagSizeProp, Tags, TagsInput, type TagsInputProps, type TagsProps, TelephoneInput, type TelephoneInputProps, type TextAlignmentProp, TextArea, type TextAreaProps, TextEditor, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TimeLine, type TimeLineItemProps, type TimeLinePointProps, type TimeLineProps, ToggleBar, type ToggleBarProps, type ToggleItemProps, TT as Tooltip, TreeViewRoot as TreeView, TreeViewNode, type TreeViewProps, type TypeOfSet, URLInput, type URLInputProps, type UncontrolledMode, type UncontrolledOptions, WeekInput, type WeekInputProps, type WeekInputString, type WeekViewProps, XNOR, XOR, boolSort, calculateTxtColor, centerPad, colorPropToHex, dateSort, firstDifferentIndex, getCurrentColorScheme, getHotkeyHandler, getHotkeyMatcher, getSystemColorScheme, hasBSN, hexToHSL, hexToRGB, hslToHex, hslToRGB, isBSN, isHSLColor, isHexColor, isIBAN, isNullOrEmpty, isRGBColor, leftPad, maxLength, numSort, parseHotkey, randomColor, randomColorProp, randomDbl, randomInt, rgbToHSL, rgbToHex, rightPad, roundTo, setColorScheme, stringSort, tryIt, tryItAsync, useActionSheet, useBoolToggle, useClickOutside, useClipboard, useColorScheme, useConfirm, useContextMenu, useCookieStoredState, useDebouncedState, useDebouncedValue, useFetchAPI, useHotkeys, useIndexedDB, useKeyContext, useLocalStoredState, useNotifier, usePagination, usePrompt, usePropState, useContextMenu as useRightClick, useScrollIntoView, useSessionStoredState, useToggle, useUncontrolled, useValidatedState };
+export { AND, type ActionSheetButton, ActionSheetProvider, type AlignmentProp, type AllowedPromptTypes, type AnchorRelProp, type AnchorTargetProp, AspectRatio, type AspectRatioProps, type AutoCompleteProp, type BaseEventProps, BaseInput, Block, BorderBox, Box, type BoxProps, Button, Buttons as ButtonGroup, type ButtonGroupProps, type ButtonProps, Buttons, CB, Calendar, type CalendarOptions, type CalendarType, CheckBox, type CheckBoxInputProps as CheckboxInputProps, CodeBlock, type CodeBlockProps, type CodeLanguage, ColorInput, type ColorInputProps, type ColorProp, ColorSchemeContext, ColorSchemeProvider, type ColorSchemeType, Column, type ColumnProps, Columns, ComboBox, type ComboBoxProps, ConfirmProvider, Container, Content, ContextMenu, type CoordinatesProp, CurrencyInput, type CurrencyInputProps, DOTS, DataTable, type DataTableColumnProp as DataTableColumn, type DataTableProps, DateInput, type DateInputProps, DateTimeInput, type DateTimeInputProps, DefaultsContext, DefaultsProvider, DefinedHexColors, DialogsProvider, type DiffFnType, type DirectionProp, Divider, Dropdown, EmailInput, type EmailInputProps, EvMv, type ExpandedColumnProps, FileInput, type FileInputProps, type FileInputValue, Footer, FormattedInput, type FormattedInputProps, H1, H2, H3, H4, H5, H6, type HSLColor, HelpTxt, type HelpTxtProps, Hero, type HeroProps, type HexColor$1 as HexColor, HiddenInput, type HiddenInputProps, type Hotkey, type HotkeyItem, IF, IbanDetailsPerLand, Icon, type IconProps, IconStack, IconText, type IconTextProps, Image, type ImageProps, Indicator, type IndicatorPositionProp, type IndicatorProps, Input, InputContainer, type InputPropsType, type InputStylingPropsType, type InputValueType, type JSChangeDateTimeType, type JSDateSetterType, JSDateTime, JSDuration, Kbd, Kbds, type KeyOf, type KeyboardTypeProp, KeysContext, KeysProvider, Label, type LabelProps, Link, LinkButton, type LinkButtonProps, type LinkProps, LoonBulmaReactProviders, Menu, type MenuItemGroupProps, type MenuItemProps, type MenuProps, Message, type MessageProps, Modal, ModalContext, type ModalProps, ModalProvider, ModeContext, ModeProvider, MonthInput, type MonthInputProps, type MonthInputString, type MonthViewProps, MultiComboBox, type MultiComboBoxProps, NAND, NOR, NOT, Notification, type NotificationProps, Notifier, type NotifierContextType, type NotifierItemProps, type NotifierProps, NotifierProvider, type NotifierProviderProps, NumberInput, type NumberInputProps, OR, type OnOffToggleItemProps, type OptionalDefaultsType, Pagination, type PaginationOptions, type PaginationParams, type PaginationProps, Panel, type PanelProps, PasswordInput, type PasswordInputProps, type PositionProp, type PrettierType, ProgressBar, type ProgressBarProps, PromptProvider, QuickView, type QuickViewProps, RB, type RGBColor, RadioGroup, type RadioInputProps, RangeInput, type RangeInputProps, type RectProp, type RelationshipProp, ContextMenu as RightClickMenu, SWITCH, ScrollArea, Section, Select, type SelectInputProps, SimpleTable, type SimpleTableColProps, type SimpleTableProps, type SizeProp, type StepItemProps, Steps, type StepsProps, type StrictOmit, type StringWithAutocomplete, TabBar, type TabBarItemProps, type TabBarProps, Table, Tag, type TagProps, type TagSizeProp, Tags, TagsInput, type TagsInputProps, type TagsProps, TelephoneInput, type TelephoneInputProps, type TextAlignmentProp, TextArea, type TextAreaProps, TextEditor, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TimeLine, type TimeLineItemProps, type TimeLinePointProps, type TimeLineProps, ToggleBar, type ToggleBarProps, type ToggleItemProps, TT as Tooltip, TreeViewRoot as TreeView, TreeViewNode, type TreeViewProps, type TypeOfSet, URLInput, type URLInputProps, type UncontrolledMode, type UncontrolledOptions, WeekInput, type WeekInputProps, type WeekInputString, type WeekViewProps, XNOR, XOR, boolSort, calculateTxtColor, centerPad, colorPropToHex, dateSort, firstDifferentIndex, getCurrentColorScheme, getHotkeyHandler, getHotkeyMatcher, getSystemColorScheme, hasBSN, hexToHSL, hexToRGB, hslToHex, hslToRGB, isBSN, isHSLColor, isHexColor, isIBAN, isNullOrEmpty, isRGBColor, leftPad, maxLength, numSort, parseHotkey, randomColor, randomColorProp, randomDbl, randomInt, rgbToHSL, rgbToHex, rightPad, roundTo, setColorScheme, stringSort, tryIt, tryItAsync, useActionSheet, useBoolToggle, useClickOutside, useClipboard, useColorScheme, useConfirm, useContextMenu, useCookieStoredState, useDebouncedState, useDebouncedValue, useFetchAPI, useHotkeys, useIndexedDB, useKeyContext, useLocalStoredState, useNotifier, usePagination, usePrompt, usePropState, useContextMenu as useRightClick, useScrollIntoView, useSessionStoredState, useToggle, useUncontrolled, useValidatedState };

package/dist/index.d.ts

@@ -814,6 +814,21 @@ 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 = {
+    /** 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)*/
+    defaultRowsPerPage?: number;
+    /** Opties voor aantal rijen per pagina (gebruik `-1` voor alles) */
+    rowsPerPageOptions?: {
+        label: string;
+        value: number;
+    }[];
+};
 type DataTableProps<T extends unknown = unknown> = {
     /** De kolommen voor de DataTable
      * @param sort een functie die twee items vergelijkt en -1, 0, 1 of een `number` teruggeeft. Als er geen sort-function is, kan de tabel **niet** op deze kolom gesorteerd worden.
@@ -854,11 +869,16 @@ type DataTableProps<T extends unknown = unknown> = {
     sticky?: 'none' | 'header' | 'all';
     /** is de tabel is de tabel hoverbaar (en is dat ook zichtbaar?) hebben? (default = `false`) */
     hoverable?: boolean;
-    /** paginatie verstoppen? (default = `false`) */
+    /** paginatie verstoppen? (default = `false`)
+     * @deprecated gebruik de paginationOptions prop
+     */
     hidePagination?: boolean;
-    /** initiele pagination number. default = 1 (first) */
+    /** initiele pagination number. default = 1 (first)
+     * @deprecated gebruik de paginationOptions prop
+     */
     initialPage?: number;
     /** maximaal aantal rijen in de tabel voor paginatie aangaat. (default = 20)
+     * @deprecated gebruik de paginationOptions prop
      * - 0: geen maximum, alle rijen worden getoond
      * - number: maximum aantal rijen voor paginatie */
     maxRows?: 0 | number;
@@ -907,6 +927,7 @@ type DataTableProps<T extends unknown = unknown> = {
     footerContent?: React$1.ReactNode;
     itemRef?: React$1.RefObject<any> | null;
     id?: string;
+    paginationOptions?: PaginationOptionsProp | undefined;
 };
 /**
  * Maak een tabel voor grote hoeveelheden data. De tabel is doorzoekbaar en heeft paginatie. Dat is allemaal uit te zetten.
@@ -954,7 +975,7 @@ type DataTableProps<T extends unknown = unknown> = {
  * @param searchPlaceholder placeholder voor zoek-input (default = 'Zoek ...')
  * @returns
  */
-declare function DataTable<T extends unknown = unknown>({ data, columns: cols, defaultSortColNum, compact, noStripes, narrow, bordered, hoverable, sticky, hidePagination, initialPage, hideSearch, headerContent, footerContent, size, maxRows: definedMaxRows, searchPlaceholder, rowIdentifier, onSearch, onRowSelected, onRowRightClick, rowClass, renderWhenNoData, searchInfoMessage, id: tableID, itemRef, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends unknown = unknown>({ data, columns: cols, defaultSortColNum, compact, noStripes, narrow, bordered, hoverable, sticky, hidePagination, initialPage, hideSearch, headerContent, footerContent, size, maxRows, searchPlaceholder, rowIdentifier, onSearch, onRowSelected, onRowRightClick, rowClass, renderWhenNoData, searchInfoMessage, id: tableID, itemRef, paginationOptions: paginationOptionsProp, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 type DropDownProps = {
     children?: React$1.ReactNode;
@@ -4627,18 +4648,30 @@ declare function TT({ className, children, style, content, hideArrow, triggers,
 type PaginationProps = {
     /** current selected page number */ currentPage: number;
     /** range to render bijvoorbeeld van de  `usePagination()`-hook. Bestaat uit numbers en `'dots'` op de plekken waar puntjes moeten komen
-     * @example const range = [1, 'dots', 6, 7, 8, 'dots', 100] */ range: Array<number | 'dots'>;
-    /** grootte van de pagination buttons (default = `s`) */ size?: SizeProp;
-    /** verberg de `vorige-pagina`-button (default = `false)` */ hidePrev?: boolean;
-    /** verberg de `volgende-pagina`-button (default = `false)` */ hideNext?: boolean;
-    /** verberg de `eerste pagina`-button (default = `false)` */ hideFirst?: boolean;
-    /** verberg de `laatste-pagina`-button (default = `false)` */ hideLast?: boolean;
-    /** verberg de `1, 2, 3,`-buttons (default = `false)` */ hideNumbers?: boolean;
-    /** function om de pagina te setten */ set?: (page: number) => void;
-    /** function om de currentPage op de eerste pagina te setten */ first?: () => void;
-    /** function om de currentPage op de laatste pagina te setten */ last?: () => void;
-    /** function om de currentPage op vorige pagina te setten */ prev?: () => void;
-    /** function om de currentPage op volgende pagina te setten */ next?: () => void;
+     * @example const range = [1, 'dots', 6, 7, 8, 'dots', 100] */
+    range: Array<number | 'dots'>;
+    /** grootte van de pagination buttons (default = `s`) */
+    size?: SizeProp;
+    /** verberg de `vorige-pagina`-button (default = `false)` */
+    hidePrev?: boolean;
+    /** verberg de `volgende-pagina`-button (default = `false)` */
+    hideNext?: boolean;
+    /** verberg de `eerste pagina`-button (default = `false)` */
+    hideFirst?: boolean;
+    /** verberg de `laatste-pagina`-button (default = `false)` */
+    hideLast?: boolean;
+    /** verberg de `1, 2, 3,`-buttons (default = `false)` */
+    hideNumbers?: boolean;
+    /** function om de pagina te setten */
+    set?: (page: number) => void;
+    /** function om de currentPage op de eerste pagina te setten */
+    first?: () => void;
+    /** function om de currentPage op de laatste pagina te setten */
+    last?: () => void;
+    /** function om de currentPage op vorige pagina te setten */
+    prev?: () => void;
+    /** function om de currentPage op volgende pagina te setten */
+    next?: () => void;
 };
 /**
  * Pagination component voor gebruik met de `usePagination()`-hook.
@@ -5011,6 +5044,22 @@ type DefaultsType = {
     tags: TagSettings;
     /** default alignment settings */
     alignment: AlignmentProp;
+    datatablePagination: PaginationOptions;
+};
+type PaginationOptions = {
+    /** 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)*/
+    defaultRowsPerPage: number;
+    /** Opties voor aantal rijen per pagina (gebruik value `-1` voor alles) */
+    rowsPerPageOptions: {
+        label: string;
+        value: number;
+    }[];
 };
 /** Partial type voor het updaten van een of meer enkele settings.
  * Alle properties zijn optioneel, en kunnen dus ook weggelaten worden.
@@ -5026,6 +5075,7 @@ type OptionalDefaultsType = Partial<{
     tags: Partial<TagSettings>;
     /** default alignment settings */
     alignment: Partial<AlignmentProp>;
+    datatablePagination: Partial<PaginationOptions>;
 }>;
 /**
  * Context voor het bijhouden van de default waardes voor de LoonBulmaReact componenten
@@ -5720,4 +5770,4 @@ type IndexedDBHookParams = {
  */
 declare function useIndexedDB({ db: dbName, store: storeName, version }: IndexedDBHookParams): HookReturnValue;
 
-export { AND, type ActionSheetButton, ActionSheetProvider, type AlignmentProp, type AllowedPromptTypes, type AnchorRelProp, type AnchorTargetProp, AspectRatio, type AspectRatioProps, type AutoCompleteProp, type BaseEventProps, BaseInput, Block, BorderBox, Box, type BoxProps, Button, Buttons as ButtonGroup, type ButtonGroupProps, type ButtonProps, Buttons, CB, Calendar, type CalendarOptions, type CalendarType, CheckBox, type CheckBoxInputProps as CheckboxInputProps, CodeBlock, type CodeBlockProps, type CodeLanguage, ColorInput, type ColorInputProps, type ColorProp, ColorSchemeContext, ColorSchemeProvider, type ColorSchemeType, Column, type ColumnProps, Columns, ComboBox, type ComboBoxProps, ConfirmProvider, Container, Content, ContextMenu, type CoordinatesProp, CurrencyInput, type CurrencyInputProps, DOTS, DataTable, type DataTableColumnProp as DataTableColumn, type DataTableProps, DateInput, type DateInputProps, DateTimeInput, type DateTimeInputProps, DefaultsContext, DefaultsProvider, DefinedHexColors, DialogsProvider, type DiffFnType, type DirectionProp, Divider, Dropdown, EmailInput, type EmailInputProps, EvMv, type ExpandedColumnProps, FileInput, type FileInputProps, type FileInputValue, Footer, FormattedInput, type FormattedInputProps, H1, H2, H3, H4, H5, H6, type HSLColor, HelpTxt, type HelpTxtProps, Hero, type HeroProps, type HexColor$1 as HexColor, HiddenInput, type HiddenInputProps, type Hotkey, type HotkeyItem, IF, IbanDetailsPerLand, Icon, type IconProps, IconStack, IconText, type IconTextProps, Image, type ImageProps, Indicator, type IndicatorPositionProp, type IndicatorProps, Input, InputContainer, type InputPropsType, type InputStylingPropsType, type InputValueType, type JSChangeDateTimeType, type JSDateSetterType, JSDateTime, JSDuration, Kbd, Kbds, type KeyOf, type KeyboardTypeProp, KeysContext, KeysProvider, Label, type LabelProps, Link, LinkButton, type LinkButtonProps, type LinkProps, LoonBulmaReactProviders, Menu, type MenuItemGroupProps, type MenuItemProps, type MenuProps, Message, type MessageProps, Modal, ModalContext, type ModalProps, ModalProvider, ModeContext, ModeProvider, MonthInput, type MonthInputProps, type MonthInputString, type MonthViewProps, MultiComboBox, type MultiComboBoxProps, NAND, NOR, NOT, Notification, type NotificationProps, Notifier, type NotifierContextType, type NotifierItemProps, type NotifierProps, NotifierProvider, type NotifierProviderProps, NumberInput, type NumberInputProps, OR, type OnOffToggleItemProps, type OptionalDefaultsType, Pagination, type PaginationParams, type PaginationProps, Panel, type PanelProps, PasswordInput, type PasswordInputProps, type PositionProp, type PrettierType, ProgressBar, type ProgressBarProps, PromptProvider, QuickView, type QuickViewProps, RB, type RGBColor, RadioGroup, type RadioInputProps, RangeInput, type RangeInputProps, type RectProp, type RelationshipProp, ContextMenu as RightClickMenu, SWITCH, ScrollArea, Section, Select, type SelectInputProps, SimpleTable, type SimpleTableColProps, type SimpleTableProps, type SizeProp, type StepItemProps, Steps, type StepsProps, type StrictOmit, type StringWithAutocomplete, TabBar, type TabBarItemProps, type TabBarProps, Table, Tag, type TagProps, type TagSizeProp, Tags, TagsInput, type TagsInputProps, type TagsProps, TelephoneInput, type TelephoneInputProps, type TextAlignmentProp, TextArea, type TextAreaProps, TextEditor, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TimeLine, type TimeLineItemProps, type TimeLinePointProps, type TimeLineProps, ToggleBar, type ToggleBarProps, type ToggleItemProps, TT as Tooltip, TreeViewRoot as TreeView, TreeViewNode, type TreeViewProps, type TypeOfSet, URLInput, type URLInputProps, type UncontrolledMode, type UncontrolledOptions, WeekInput, type WeekInputProps, type WeekInputString, type WeekViewProps, XNOR, XOR, boolSort, calculateTxtColor, centerPad, colorPropToHex, dateSort, firstDifferentIndex, getCurrentColorScheme, getHotkeyHandler, getHotkeyMatcher, getSystemColorScheme, hasBSN, hexToHSL, hexToRGB, hslToHex, hslToRGB, isBSN, isHSLColor, isHexColor, isIBAN, isNullOrEmpty, isRGBColor, leftPad, maxLength, numSort, parseHotkey, randomColor, randomColorProp, randomDbl, randomInt, rgbToHSL, rgbToHex, rightPad, roundTo, setColorScheme, stringSort, tryIt, tryItAsync, useActionSheet, useBoolToggle, useClickOutside, useClipboard, useColorScheme, useConfirm, useContextMenu, useCookieStoredState, useDebouncedState, useDebouncedValue, useFetchAPI, useHotkeys, useIndexedDB, useKeyContext, useLocalStoredState, useNotifier, usePagination, usePrompt, usePropState, useContextMenu as useRightClick, useScrollIntoView, useSessionStoredState, useToggle, useUncontrolled, useValidatedState };
+export { AND, type ActionSheetButton, ActionSheetProvider, type AlignmentProp, type AllowedPromptTypes, type AnchorRelProp, type AnchorTargetProp, AspectRatio, type AspectRatioProps, type AutoCompleteProp, type BaseEventProps, BaseInput, Block, BorderBox, Box, type BoxProps, Button, Buttons as ButtonGroup, type ButtonGroupProps, type ButtonProps, Buttons, CB, Calendar, type CalendarOptions, type CalendarType, CheckBox, type CheckBoxInputProps as CheckboxInputProps, CodeBlock, type CodeBlockProps, type CodeLanguage, ColorInput, type ColorInputProps, type ColorProp, ColorSchemeContext, ColorSchemeProvider, type ColorSchemeType, Column, type ColumnProps, Columns, ComboBox, type ComboBoxProps, ConfirmProvider, Container, Content, ContextMenu, type CoordinatesProp, CurrencyInput, type CurrencyInputProps, DOTS, DataTable, type DataTableColumnProp as DataTableColumn, type DataTableProps, DateInput, type DateInputProps, DateTimeInput, type DateTimeInputProps, DefaultsContext, DefaultsProvider, DefinedHexColors, DialogsProvider, type DiffFnType, type DirectionProp, Divider, Dropdown, EmailInput, type EmailInputProps, EvMv, type ExpandedColumnProps, FileInput, type FileInputProps, type FileInputValue, Footer, FormattedInput, type FormattedInputProps, H1, H2, H3, H4, H5, H6, type HSLColor, HelpTxt, type HelpTxtProps, Hero, type HeroProps, type HexColor$1 as HexColor, HiddenInput, type HiddenInputProps, type Hotkey, type HotkeyItem, IF, IbanDetailsPerLand, Icon, type IconProps, IconStack, IconText, type IconTextProps, Image, type ImageProps, Indicator, type IndicatorPositionProp, type IndicatorProps, Input, InputContainer, type InputPropsType, type InputStylingPropsType, type InputValueType, type JSChangeDateTimeType, type JSDateSetterType, JSDateTime, JSDuration, Kbd, Kbds, type KeyOf, type KeyboardTypeProp, KeysContext, KeysProvider, Label, type LabelProps, Link, LinkButton, type LinkButtonProps, type LinkProps, LoonBulmaReactProviders, Menu, type MenuItemGroupProps, type MenuItemProps, type MenuProps, Message, type MessageProps, Modal, ModalContext, type ModalProps, ModalProvider, ModeContext, ModeProvider, MonthInput, type MonthInputProps, type MonthInputString, type MonthViewProps, MultiComboBox, type MultiComboBoxProps, NAND, NOR, NOT, Notification, type NotificationProps, Notifier, type NotifierContextType, type NotifierItemProps, type NotifierProps, NotifierProvider, type NotifierProviderProps, NumberInput, type NumberInputProps, OR, type OnOffToggleItemProps, type OptionalDefaultsType, Pagination, type PaginationOptions, type PaginationParams, type PaginationProps, Panel, type PanelProps, PasswordInput, type PasswordInputProps, type PositionProp, type PrettierType, ProgressBar, type ProgressBarProps, PromptProvider, QuickView, type QuickViewProps, RB, type RGBColor, RadioGroup, type RadioInputProps, RangeInput, type RangeInputProps, type RectProp, type RelationshipProp, ContextMenu as RightClickMenu, SWITCH, ScrollArea, Section, Select, type SelectInputProps, SimpleTable, type SimpleTableColProps, type SimpleTableProps, type SizeProp, type StepItemProps, Steps, type StepsProps, type StrictOmit, type StringWithAutocomplete, TabBar, type TabBarItemProps, type TabBarProps, Table, Tag, type TagProps, type TagSizeProp, Tags, TagsInput, type TagsInputProps, type TagsProps, TelephoneInput, type TelephoneInputProps, type TextAlignmentProp, TextArea, type TextAreaProps, TextEditor, TextInput, type TextInputProps, TimeInput, type TimeInputProps, TimeLine, type TimeLineItemProps, type TimeLinePointProps, type TimeLineProps, ToggleBar, type ToggleBarProps, type ToggleItemProps, TT as Tooltip, TreeViewRoot as TreeView, TreeViewNode, type TreeViewProps, type TypeOfSet, URLInput, type URLInputProps, type UncontrolledMode, type UncontrolledOptions, WeekInput, type WeekInputProps, type WeekInputString, type WeekViewProps, XNOR, XOR, boolSort, calculateTxtColor, centerPad, colorPropToHex, dateSort, firstDifferentIndex, getCurrentColorScheme, getHotkeyHandler, getHotkeyMatcher, getSystemColorScheme, hasBSN, hexToHSL, hexToRGB, hslToHex, hslToRGB, isBSN, isHSLColor, isHexColor, isIBAN, isNullOrEmpty, isRGBColor, leftPad, maxLength, numSort, parseHotkey, randomColor, randomColorProp, randomDbl, randomInt, rgbToHSL, rgbToHex, rightPad, roundTo, setColorScheme, stringSort, tryIt, tryItAsync, useActionSheet, useBoolToggle, useClickOutside, useClipboard, useColorScheme, useConfirm, useContextMenu, useCookieStoredState, useDebouncedState, useDebouncedValue, useFetchAPI, useHotkeys, useIndexedDB, useKeyContext, useLocalStoredState, useNotifier, usePagination, usePrompt, usePropState, useContextMenu as useRightClick, useScrollIntoView, useSessionStoredState, useToggle, useUncontrolled, useValidatedState };