react-big-schedule 8.1.0 → 9.0.0

package/dist/components/ui/Icons.d.ts

@@ -0,0 +1,8 @@
+import type { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement>;
+export declare const ChevronLeft: (props: IconProps) => import("react").JSX.Element;
+export declare const ChevronRight: (props: IconProps) => import("react").JSX.Element;
+export declare const Close: (props: IconProps) => import("react").JSX.Element;
+export declare const PlusSquare: (props: IconProps) => import("react").JSX.Element;
+export declare const MinusSquare: (props: IconProps) => import("react").JSX.Element;
+export {};

package/dist/components/ui/Icons.js

@@ -0,0 +1,7 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const svg = (d, props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", ...props, children: d }));
+export const ChevronLeft = (props) => svg(_jsx("path", { d: "M10 3 5 8l5 5" }), props);
+export const ChevronRight = (props) => svg(_jsx("path", { d: "m6 3 5 5-5 5" }), props);
+export const Close = (props) => svg(_jsx("path", { d: "m4 4 8 8M12 4l-8 8" }), props);
+export const PlusSquare = (props) => svg(_jsxs(_Fragment, { children: [_jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "2" }), _jsx("path", { d: "M8 5v6M5 8h6" })] }), props);
+export const MinusSquare = (props) => svg(_jsxs(_Fragment, { children: [_jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "2" }), _jsx("path", { d: "M5 8h6" })] }), props);

package/dist/components/ui/MiniCalendar.d.ts

@@ -0,0 +1,9 @@
+import type { Dayjs } from 'dayjs';
+interface MiniCalendarProps {
+    value: string;
+    /** The scheduler's locale-bound dayjs. */
+    dayjs: (date?: string | Date) => Dayjs;
+    onSelect: (date: Dayjs) => void;
+}
+declare function MiniCalendar({ value, dayjs, onSelect }: MiniCalendarProps): import("react").JSX.Element;
+export default MiniCalendar;

package/dist/components/ui/MiniCalendar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ChevronLeft, ChevronRight } from './Icons';
+function MiniCalendar({ value, dayjs, onSelect }) {
+    const selected = dayjs(value);
+    const [month, setMonth] = useState(selected.startOf('month'));
+    const first = month.startOf('week');
+    const days = Array.from({ length: 42 }, (_, i) => first.add(i, 'day'));
+    const today = dayjs();
+    const nav = (label, delta, Icon) => (_jsx("button", { type: "button", "aria-label": label, className: "rbs-icon-btn", onClick: () => setMonth(month.add(delta, 'month')), children: _jsx(Icon, {}) }));
+    return (_jsxs("div", { className: "rbs-mini-calendar rbs:w-72 rbs:p-2", children: [_jsxs("div", { className: "rbs:mb-2 rbs:flex rbs:items-center rbs:justify-between", children: [nav('Previous month', -1, ChevronLeft), _jsx("span", { className: "rbs:text-sm rbs:font-medium", children: month.format('MMMM YYYY') }), nav('Next month', 1, ChevronRight)] }), _jsxs("div", { className: "rbs:grid rbs:grid-cols-7 rbs:gap-0.5 rbs:text-center rbs:text-xs", children: [days.slice(0, 7).map(d => (_jsx("span", { className: "rbs:py-1 rbs:text-muted", children: d.format('dd') }, d.format('d')))), days.map(d => {
+                        const outside = d.month() !== month.month();
+                        const isSelected = d.isSame(selected, 'day');
+                        return (_jsx("button", { type: "button", "data-selected": isSelected || undefined, "data-today": d.isSame(today, 'day') || undefined, "data-outside": outside || undefined, className: "rbs-mini-day", onClick: () => onSelect(d), children: d.date() }, d.format('YYYY-MM-DD')));
+                    })] })] }));
+}
+export default MiniCalendar;

package/dist/components/ui/Popover.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+export interface PopoverProps {
+    content: ReactNode;
+    placement?: string;
+    trigger?: 'hover' | 'click';
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    offset?: [number, number];
+    className?: string;
+    children: ReactNode;
+}
+declare function Popover({ content, placement, trigger, open, onOpenChange, offset, className, children, }: PopoverProps): import("react").JSX.Element;
+export default Popover;

