loon-bulma-react 2026.0.63 → 2026.0.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Calendar/Container.d.ts +8 -0
- package/dist/components/Calendar/DayContainer.d.ts +1 -1
- package/dist/components/Calendar/EventDescriptions.d.ts +7 -3
- package/dist/components/Calendar/Props.d.ts +2 -4
- package/dist/components/Calendar/index.d.ts +8 -6
- package/dist/index.js +3683 -3579
- package/dist/styles/bulma-box.scss +4 -0
- package/dist/styles/calendar.scss +60 -15
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type HeightExtension = 'px' | 'vh' | 'em' | '%';
|
|
3
|
+
type HeightType = `${number}${HeightExtension}`;
|
|
4
|
+
export declare function CalendarContainer({ children, style: styleProp, height, ...props }: {
|
|
5
|
+
height?: HeightType;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
} & React.HtmlHTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -21,5 +21,5 @@ type DayContainerProps<T extends BaseEventProps> = {
|
|
|
21
21
|
* @param props
|
|
22
22
|
* @returns
|
|
23
23
|
*/
|
|
24
|
-
export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth
|
|
24
|
+
export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth }: DayContainerProps<T>): React.JSX.Element;
|
|
25
25
|
export {};
|
|
@@ -20,8 +20,12 @@ type NotAllDayDescProps<T extends BaseEventProps> = {
|
|
|
20
20
|
export declare function NotAllDayDesc<T extends BaseEventProps>({ evt, options, calendarType, isHovered }: NotAllDayDescProps<T>): React.JSX.Element;
|
|
21
21
|
type MoreEventsViewProps<T extends BaseEventProps> = {
|
|
22
22
|
calendarType: CalendarType;
|
|
23
|
-
/**
|
|
24
|
-
|
|
23
|
+
/** Alle events op deze dag */
|
|
24
|
+
allEvents: T[];
|
|
25
|
+
/** Datumlabel voor de overlay */
|
|
26
|
+
dateLabel: string;
|
|
27
|
+
/** Aantal events dat niet zichtbaar is in de day-container */
|
|
28
|
+
hiddenCount: number;
|
|
25
29
|
/** Event-click handling */
|
|
26
30
|
onEventClick?: (event: T, clickEvent: React.MouseEvent<HTMLElement>) => void;
|
|
27
31
|
/** Global event options */
|
|
@@ -35,5 +39,5 @@ type MoreEventsViewProps<T extends BaseEventProps> = {
|
|
|
35
39
|
* @param props
|
|
36
40
|
* @returns
|
|
37
41
|
*/
|
|
38
|
-
export declare function MoreEventsView<T extends BaseEventProps>({
|
|
42
|
+
export declare function MoreEventsView<T extends BaseEventProps>({ allEvents, dateLabel, hiddenCount, onEventClick, options, calendarType }: MoreEventsViewProps<T>): React.JSX.Element;
|
|
39
43
|
export {};
|
|
@@ -26,10 +26,8 @@ export type BaseEventProps = {
|
|
|
26
26
|
tooltip?: React.ReactNode | string | undefined;
|
|
27
27
|
};
|
|
28
28
|
export type CalendarOptions<T extends BaseEventProps> = {
|
|
29
|
-
/**
|
|
30
|
-
|
|
31
|
-
/** eind-uur voor de weekview, het 1e zichtbare uur in de calendar */
|
|
32
|
-
lastHour?: CalendarHours;
|
|
29
|
+
/** startscroll-uur voor de weekview. Hiermee bepaal je welk uur als eerste zichtbaar is bij het openen. */
|
|
30
|
+
initialTime?: CalendarHours;
|
|
33
31
|
/** De locale voor de calendar. default = 'nl-NL' */
|
|
34
32
|
locale?: Locale;
|
|
35
33
|
/** Zichtbare dagen als set (default 1,2,3,4,5,6,7 (ma = 1, di = 2,... zo = 7)) */
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { FourweeksView } from
|
|
2
|
-
import { MonthView, MonthViewProps } from
|
|
3
|
-
import { PlanningView, PlanningViewProps } from
|
|
4
|
-
import { WeekView, WeekViewProps } from
|
|
5
|
-
import { CalendarType } from
|
|
6
|
-
import { MiniView } from
|
|
1
|
+
import { FourweeksView } from './Fourweeks/FourweeksView';
|
|
2
|
+
import { MonthView, MonthViewProps } from './Month/MonthView';
|
|
3
|
+
import { PlanningView, PlanningViewProps } from './Planning/PlanningView';
|
|
4
|
+
import { WeekView, WeekViewProps } from './Week/WeekView';
|
|
5
|
+
import { CalendarType } from './Props';
|
|
6
|
+
import { MiniView } from './Mini/MiniView';
|
|
7
|
+
import { CalendarContainer } from './Container';
|
|
7
8
|
declare const Calendar: {
|
|
8
9
|
Month: typeof MonthView;
|
|
9
10
|
Week: typeof WeekView;
|
|
10
11
|
Fourweeks: typeof FourweeksView;
|
|
11
12
|
Planning: typeof PlanningView;
|
|
12
13
|
Mini: typeof MiniView;
|
|
14
|
+
Container: typeof CalendarContainer;
|
|
13
15
|
};
|
|
14
16
|
export { Calendar };
|
|
15
17
|
export type { WeekViewProps, MonthViewProps, PlanningViewProps, CalendarType };
|