loon-bulma-react 2024.0.37 → 2024.0.38

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.
Files changed (6) hide show
  1. package/dist/index.cjs +172 -172
  2. package/dist/index.d.cts +30 -1
  3. package/dist/index.d.ts +30 -1
  4. package/dist/index.js +31 -31
  5. package/package.json +31 -31
  6. package/styles/custom-bulma.scss +65 -0
package/dist/index.d.cts CHANGED
@@ -3243,11 +3243,35 @@ type WeekViewProps<T extends BaseEventProps> = {
3243
3243
  */
3244
3244
  declare function WeekView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, events: orgEvents, onDayClick, }: WeekViewProps<T>): JSX.Element;
3245
3245
 
3246
+ type MiniViewProps = {
3247
+ /** de viewDate waarop de mini-view start (optioneel, default = vandaag) */
3248
+ viewDate?: JSDateTime | Date;
3249
+ /** opties voor de weergave van de view */
3250
+ options?: MiniViewOptions;
3251
+ /** callback voor een geselecteerde datum (JS Date) */
3252
+ onDateSelected?: (date: Date) => void;
3253
+ /** callback voor een geselecteerde datum (JSDateTime gebruik) */
3254
+ onJSDateTimeSelected?: (date: JSDateTime) => void;
3255
+ };
3256
+ type MiniViewOptions = {
3257
+ /** formatString voor weergeven van datum-numbers (0-31). Default 'd' (1, 2, 12, 13,...) */
3258
+ dayFormat?: string;
3259
+ /** formatString voor weergeven van week-dagen (ma, di, wo, etc). Default 'E' (maa, din, woe, don,...) */
3260
+ weekDayFormat?: string;
3261
+ /** formatString voor weergeven van maand (januari 2022, februari 2022, etc). Default 'MMMM yyyy' */
3262
+ monthFormat?: string;
3263
+ dateFormat?: string;
3264
+ locale?: Locale;
3265
+ };
3266
+ declare function MiniView({ viewDate: vd, options: opts, onDateSelected, onJSDateTimeSelected, }: MiniViewProps): JSX.Element;
3267
+
3246
3268
  declare const Calendar: {
3247
3269
  Month: typeof MonthView;
3248
3270
  Week: typeof WeekView;
3249
3271
  Fourweeks: typeof FourweeksView;
3250
3272
  Planning: typeof PlanningView;
3273
+ Mini: typeof MiniView;
3274
+ MiniKutAgenda: typeof MiniView;
3251
3275
  };
3252
3276
 
3253
3277
  /** actions die de tooltip kan doen */
@@ -3282,6 +3306,11 @@ type TooltipProps = {
3282
3306
  hideArrow?: boolean | undefined;
3283
3307
  /** setten van de display-pattribute voor de tooltip-children. Soms heb je wat anders nodig. Default = 'inline-block' */
3284
3308
  display?: 'inline-block' | 'block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none' | 'initial' | 'inherit' | 'unset' | undefined;
3309
+ /** Hoe lang moet de tooltip wachten voordat hij getoont wordt? (Default = 0.2)
3310
+ * - number: delay voor show & hide
3311
+ * - [number, number]: [delayShow, delayHide]
3312
+ */
3313
+ delay?: number | [number, number];
3285
3314
  };
3286
3315
  /**
3287
3316
  * Tooltip component, gebaseerd op rc-tooltip!
@@ -3291,7 +3320,7 @@ type TooltipProps = {
3291
3320
  * @example <TT content={<>Tooltip content</>} placement="b">Hover me</TT>
3292
3321
  * @example <TT content="Tooltip content" triggers={['click', 'contextMenu']}>Click or RightClick me</TT>
3293
3322
  */
3294
- declare function TT({ className, children, style, content, hideArrow, triggers, placement: plcmnt, display, }: TooltipProps): JSX.Element;
3323
+ declare function TT({ className, children, style, content, hideArrow, triggers, placement: plcmnt, display, delay, }: TooltipProps): JSX.Element;
3295
3324
 