package/dist/components/ui/Popover.js

@@ -0,0 +1,80 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+const GAP = 6;
+const EDGE = 4;
+// placement: top|bottom + Left|Right|(centre); offset: [x, y] nudge in px
+function place(anchor, pop, placement, [dx, dy]) {
+    const a = anchor.getBoundingClientRect();
+    const p = pop.getBoundingClientRect();
+    const above = a.top - p.height - GAP;
+    const below = a.bottom + GAP;
+    let top = placement.startsWith('top') ? above : below;
+    if (top < 0 && above < 0)
+        top = below;
+    else if (top + p.height > window.innerHeight && above > 0)
+        top = above;
+    let left = a.left + (a.width - p.width) / 2;
+    if (placement.endsWith('Left'))
+        left = a.left;
+    else if (placement.endsWith('Right'))
+        left = a.right - p.width;
+    left = Math.max(EDGE, Math.min(left + dx, window.innerWidth - p.width - EDGE));
+    return { top: top + dy, left };
+}
+function Popover({ content, placement = 'bottomLeft', trigger = 'hover', open, onOpenChange, offset = [0, 0], className = '', children, }) {
+    const [innerOpen, setInnerOpen] = useState(false);
+    const [pos, setPos] = useState(null);
+    const [theme, setTheme] = useState();
+    const anchorRef = useRef(null);
+    const popRef = useRef(null);
+    const timer = useRef(undefined);
+    const isControlled = open !== undefined;
+    const shown = isControlled ? open : innerOpen;
+    const isHover = trigger === 'hover';
+    const setShown = (value) => {
+        if (!isControlled)
+            setInnerOpen(value);
+        onOpenChange?.(value);
+    };
+    const show = () => {
+        clearTimeout(timer.current);
+        setShown(true);
+    };
+    const hide = () => {
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setShown(false), 100);
+    };
+    useLayoutEffect(() => {
+        const anchor = anchorRef.current?.firstElementChild;
+        const pop = popRef.current;
+        if (!shown || !anchor || !pop) {
+            setPos(null);
+            return undefined;
+        }
+        setTheme(anchor.closest('[data-rbs-theme]')?.dataset.rbsTheme);
+        const update = () => setPos(place(anchor, pop, placement, offset));
+        update();
+        window.addEventListener('resize', update);
+        window.addEventListener('scroll', update, true);
+        return () => {
+            window.removeEventListener('resize', update);
+            window.removeEventListener('scroll', update, true);
+        };
+    }, [shown, placement, offset[0], offset[1], content]);
+    useEffect(() => {
+        if (!shown || trigger !== 'click')
+            return undefined;
+        const onDown = (e) => {
+            const target = e.target;
+            if (!anchorRef.current?.contains(target) && !popRef.current?.contains(target))
+                setShown(false);
+        };
+        document.addEventListener('mousedown', onDown);
+        return () => document.removeEventListener('mousedown', onDown);
+    }, [shown, trigger]);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    return (_jsxs(_Fragment, { children: [_jsx("span", { ref: anchorRef, style: { display: 'contents' }, onMouseEnter: isHover ? show : undefined, onMouseLeave: isHover ? hide : undefined, onClick: trigger === 'click' ? () => setShown(!shown) : undefined, children: children }), shown &&
+                createPortal(_jsx("div", { ref: popRef, role: "tooltip", "data-rbs-theme": theme, className: `rbs-popover ${className}`, style: { top: pos?.top ?? 0, left: pos?.left ?? 0, visibility: pos ? 'visible' : 'hidden' }, onMouseEnter: isHover ? show : undefined, onMouseLeave: isHover ? hide : undefined, children: content }), document.body)] }));
+}
+export default Popover;

package/dist/config/default.d.ts

