loon-bulma-react 2026.0.30 → 2026.0.32

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

@@ -105,6 +105,8 @@ type DataTableProps<T extends unknown = unknown> = {
      * @param row click-event met row-item (HTMLTableRowElement)
      */
     onRowSelected?: (item: T, row?: React.MouseEvent<HTMLTableRowElement>) => void;
+    /** callback voor als de sorteerkolom wijzigt. __LET OP: deze is 1-based, niet 0-based (1e kolom heeft i=1)__ */
+    onSortColumnChanged?: (colNum: number | 1 | 2 | 3) => void;
     /** Wat voor component moet er gerendered worden in het context menu van een rij? */
     onRowRightClick?: (item: T) => React.ReactNode;
     /** wat moet er in de tabel getoont worden als er **GEEN** data is
@@ -181,7 +183,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, hideSearch, headerContent, footerContent, size, searchPlaceholder, rowIdentifier, onSearch, onRowSelected, onRowRightClick, rowClass, renderWhenNoData, searchInfoMessage, id: tableID, itemRef, paginationOptions: paginationOptionsProp, fillEmptyRows, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DataTable<T extends unknown = unknown>({ data, columns: cols, defaultSortColNum, compact, noStripes, narrow, bordered, hoverable, sticky, hideSearch, headerContent, footerContent, size, searchPlaceholder, rowIdentifier, rowClass, id: tableID, itemRef, paginationOptions: paginationOptionsProp, fillEmptyRows, onSearch, onRowSelected, onRowRightClick, renderWhenNoData, searchInfoMessage, onSortColumnChanged, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace DataTable {
     var Dropdown: {
         ({ onHover, id, children: childrenProp, trigger: triggerProp, disabled, alignment, dropUp, startOpen, className: classNameProp, keepOpenAfterClick, }: import("./DataTableDropdown").DataTableDropdownProps): import("react/jsx-runtime").JSX.Element;
@@ -193,7 +195,7 @@ declare namespace DataTable {
             children: React.ReactNode;
             disabled?: boolean;
             onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-            onItemClick?: (isClickable: boolean) => void;
+            onItemClick? /** is de tabel is de tabel hoverbaar (en is dat ook zichtbaar?) hebben? (default = `false`) */: (isClickable: boolean) => void;
         } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
         Link({ children, onItemClick, disabled, ...props }: {
             children: React.ReactNode;

package/dist/hooks/useContextMenu.d.ts

@@ -24,6 +24,6 @@ declare function useContextMenu<T extends HTMLElement = HTMLElement>(outerRef: R
  */
 declare function ContextMenu({ outerRef, children }: {
     outerRef: React.RefObject<HTMLElement | null> | null;
-    children: React.ReactNode;
+    children: React.ReactNode | (() => React.ReactNode);
 }): import("react/jsx-runtime").JSX.Element;
 export { useContextMenu, useContextMenu as useRightClick, ContextMenu, ContextMenu as RightClickMenu };