loon-bulma-react 2026.0.65 → 2026.0.66
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/DayContainer.d.ts +3 -1
- package/dist/components/Calendar/List/List.d.ts +21 -0
- package/dist/components/Calendar/Props.d.ts +9 -1
- package/dist/components/Calendar/index.d.ts +3 -1
- package/dist/index.js +3642 -3537
- package/dist/styles/calendar.scss +44 -10
- package/dist/styles/mini-calendar.scss +22 -5
- package/dist/styles/table.scss +4 -1
- package/package.json +1 -1
|
@@ -14,6 +14,8 @@ type DayContainerProps<T extends BaseEventProps> = {
|
|
|
14
14
|
date: JSDateTime;
|
|
15
15
|
/** Behoort deze dag tot de huidige maand ? */
|
|
16
16
|
isCurrentMonth?: boolean;
|
|
17
|
+
noHeader?: boolean | undefined;
|
|
18
|
+
noBorder?: boolean | undefined;
|
|
17
19
|
calendarType: CalendarType;
|
|
18
20
|
};
|
|
19
21
|
/**
|
|
@@ -21,5 +23,5 @@ type DayContainerProps<T extends BaseEventProps> = {
|
|
|
21
23
|
* @param props
|
|
22
24
|
* @returns
|
|
23
25
|
*/
|
|
24
|
-
export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth }: DayContainerProps<T>): React.JSX.Element;
|
|
26
|
+
export declare function DayContainer<T extends BaseEventProps>({ options, date, onDayClick, onEventClick, events, calendarType, isCurrentMonth, noHeader, noBorder, }: DayContainerProps<T>): React.JSX.Element;
|
|
25
27
|
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { JSDateTime } from './../../../utils/JSDateTime.class';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { BaseEventProps, CalendarOptions } from '../Props';
|
|
4
|
+
export type ListViewProps<T extends BaseEventProps> = {
|
|
5
|
+
/** Events voor deze view */
|
|
6
|
+
events: T[];
|
|
7
|
+
/** Opties voor deze view */
|
|
8
|
+
options?: CalendarOptions<T>;
|
|
9
|
+
/** Event aangeklikt */
|
|
10
|
+
onEventClick?: (e: T, event: React.MouseEvent<HTMLElement>) => void;
|
|
11
|
+
/** Dag-datum geklikt? */
|
|
12
|
+
onDayClick?: (date: JSDateTime, event: React.MouseEvent<HTMLElement>) => void;
|
|
13
|
+
/** Huidige geselecteerde datum */
|
|
14
|
+
viewDate: Date | JSDateTime;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Maak een maand-view (grid) met events
|
|
18
|
+
* @param props
|
|
19
|
+
* @returns
|
|
20
|
+
*/
|
|
21
|
+
export declare function ListView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, onDayClick, events: orgEvents }: ListViewProps<T>): React.JSX.Element;
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import { ColorProp } from './../../types';
|
|
2
2
|
import { JSDateTime } from './../../utils/JSDateTime.class';
|
|
3
3
|
import { Locale } from 'date-fns';
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Type voor de verschillende calendar-types
|
|
6
|
+
* - `m`onthview
|
|
7
|
+
* - `v`ierwekenview
|
|
8
|
+
* - `w`eekview
|
|
9
|
+
* - `p`lanningview
|
|
10
|
+
* - `l`istview
|
|
11
|
+
*/
|
|
12
|
+
export type CalendarType = 'm' | 'v' | 'w' | 'p' | 'l';
|
|
5
13
|
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 & {});
|
|
6
14
|
export type BaseEventProps = {
|
|
7
15
|
/** ID van een event */
|
|
@@ -5,13 +5,15 @@ import { WeekView, WeekViewProps } from './Week/WeekView';
|
|
|
5
5
|
import { CalendarType } from './Props';
|
|
6
6
|
import { MiniView } from './Mini/MiniView';
|
|
7
7
|
import { CalendarContainer } from './Container';
|
|
8
|
+
import { ListView, ListViewProps } from './List/List';
|
|
8
9
|
declare const Calendar: {
|
|
9
10
|
Month: typeof MonthView;
|
|
10
11
|
Week: typeof WeekView;
|
|
11
12
|
Fourweeks: typeof FourweeksView;
|
|
12
13
|
Planning: typeof PlanningView;
|
|
14
|
+
List: typeof ListView;
|
|
13
15
|
Mini: typeof MiniView;
|
|
14
16
|
Container: typeof CalendarContainer;
|
|
15
17
|
};
|
|
16
18
|
export { Calendar };
|
|
17
|
-
export type { WeekViewProps, MonthViewProps, PlanningViewProps, CalendarType };
|
|
19
|
+
export type { WeekViewProps, MonthViewProps, PlanningViewProps, ListViewProps, CalendarType };
|