@@ -0,0 +1,36 @@
+export declare const DATE_FORMAT = "YYYY-MM-DD";
+export declare const DATETIME_FORMAT = "YYYY-MM-DD HH:mm:ss";
+export declare const ViewType: {
+    readonly Day: 0;
+    readonly Week: 1;
+    readonly Month: 2;
+    readonly Quarter: 3;
+    readonly Year: 4;
+    readonly Custom: 5;
+    readonly Custom1: 6;
+    readonly Custom2: 7;
+    readonly VerticalResource: 8;
+};
+export type ViewType = (typeof ViewType)[keyof typeof ViewType];
+export declare const CellUnit: {
+    readonly Day: 0;
+    readonly Hour: 1;
+    readonly Week: 2;
+    readonly Month: 3;
+    readonly Year: 4;
+    readonly Quarter: 5;
+};
+export type CellUnit = (typeof CellUnit)[keyof typeof CellUnit];
+export declare const SummaryPos: {
+    readonly Top: 0;
+    readonly TopRight: 1;
+    readonly TopLeft: 2;
+    readonly Bottom: 3;
+    readonly BottomRight: 4;
+    readonly BottomLeft: 5;
+};
+export type SummaryPos = (typeof SummaryPos)[keyof typeof SummaryPos];
+export declare const DnDTypes: {
+    readonly EVENT: 'event';
+};
+export type DnDTypes = (typeof DnDTypes)[keyof typeof DnDTypes];

package/dist/config/default.js

@@ -1,32 +1,23 @@
 export const DATE_FORMAT = 'YYYY-MM-DD';
 export const DATETIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
 export const ViewType = {
-  Day: 0,
-  Week: 1,
-  Month: 2,
-  Quarter: 3,
-  Year: 4,
-  Custom: 5,
-  Custom1: 6,
-  Custom2: 7,
-  VerticalResource: 8
-};
-export const CellUnit = {
-  Day: 0,
-  Hour: 1,
-  Week: 2,
-  Month: 3,
-  Year: 4,
-  Quarter: 5
+    Day: 0,
+    Week: 1,
+    Month: 2,
+    Quarter: 3,
+    Year: 4,
+    Custom: 5,
+    Custom1: 6,
+    Custom2: 7,
+    VerticalResource: 8,
 };
+export const CellUnit = { Day: 0, Hour: 1, Week: 2, Month: 3, Year: 4, Quarter: 5 };
 export const SummaryPos = {
-  Top: 0,
-  TopRight: 1,
-  TopLeft: 2,
-  Bottom: 3,
-  BottomRight: 4,
-  BottomLeft: 5
+    Top: 0,
+    TopRight: 1,
+    TopLeft: 2,
+    Bottom: 3,
+    BottomRight: 4,
+    BottomLeft: 5,
 };
-export const DnDTypes = {
-  EVENT: 'event'
-};
+export const DnDTypes = { EVENT: 'event' };

package/dist/config/i18n.d.ts

@@ -0,0 +1,27 @@
+/**
+ * i18n configuration and labels provider
+ *
+ * This module provides a centralized way to manage user-facing strings in the scheduler.
+ * Users can provide localized labels either through the config or by setting a custom
+ * labels provider function.
+ */
+export type LabelKey = 'resourceName' | 'taskName' | 'agendaViewHeader' | 'weekNumberLabel';
+type Labels = Record<LabelKey, string>;
+export type LabelsProvider = ((key: LabelKey, locale?: string) => string | undefined | null) | Partial<Labels>;
+/**
+ * Get the current label for a given key
+ */
+export declare function getLabel(key: LabelKey, locale?: string): string;
+/**
+ * Set a custom labels provider
+ */
+export declare function setLabelsProvider(provider: LabelsProvider | null): void;
+/**
+ * Get all default labels
+ */
+export declare function getDefaultLabels(): Labels;
+/**
+ * Reset to default English labels
+ */
+export declare function resetLabelsProvider(): void;
+export {};

package/dist/config/i18n.js

@@ -5,62 +5,46 @@
  * Users can provide localized labels either through the config or by setting a custom
  * labels provider function.
  */
-
-// Default English labels
 const defaultLabels = {
-  resourceName: 'Resource Name',
-  taskName: 'Task Name',
-  agendaViewHeader: 'Agenda',
-  weekNumberLabel: 'Week No.'
+    resourceName: 'Resource Name',
+    taskName: 'Task Name',
+    agendaViewHeader: 'Agenda',
+    weekNumberLabel: 'Week No.',
 };
-
 // Current labels provider (can be a function or object)
 let labelsProvider = null;
