loon-bulma-react 2026.0.64 → 2026.0.66

package/dist/components/Calendar/Container.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type HeightExtension = 'px' | 'vh' | 'em' | '%';
+type HeightType = `${number}${HeightExtension}`;
+export declare function CalendarContainer({ children, style: styleProp, height, ...props }: {
+    height?: HeightType;
+    children: React.ReactNode;
+} & React.HtmlHTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export {};

package/dist/components/Calendar/DayContainer.d.ts

@@ -14,6 +14,8 @@ type DayContainerProps<T extends BaseEventProps> = {
     date: JSDateTime;
     /** Behoort deze dag tot de huidige maand ? */
     isCurrentMonth?: boolean;
+    noHeader?: boolean | undefined;
+    noBorder?: boolean | undefined;
     calendarType: CalendarType;
 };
 /**
@@ -21,5 +23,5 @@ type DayContainerProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth, }: DayContainerProps<T>): React.JSX.Element;
+export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth, noHeader, noBorder, }: DayContainerProps<T>): React.JSX.Element;
 export {};

package/dist/components/Calendar/EventDescriptions.d.ts

@@ -20,8 +20,12 @@ type NotAllDayDescProps<T extends BaseEventProps> = {
 export declare function NotAllDayDesc<T extends BaseEventProps>({ evt, options, calendarType, isHovered }: NotAllDayDescProps<T>): React.JSX.Element;
 type MoreEventsViewProps<T extends BaseEventProps> = {
     calendarType: CalendarType;
-    /** De events op deze dag */
-    events: T[];
+    /** Alle events op deze dag */
+    allEvents: T[];
+    /** Datumlabel voor de overlay */
+    dateLabel: string;
+    /** Aantal events dat niet zichtbaar is in de day-container */
+    hiddenCount: number;
     /** Event-click handling */
     onEventClick?: (event: T, clickEvent: React.MouseEvent<HTMLElement>) => void;
     /** Global event options */
@@ -35,5 +39,5 @@ type MoreEventsViewProps<T extends BaseEventProps> = {
  * @param props
  * @returns
  */
-export declare function MoreEventsView<T extends BaseEventProps>({ events, onEventClick, options, calendarType }: MoreEventsViewProps<T>): React.JSX.Element;
+export declare function MoreEventsView<T extends BaseEventProps>({ allEvents, dateLabel, hiddenCount, onEventClick, options, calendarType }: MoreEventsViewProps<T>): React.JSX.Element;
 export {};

package/dist/components/Calendar/List/List.d.ts

@@ -0,0 +1,21 @@
+import { JSDateTime } from './../../../utils/JSDateTime.class';
+import React from 'react';
+import { BaseEventProps, CalendarOptions } from '../Props';
+export type ListViewProps<T extends BaseEventProps> = {
+    /** Events voor deze view */
+    events: T[];
+    /** Opties voor deze view */
+    options?: CalendarOptions<T>;
+    /** Event aangeklikt */
+    onEventClick?: (e: T, event: React.MouseEvent<HTMLElement>) => void;
+    /** Dag-datum geklikt? */
+    onDayClick?: (date: JSDateTime, event: React.MouseEvent<HTMLElement>) => void;
+    /** Huidige geselecteerde datum */
+    viewDate: Date | JSDateTime;
+};
+/**
+ * Maak een maand-view (grid) met events
+ * @param props
+ * @returns
+ */
+export declare function ListView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, onDayClick, events: orgEvents }: ListViewProps<T>): React.JSX.Element;

package/dist/components/Calendar/Props.d.ts

@@ -1,7 +1,15 @@
 import { ColorProp } from './../../types';
 import { JSDateTime } from './../../utils/JSDateTime.class';
 import { Locale } from 'date-fns';
-export type CalendarType = 'm' | 'v' | 'w' | 'p';
+/**
+ * Type voor de verschillende calendar-types
+ * - `m`onthview
+ * - `v`ierwekenview
+ * - `w`eekview
+ * - `p`lanningview
+ * - `l`istview
+ */
+export type CalendarType = 'm' | 'v' | 'w' | 'p' | 'l';
 export type CalendarHours = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | (number & {});
 export type BaseEventProps = {
     /** ID van een event */
@@ -26,10 +34,8 @@ export type BaseEventProps = {
     tooltip?: React.ReactNode | string | undefined;
 };
 export type CalendarOptions<T extends BaseEventProps> = {
-    /** begin-uur voor de weekview, het 1e zichtbare uur in de calendar. default = `0`, '00:00', of 24:00. Kan alleen in de ochtend zijn */
-    firstHour?: CalendarHours;
-    /** eind-uur voor de weekview, het 1e zichtbare uur in de calendar */
-    lastHour?: CalendarHours;
+    /** startscroll-uur voor de weekview. Hiermee bepaal je welk uur als eerste zichtbaar is bij het openen. */
+    initialTime?: CalendarHours;
     /** De locale voor de calendar. default = 'nl-NL' */
     locale?: Locale;
     /** Zichtbare dagen als set (default 1,2,3,4,5,6,7 (ma = 1, di = 2,... zo = 7)) */

package/dist/components/Calendar/index.d.ts

@@ -1,15 +1,19 @@
-import { FourweeksView } from "./Fourweeks/FourweeksView";
-import { MonthView, MonthViewProps } from "./Month/MonthView";
-import { PlanningView, PlanningViewProps } from "./Planning/PlanningView";
-import { WeekView, WeekViewProps } from "./Week/WeekView";
-import { CalendarType } from "./Props";
-import { MiniView } from "./Mini/MiniView";
+import { FourweeksView } from './Fourweeks/FourweeksView';
+import { MonthView, MonthViewProps } from './Month/MonthView';
+import { PlanningView, PlanningViewProps } from './Planning/PlanningView';
+import { WeekView, WeekViewProps } from './Week/WeekView';
+import { CalendarType } from './Props';
+import { MiniView } from './Mini/MiniView';
+import { CalendarContainer } from './Container';
+import { ListView, ListViewProps } from './List/List';
 declare const Calendar: {
     Month: typeof MonthView;
     Week: typeof WeekView;
     Fourweeks: typeof FourweeksView;
     Planning: typeof PlanningView;
+    List: typeof ListView;
     Mini: typeof MiniView;
+    Container: typeof CalendarContainer;
 };
 export { Calendar };
-export type { WeekViewProps, MonthViewProps, PlanningViewProps, CalendarType };
+export type { WeekViewProps, MonthViewProps, PlanningViewProps, ListViewProps, CalendarType };