3296
3325
  type PaginationProps = {
3297
3326
  /** current selected page number */ currentPage: number;
package/dist/index.d.ts CHANGED
@@ -3243,11 +3243,35 @@ type WeekViewProps<T extends BaseEventProps> = {
3243
3243
  */
3244
3244
  declare function WeekView<T extends BaseEventProps>({ viewDate: vd, options, onEventClick, events: orgEvents, onDayClick, }: WeekViewProps<T>): JSX.Element;
3245
3245
 
3246
+ type MiniViewProps = {
3247
+ /** de viewDate waarop de mini-view start (optioneel, default = vandaag) */
3248
+ viewDate?: JSDateTime | Date;
3249
+ /** opties voor de weergave van de view */
3250
+ options?: MiniViewOptions;
3251
+ /** callback voor een geselecteerde datum (JS Date) */
3252
+ onDateSelected?: (date: Date) => void;
3253
+ /** callback voor een geselecteerde datum (JSDateTime gebruik) */
3254
+ onJSDateTimeSelected?: (date: JSDateTime) => void;
3255
+ };
3256
+ type MiniViewOptions = {
3257
+ /** formatString voor weergeven van datum-numbers (0-31). Default 'd' (1, 2, 12, 13,...) */
3258
+ dayFormat?: string;
3259
+ /** formatString voor weergeven van week-dagen (ma, di, wo, etc). Default 'E' (maa, din, woe, don,...) */
3260
+ weekDayFormat?: string;
3261
+ /** formatString voor weergeven van maand (januari 2022, februari 2022, etc). Default 'MMMM yyyy' */
3262
+ monthFormat?: string;
3263
+ dateFormat?: string;
3264
+ locale?: Locale;
3265
+ };
3266
+ declare function MiniView({ viewDate: vd, options: opts, onDateSelected, onJSDateTimeSelected, }: MiniViewProps): JSX.Element;
3267
+
3246
3268
  declare const Calendar: {
3247
3269
  Month: typeof MonthView;
3248
3270
  Week: typeof WeekView;
3249
3271
  Fourweeks: typeof FourweeksView;
3250
3272
  Planning: typeof PlanningView;
3273
+ Mini: typeof MiniView;
3274
+ MiniKutAgenda: typeof MiniView;
3251
3275
  };
3252
3276
 
3253
3277
  /** actions die de tooltip kan doen */
@@ -3282,6 +3306,11 @@ type TooltipProps = {
3282
3306
  hideArrow?: boolean | undefined;
3283
3307
  /** setten van de display-pattribute voor de tooltip-children. Soms heb je wat anders nodig. Default = 'inline-block' */
3284
3308
  display?: 'inline-block' | 'block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'contents' | 'none' | 'initial' | 'inherit' | 'unset' | undefined;
3309
+ /** Hoe lang moet de tooltip wachten voordat hij getoont wordt? (Default = 0.2)
3310
+ * - number: delay voor show & hide
3311
+ * - [number, number]: [delayShow, delayHide]
3312
+ */
3313
+ delay?: number | [number, number];
3285
3314
  };
3286
3315
  /**
3287
3316
  * Tooltip component, gebaseerd op rc-tooltip!
@@ -3291,7 +3320,7 @@ type TooltipProps = {
3291
3320
  * @example <TT content={<>Tooltip content</>} placement="b">Hover me</TT>
3292
3321
  * @example <TT content="Tooltip content" triggers={['click', 'contextMenu']}>Click or RightClick me</TT>
3293
3322
  */
3294
- declare function TT({ className, children, style, content, hideArrow, triggers, placement: plcmnt, display, }: TooltipProps): JSX.Element;
3323
+ declare function TT({ className, children, style, content, hideArrow, triggers, placement: plcmnt, display, delay, }: TooltipProps): JSX.Element;
3295
3324
 
3296
3325
  type PaginationProps = {
3297
3326
  /** current selected page number */ currentPage: number;