-
 /**
  * Get the current label for a given key
- * @param {string} key - The label key (e.g., 'resourceName', 'taskName')
- * @param {string} locale - Optional locale code for locale-specific translations
- * @returns {string} The localized label or the default English label
  */
-export function getLabel(key, locale = undefined) {
-  // If a custom provider function is set, use it
-  if (typeof labelsProvider === 'function') {
-    const label = labelsProvider(key, locale);
-    return label !== undefined && label !== null ? label : defaultLabels[key];
-  }
-
-  // If a labels object provider is set, use it with fallback
-  if (labelsProvider && typeof labelsProvider === 'object') {
-    const label = labelsProvider[key];
-    return label !== undefined && label !== null ? label : defaultLabels[key];
-  }
-
-  // Fall back to default English labels
-  return defaultLabels[key];
+export function getLabel(key, locale) {
+    // If a custom provider function is set, use it
+    if (typeof labelsProvider === 'function') {
+        const label = labelsProvider(key, locale);
+        return label ?? defaultLabels[key];
+    }
+    // If a labels object provider is set, use it with fallback
+    if (labelsProvider && typeof labelsProvider === 'object') {
+        const label = labelsProvider[key];
+        return label ?? defaultLabels[key];
+    }
+    // Fall back to default English labels
+    return defaultLabels[key];
 }
-
 /**
  * Set a custom labels provider
- * @param {Function|Object} provider - Either a function(key, locale) -> string or an object with label key-value pairs
  */
 export function setLabelsProvider(provider) {
-  labelsProvider = provider;
+    labelsProvider = provider;
 }
-
 /**
  * Get all default labels
- * @returns {Object} Object with all default English labels
  */
 export function getDefaultLabels() {
-  return {
-    ...defaultLabels
-  };
+    return { ...defaultLabels };
 }
-
 /**
  * Reset to default English labels
  */
 export function resetLabelsProvider() {
-  labelsProvider = null;
-}
+    labelsProvider = null;
+}

package/dist/config/scheduler.d.ts

@@ -0,0 +1,12 @@
+import type { SchedulerConfig } from '../types';
+/**
+ * Default scheduler configuration
+ *
+ * User-facing strings (resourceName, taskName, agendaViewHeader, weekNumberLabel)
+ * are set to English defaults but can be overridden through:
+ * 1. Passing a custom config object when creating SchedulerData
+ * 2. Using setLabelsProvider() from the i18n module to set a custom labels provider
+ * 3. Directly modifying config properties after instantiation
+ */
+declare const config: SchedulerConfig;
+export default config;

package/dist/config/scheduler.js

@@ -1,5 +1,4 @@
 import { SummaryPos, ViewType } from './default';
-
 /**
  * Default scheduler configuration
  *
@@ -9,121 +8,129 @@ import { SummaryPos, ViewType } from './default';
  * 2. Using setLabelsProvider() from the i18n module to set a custom labels provider
  * 3. Directly modifying config properties after instantiation
  */
-export default {
-  schedulerWidth: '100%',
-  underneathHeight: 20,
-  schedulerMaxHeight: 0,
-  tableHeaderHeight: 40,
-  schedulerContentHeight: '100%',
-  responsiveByParent: false,
-  agendaResourceTableWidth: 160,
-  agendaMaxEventWidth: 100,
-  dayResourceTableWidth: 160,
-  weekResourceTableWidth: '16%',
-  monthResourceTableWidth: 160,
-  quarterResourceTableWidth: 160,
-  yearResourceTableWidth: 160,
-  customResourceTableWidth: 160,
-  dayCellWidth: 30,
-  weekCellWidth: '12%',
-  monthCellWidth: 80,
-  quarterCellWidth: 80,
-  yearCellWidth: 80,
-  customCellWidth: 80,
-  dayMaxEvents: 99,
-  weekMaxEvents: 99,
-  monthMaxEvents: 99,
-  quarterMaxEvents: 99,
-  yearMaxEvents: 99,
-  customMaxEvents: 99,
-  eventItemPopoverTrigger: 'hover',
-  eventItemPopoverPlacement: 'bottomLeft',
-  eventItemPopoverWidth: 300,
-  eventItemHeight: 22,
-  eventItemLineHeight: 24,
-  nonAgendaSlotMinHeight: 0,
-  dayStartFrom: 0,
-  dayStopTo: 23,
-  defaultEventBgColor: '#80C5F6',
-  selectedAreaColor: '#7EC2F3',
-  nonWorkingTimeHeadColor: '#999999',
-  nonWorkingTimeHeadBgColor: '#fff0f6',
-  nonWorkingTimeBodyBgColor: '#fff0f6',
-  summaryColor: '#666',
-  summaryPos: SummaryPos.TopRight,
-  groupOnlySlotColor: '#F8F8F8',
-  headerBorderColor: '#e9e9e9',
-  weekNumberRowHeight: 24,
-  showWeekNumber: false,
-  // month row above the day cells (month names spanning their days), like the week number row
-  showMonthRow: false,
-  monthRowHeight: 24,
-  // box shown on the row/cell where a dragged event, task or resource would be placed
-  dropPreviewEnabled: true,
-  dropPreviewClassName: '',
-  dropPreviewStyle: undefined,
-  startResizable: true,
-  endResizable: true,
-  movable: true,
-  creatable: true,
-  crossResourceMove: true,
-  checkConflict: false,
-  scrollToSpecialDayjsEnabled: true,
-  eventItemPopoverEnabled: true,
-  eventItemPopoverShowColor: true,
-  calendarPopoverEnabled: true,
-  recurringEventsEnabled: true,
-  viewChangeSpinEnabled: true,
-  dateChangeSpinEnabled: true,
-  headerEnabled: true,
-  resourceViewEnabled: true,
-  displayWeekend: true,
-  relativeMove: true,
-  defaultExpanded: true,
-  dragAndDropEnabled: true,
-  schedulerHeaderEventsFuncsTimeoutMs: 100,
-  resourceName: 'Resource Name',
-  taskName: 'Task Name',
-  agendaViewHeader: 'Agenda',
-  weekNumberLabel: 'Week No.',
-  addMorePopoverHeaderFormat: 'MMM D, YYYY dddd',
-  eventItemPopoverDateFormat: 'MMM D',
-  nonAgendaDayCellHeaderFormat: 'ha',
-  nonAgendaWeekCellHeaderFormat: 'ww/YYYY',
-  nonAgendaMonthCellHeaderFormat: 'MMM YYYY',
-  nonAgendaYearCellHeaderFormat: 'YYYY',
-  nonAgendaQuarterCellHeaderFormat: '[Q]Q YYYY',
-  nonAgendaOtherCellHeaderFormat: 'ddd M/D',
-  minuteStep: 30,
-  views: [{
-    viewName: 'Day',
-    viewType: ViewType.Day,
-    showAgenda: false,
-    isEventPerspective: false
-  }, {
-    viewName: 'Week',
-    viewType: ViewType.Week,
-    showAgenda: false,
-    isEventPerspective: false
-  }, {
-    viewName: 'Month',
-    viewType: ViewType.Month,
-    showAgenda: false,
-    isEventPerspective: false
-  }, {
-    viewName: 'Quarter',
-    viewType: ViewType.Quarter,
-    showAgenda: false,
-    isEventPerspective: false
-  }, {
-    viewName: 'Year',
-    viewType: ViewType.Year,
-    showAgenda: false,
-    isEventPerspective: false
-  }, {
-    viewName: 'Vertical',
-    viewType: ViewType.VerticalResource,
-    showAgenda: false,
-    isEventPerspective: false
-  }]
-};
+const config = {
+    schedulerWidth: '100%',
+    underneathHeight: 20,
+    schedulerMaxHeight: 0,
+    tableHeaderHeight: 40,
+    schedulerContentHeight: '100%',
+    responsiveByParent: false,
+    agendaResourceTableWidth: 160,
+    agendaMaxEventWidth: 100,
+    dayResourceTableWidth: 160,
+    weekResourceTableWidth: '16%',
+    monthResourceTableWidth: 160,
+    quarterResourceTableWidth: 160,
+    yearResourceTableWidth: 160,
+    customResourceTableWidth: 160,
+    dayCellWidth: 30,
+    weekCellWidth: '12%',
+    monthCellWidth: 80,
+    quarterCellWidth: 80,
+    yearCellWidth: 80,
+    customCellWidth: 80,
+    dayMaxEvents: 99,
+    weekMaxEvents: 99,
+    monthMaxEvents: 99,
+    quarterMaxEvents: 99,
+    yearMaxEvents: 99,
+    customMaxEvents: 99,
+    eventItemPopoverTrigger: 'hover',
+    eventItemPopoverPlacement: 'bottomLeft',
+    eventItemPopoverWidth: 300,
+    eventItemHeight: 22,
+    eventItemLineHeight: 24,
+    nonAgendaSlotMinHeight: 0,
+    dayStartFrom: 0,
+    dayStopTo: 23,
+    defaultEventBgColor: 'var(--rbs-accent)',
+    selectedAreaColor: '#7EC2F3',
+    nonWorkingTimeHeadColor: 'var(--rbs-muted)',
+    nonWorkingTimeHeadBgColor: 'var(--rbs-nonworking-bg)',
+    nonWorkingTimeBodyBgColor: 'var(--rbs-nonworking-bg)',
+    summaryColor: 'var(--rbs-muted)',
+    summaryPos: SummaryPos.TopRight,
+    groupOnlySlotColor: 'var(--rbs-group-bg)',
+    headerBorderColor: 'var(--rbs-border)',
+    weekNumberRowHeight: 24,
+    showWeekNumber: false,
+    // month row above the day cells (month names spanning their days), like the week number row
+    showMonthRow: false,
+    monthRowHeight: 24,
+    // box shown on the row/cell where a dragged event, task or resource would be placed
+    dropPreviewEnabled: true,
+    dropPreviewClassName: '',
+    dropPreviewStyle: undefined,
+    startResizable: true,
+    endResizable: true,
+    movable: true,
+    creatable: true,
+    crossResourceMove: true,
+    checkConflict: false,
+    scrollToSpecialDayjsEnabled: true,
+    eventItemPopoverEnabled: true,
+    eventItemPopoverShowColor: true,
+    calendarPopoverEnabled: true,
+    recurringEventsEnabled: true,
+    viewChangeSpinEnabled: true,
+    dateChangeSpinEnabled: true,
+    headerEnabled: true,
+    resourceViewEnabled: true,
+    displayWeekend: true,
+    relativeMove: true,
+    defaultExpanded: true,
+    dragAndDropEnabled: true,
+    schedulerHeaderEventsFuncsTimeoutMs: 100,
+    resourceName: 'Resource Name',
+    taskName: 'Task Name',
+    agendaViewHeader: 'Agenda',
+    weekNumberLabel: 'Week No.',
+    addMorePopoverHeaderFormat: 'MMM D, YYYY dddd',
+    eventItemPopoverDateFormat: 'MMM D',
+    nonAgendaDayCellHeaderFormat: 'ha',
+    nonAgendaWeekCellHeaderFormat: 'ww/YYYY',
+    nonAgendaMonthCellHeaderFormat: 'MMM YYYY',
+    nonAgendaYearCellHeaderFormat: 'YYYY',
+    nonAgendaQuarterCellHeaderFormat: '[Q]Q YYYY',
+    nonAgendaOtherCellHeaderFormat: 'ddd M/D',
+    minuteStep: 30,
+    views: [
+        {
+            viewName: 'Day',
+            viewType: ViewType.Day,
+            showAgenda: false,
+            isEventPerspective: false,
+        },
+        {
+            viewName: 'Week',
+            viewType: ViewType.Week,
+            showAgenda: false,
+            isEventPerspective: false,
+        },
+        {
+            viewName: 'Month',
+            viewType: ViewType.Month,
+            showAgenda: false,
+            isEventPerspective: false,
+        },
+        {
+            viewName: 'Quarter',
+            viewType: ViewType.Quarter,
+            showAgenda: false,
+            isEventPerspective: false,
+        },
+        {
+            viewName: 'Year',
+            viewType: ViewType.Year,
+            showAgenda: false,
+            isEventPerspective: false,
+        },
+        {
+            viewName: 'Vertical',
+            viewType: ViewType.VerticalResource,
+            showAgenda: false,
+            isEventPerspective: false,
+        },
+    ],
+};
+export default config;