react-big-schedule 8.1.0 → 9.0.1

package/dist/helper/utility.js

@@ -1,56 +1,49 @@
 import dayjs from 'dayjs';
 export function getPos(element) {
-  let x = 0;
-  let y = 0;
-  let currentElement = element;
-  while (currentElement) {
-    x += currentElement.offsetLeft - currentElement.scrollLeft;
-    y += currentElement.offsetTop - currentElement.scrollTop;
-    currentElement = currentElement.offsetParent;
-  }
-  return {
-    x,
-    y
-  };
+    let x = 0;
+    let y = 0;
+    let currentElement = element;
+    while (currentElement) {
+        x += currentElement.offsetLeft - currentElement.scrollLeft;
+        y += currentElement.offsetTop - currentElement.scrollTop;
+        currentElement = currentElement.offsetParent;
+    }
+    return { x, y };
 }
-
 /**
  * Generates the next numeric event ID by finding the maximum numeric ID in the events array
  * and incrementing it by 1. Filters out non-numeric and non-finite IDs.
- * @param {Array} events - Array of event objects with id properties
- * @returns {number} The next available numeric ID
  */
 export function getNextNumericEventId(events) {
-  const numericIds = events.map(event => event.id).filter(id => typeof id === 'number' && Number.isFinite(id));
-  return Math.max(...numericIds, 0) + 1;
+    const numericIds = events
+        .map(event => event.id)
+        .filter((id) => typeof id === 'number' && Number.isFinite(id));
+    return Math.max(...numericIds, 0) + 1;
 }
-
 /**
  * Returns true if the string is a date-only value (YYYY-MM-DD) with no time component.
  */
 export function isDateOnly(dateStr) {
-  return typeof dateStr === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(dateStr);
+    return typeof dateStr === 'string' && /^\d{4}-\d{2}-\d{2}$/.test(dateStr);
 }
-
 /**
  * Normalizes an event start date string to a dayjs object.
  * Date-only strings are treated as start-of-day.
  */
 export function normalizeEventStart(dateStr) {
-  if (isDateOnly(dateStr)) {
-    return dayjs(dateStr).startOf('day');
-  }
-  return dayjs(dateStr);
+    if (isDateOnly(dateStr)) {
+        return dayjs(dateStr).startOf('day');
+    }
+    return dayjs(dateStr);
 }
-
 /**
  * Normalizes an event end date string to a dayjs object.
  * Date-only strings are treated as end-of-day to avoid UTC midnight timezone shifting
  * causing off-by-one errors in day-cell span calculations (particularly in Month view).
  */
 export function normalizeEventEnd(dateStr) {
-  if (isDateOnly(dateStr)) {
-    return dayjs(dateStr).endOf('day');
-  }
-  return dayjs(dateStr);
-}
+    if (isDateOnly(dateStr)) {
+        return dayjs(dateStr).endOf('day');
+    }
+    return dayjs(dateStr);
+}

package/dist/index.d.ts

@@ -1,477 +1,6 @@
-import type { ConfigType, Dayjs, OptionType } from 'dayjs';
-import React, { type CSSProperties } from 'react';
-
-export class Scheduler<EventType extends EventItem = EventItem> extends React.Component<
-  SchedulerProps<EventType>,
-  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
-  any
-> {}
-
-export function AddMorePopover<EventType extends EventItem = EventItem>(
-  props: AddMorePopoverProps<EventType>,
-): React.ReactElement;
-
-export interface SchedulerProps<EventType extends EventItem = EventItem> {
-  schedulerData: SchedulerData<EventType>;
-  prevClick(schedulerData: SchedulerData<EventType>): void;
-  nextClick(schedulerData: SchedulerData<EventType>): void;
-  onSelectDate(schedulerData: SchedulerData<EventType>, date: string): void;
-  onViewChange(schedulerData: SchedulerData<EventType>, view: View): void;
-  eventItemClick?: (schedulerData: SchedulerData<EventType>, event: EventType) => void;
-  eventItemTemplateResolver?: (
-    schedulerData: SchedulerData<EventType>,
-    event: EventType,
-    bgColor: string,
-    isStart: boolean,
-    isEnd: boolean,
-    mustAddCssClass: string,
-    mustBeHeight: number,
-    agendaMaxEventWidth: number,
-  ) => void;
-  eventItemPopoverTemplateResolver?: (
-    schedulerData: SchedulerData<EventType>,
-    event: EventType,
-    title: string,
-    start: Dayjs,
-    end: Dayjs,
-    statusColor: string,
-  ) => void;
-  toggleExpandFunc?: (schedulerData: SchedulerData<EventType>, slotId: string) => void;
-  viewEventClick?: (schedulerData: SchedulerData<EventType>, event: EventType) => void;
-  viewEventText?: string;
-  viewEvent2Text?: string;
-  viewEvent2Click?: (schedulerData: SchedulerData<EventType>, event: EventType) => void;
-  updateEventStart?: (schedulerData: SchedulerData<EventType>, event: EventType, newStart: string) => void;
-  updateEventEnd?: (schedulerData: SchedulerData<EventType>, event: EventType, newEnd: string) => void;
-  moveEvent?: (
-    schedulerData: SchedulerData<EventType>,
-    event: EventType,
-    slotId: string,
-    slotName: string,
-    start: string,
-    end: string,
-  ) => void;
-  newEvent?: (
-    schedulerData: SchedulerData<EventType>,
-    slotId: string,
-    slotName: string,
-    start: string,
-    end: string,
-    type: string,
-    item: EventType,
-  ) => void;
-  onScrollLeft?: (
-    schedulerData: SchedulerData<EventType>,
-    schedulerContent: React.ReactNode,
-    maxScrollLeft: number,
-  ) => void;
-  onScrollRight?: (
-    schedulerData: SchedulerData<EventType>,
-    schedulerContent: React.ReactNode,
-    maxScrollLeft: number,
-  ) => void;
-  onScrollTop?: (
-    schedulerData: SchedulerData<EventType>,
-    schedulerContent: React.ReactNode,
-    maxScrollTop: number,
-  ) => void;
-  onScrollBottom?: (
-    schedulerData: SchedulerData<EventType>,
-    schedulerContent: React.ReactNode,
-    maxScrollTop: number,
-  ) => void;
-  onSetAddMoreState?: (newState: State<EventType>) => void;
-  conflictOccurred?: (
-    schedulerData: SchedulerData<EventType>,
-    action: string,
-    item: EventType,
-    type: string,
-    slotId: string,
-    slotName: string,
-    newStart: string,
-    newEnd: string,
-  ) => void;
-  nonAgendaCellHeaderTemplateResolver?: (
-    schedulerData: SchedulerData<EventType>,
-    item: { time: string; nonWorkingTime: boolean },
-    formattedDateItems: string[],
-    style: CSSProperties,
-  ) => void;
-  subtitleGetter?: (schedulerData: SchedulerData<EventType>, event: EventType) => void;
-  movingEvent?: (
-    schedulerData: SchedulerData<EventType>,
-    slotId: string,
-    slotName: string,
-    newStart: string,
-    newEnd: string,
-    action: string,
-    type: string,
-    item: EventType,
-  ) => void;
-  slotClickedFunc?: (schedulerData: SchedulerData<EventType>, slot: ResourceEvent<EventType>) => void;
-  slotItemTemplateResolver?: (
-    schedulerData: SchedulerData<EventType>,
-    slot: ResourceEvent<EventType>,
-    slotClickedFunc: (schedulerData: SchedulerData<EventType>, slot: ResourceEvent<EventType>) => void,
-    width: number,
-    clsName: string,
-  ) => void;
-  leftCustomHeader?: React.ReactNode;
-  rightCustomHeader?: React.ReactNode;
-  dndSources?: DnDSource[];
-  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
-  parentRef?: React.RefObject<any>;
-  /** Class names for the scheduler's container, e.g. tailwind classes. They win over the default 100% width / max height. */
-  className?: string;
-  /** Inline style for the scheduler's container. */
-  style?: CSSProperties;
-  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
-  CustomResourceHeader?: React.ComponentType<any>;
-  CustomResourceCell?: React.ComponentType<CustomResourceCellProps<EventType>>;
-  configTableHeaderStyle?: CSSProperties;
-}
-
-export interface CustomResourceCellProps<EventType extends EventItem = EventItem> {
-  schedulerData: SchedulerData<EventType>;
-  item: ResourceEvent<EventType>;
-  indents: React.ReactNode[];
-  slotClickedFunc?: (schedulerData: SchedulerData<EventType>, slot: ResourceEvent<EventType>) => void;
-  handleToggleExpand: (item: ResourceEvent<EventType>) => void;
-}
-
-export interface AddMorePopoverProps<EventType extends EventItem = EventItem> {
-  schedulerData: SchedulerData<EventType>;
-  headerItem: HeaderItem<EventType>;
-  left: number;
-  top: number;
-  height: number;
-  closeAction: (newState: State<EventType>) => void;
-  subtitleGetter?: SchedulerProps<EventType>['subtitleGetter'];
-  moveEvent?: SchedulerProps<EventType>['moveEvent'];
-  eventItemClick?: SchedulerProps<EventType>['eventItemClick'];
-  viewEventClick?: SchedulerProps<EventType>['viewEventClick'];
-  viewEventText?: string;
-  viewEvent2Text?: string;
-  viewEvent2Click?: SchedulerProps<EventType>['viewEvent2Click'];
-  eventItemTemplateResolver?: SchedulerProps<EventType>['eventItemTemplateResolver'];
-}
-
-export class SchedulerData<EventType extends EventItem = EventItem> {
-  localeDayjs(date?: ConfigType): Dayjs;
-  localeDayjs(date?: ConfigType, format?: OptionType, strict?: boolean): Dayjs;
-  localeDayjs(date?: ConfigType, format?: OptionType, locale?: string, strict?: boolean): Dayjs;
-
-  cellUnit: CellUnit;
-  viewType: ViewType;
-  startDate: string;
-  config: SchedulerDataConfig;
-  resources: Resource[];
-  events: EventType[];
-  eventGroups: EventGroup<EventType>[];
-  eventGroupsAutoGenerated: boolean;
-  showAgenda: boolean;
-  isEventPerspective: boolean;
-  resizing: boolean;
-  scrollToSpecialDayjs: boolean;
-  documentWidth: number;
-  behaviors: SchedulerDataBehaviors<EventType>;
-
-  constructor(
-    date?: string | Dayjs,
-    viewType?: ViewType,
-    showAgenda?: boolean,
-    isEventPerspective?: boolean,
-    newConfig?: SchedulerDataConfig,
-    newBehaviours?: SchedulerDataBehaviors<EventType>,
-  );
-
-  setSchedulerLocale(preset: string | ILocale, object?: Partial<ILocale>): void;
-  setCalendarPopoverLocale(lang: string): void;
-  setResources(resources: Resource[]): void;
-  setEvents(events: EventType[]): void;
-  prev(): void;
-  next(): void;
-  setViewType(viewType?: ViewType, showAgenda?: boolean, isEventPerspective?: boolean): void;
-  setDate(date?: string): void;
-  setEventGroups(eventGroups: EventGroup<EventType>[]): void;
-  setEventGroupsAutoGenerated(autoGenerated: boolean): void;
-  setMinuteStep(minuteStep: number): void;
-  getMinuteStepsInHour(): number;
-  addEventGroup(eventGroup: EventGroup<EventType>): void;
-  updateEventStart(event: EventType, newStart: string): void;
-  updateEventEnd(event: EventType, newEnd: string): void;
-  moveEvent(event: EventType, newSlotId: string, newSlotName: string, newStart: string, newEnd: string): void;
-  getSlots(): EventGroup<EventType>[] | Resource[];
-  addResource(resource: Resource): void;
-  getSlotById(slotId: string): EventType;
-  toggleExpandStatus(slotId: string): void;
-  removeEventById(eventId: string): void;
-  removeEvent(event: EventType): void;
-  isEventInTimeWindow(
-    eventStart: Date | Dayjs,
-    eventEnd: Date | Dayjs,
-    windowStart: Date | Dayjs,
-    windowEnd: Date | Dayjs,
-  ): boolean;
-  addEvent(newEvent: EventType): void;
-  getResourceById(resourceId: string): ResourceEvent<EventType>;
-  getViewStartDate(): Dayjs;
-  getViewEndDate(): Dayjs;
-  getViewDates(): { startDate: Dayjs; endDate: Dayjs };
-}
-
-export class DnDContext {
-  constructor(sources: DnDSource[]);
-}
-
-export class DnDSource {
-  // biome-ignore lint/complexity/noBannedTypes: legacy {} usage
-  // biome-ignore lint/suspicious/noExplicitAny: legacy any usage
-  constructor(resolveDragObjFunc: (props: {}) => any, dragAnDropEnabled: boolean, dndType?: string);
-}
-
-export enum CellUnit {
-  Day,
-  Hour,
-  Week,
-  Month,
-  Year,
-  Quarter,
-}
-
-export enum ViewType {
-  Day,
-  Week,
-  Month,
-  Quarter,
-  Year,
-  Custom,
-  Custom1,
-  Custom2,
-}
-
-export interface View {
-  viewName?: string;
-  viewType: ViewType;
-  showAgenda: boolean;
-  isEventPerspective: boolean;
-}
-
-export interface EventGroup<EventType extends EventItem = EventItem> {
-  id: string;
-  name: string;
-  state: EventType;
-}
-
-export interface EventItem {
-  id: number | string;
-  start: string;
-  end: string;
-  resourceId: string;
-  title: string;
-  bgColor?: string;
-  rrule?: string;
-  showPopover?: boolean;
-  resizable?: boolean;
-  movable?: boolean;
-  startResizable?: boolean;
-  endResizable?: boolean;
-  groupId?: string;
-  groupName?: string;
-  /**
-   * @deprecated This property should not be used as EXRULE has been [deprecated in RFC 5545](https://icalendar.org/iCalendar-RFC-5545/a-3-deprecated-features.html) and does not support a DTSTART property
-   */
-  exrule?: string;
-  exdates?: string[];
-  [x: string]: unknown;
-}
-
-export interface ResourceEvent<EventType extends EventItem = EventItem> {
-  id: number;
-  name: string;
-  parentId?: string;
-  groupOnly?: boolean;
-  hasSummary?: boolean;
-  expanded?: boolean;
-  headerItems?: EventType[];
-  render?: boolean;
-  rowHeight: number;
-  rowMaxCount: number;
-  slotName: string;
-  slotId: string;
-}
-
-export interface Resource {
-  id: string;
-  name: string;
-  parentId?: string;
-  groupOnly?: boolean;
-}
-
-export interface HeaderItem<EventType extends EventItem = EventItem> {
-  time: string;
-  start: string;
-  end: string;
-  addMore: number;
-  addMoreIndex: number;
-  count: number;
-  nonWorkingTime: boolean;
-  events: EventType[];
-}
-
-export interface HeaderEvent<EventType extends EventItem = EventItem> {
-  render: boolean;
-  span: number;
-  eventItem: EventType;
-}
-
-export interface State<EventType extends EventItem = EventItem> {
-  headerItem: HeaderItem<EventType>;
-  left: number;
-  top: number;
-  height: number;
-}
-
-export interface SchedulerDataConfig {
-  schedulerWidth?: `${number}%`;
-  underneathHeight?: number;
-  schedulerMaxHeight?: number;
-  tableHeaderHeight?: number;
-  schedulerContentHeight?: string | number;
-  agendaResourceTableWidth?: string | number;
-  agendaMaxEventWidth?: string | number;
-  dayResourceTableWidth?: string | number;
-  weekResourceTableWidth?: string | number;
-  monthResourceTableWidth?: string | number;
-  quarterResourceTableWidth?: string | number;
-  yearResourceTableWidth?: string | number;
-  customResourceTableWidth?: string | number;
-  dayCellWidth?: string | number;
-  weekCellWidth?: string | number;
-  monthCellWidth?: string | number;
-  quarterCellWidth?: string | number;
-  yearCellWidth?: string | number;
-  customCellWidth?: string | number;
-  dayMaxEvents?: number;
-  weekMaxEvents?: number;
-  monthMaxEvents?: number;
-  quarterMaxEvents?: number;
-  yearMaxEvents?: number;
-  customMaxEvents?: number;
-  eventItemPopoverTrigger?: 'hover' | 'click';
-  eventItemPopoverPlacement?:
-    | 'topLeftMousePosition'
-    | 'bottomLeftMousePosition'
-    | 'topRightMousePosition'
-    | 'bottomRightMousePosition'
-    | 'top'
-    | 'left'
-    | 'right'
-    | 'bottom'
-    | 'topLeft'
-    | 'topRight'
-    | 'bottomLeft'
-    | 'bottomRight'
-    | 'leftTop'
-    | 'leftBottom'
-    | 'rightTop'
-    | 'rightBottom';
-  eventItemPopoverWidth?: number;
-  eventItemHeight?: number;
-  eventItemLineHeight?: number;
-  nonAgendaSlotMinHeight?: number;
-  dayStartFrom?: number;
-  dayStopTo?: number;
-  defaultEventBgColor?: string;
-  selectedAreaColor?: string;
-  nonWorkingTimeHeadColor?: string;
-  nonWorkingTimeHeadBgColor?: string;
-  nonWorkingTimeBodyBgColor?: string;
-  summaryColor?: string;
-  summaryPos?: SummaryPos;
-  groupOnlySlotColor?: string;
-  startResizable?: boolean;
-  endResizable?: boolean;
-  movable?: boolean;
-  creatable?: boolean;
-  crossResourceMove?: boolean;
-  checkConflict?: boolean;
-  scrollToSpecialDaysjsEnabled?: boolean;
-  eventItemPopoverEnabled?: boolean;
-  calendarPopoverEnabled?: boolean;
-  recurringEventsEnabled?: boolean;
-  viewChangeSpinEnabled?: boolean;
-  dateChangeSpinEnabled?: boolean;
-  headerEnabled?: boolean;
-  resourceViewEnabled?: boolean;
-  displayWeekend?: boolean;
-  relativeMove?: boolean;
-  defaultExpanded?: boolean;
-  dragAndDropEnabled?: boolean;
-  schedulerHeaderEventsFuncsTimeoutMs?: number;
-  resourceName?: string;
-  taskName?: string;
-  agendaViewHeader?: string;
-  addMorePopoverHeaderFormat?: string;
-  eventItemPopoverDateFormat?: string;
-  nonAgendaDayCellHeaderFormat?: string;
-  nonAgendaOtherCellHeaderFormat?: string;
-  minuteStep?: number;
-  views?: View[];
-  responsiveByParent?: boolean;
-  showWeekNumber?: boolean;
-  weekNumberRowHeight?: number;
-  showMonthRow?: boolean;
-  /** Show a box where the dragged event / task / resource would be placed (default true). */
-  dropPreviewEnabled?: boolean;
-  /** Extra class name for the drop preview box. */
-  dropPreviewClassName?: string;
-  /** Inline style for the drop preview box, e.g. `{ border: '2px dashed green' }`. */
-  dropPreviewStyle?: React.CSSProperties;
-  monthRowHeight?: number;
-  weekNumberLabel?: string;
-  headerBorderColor?: string;
-}
-
-export enum SummaryPos {
-  Top,
-  TopRight,
-  TopLeft,
-  Bottom,
-  BottomRight,
-  BottomLeft,
-}
-
-export interface SchedulerDataBehaviors<EventType extends EventItem = EventItem> {
-  isNonWorkingTimeFunc?: (schedulerData: SchedulerData<EventType>, time: string) => boolean;
-  getCustomDateFunc?: (
-    schedulerData: SchedulerData<EventType>,
-    num: number,
-    date?: string | Dayjs,
-  ) => { startDate: string | Dayjs; endDate: string | Dayjs; cellUnit: CellUnit };
-  getEventTextFunc?: (schedulerData: SchedulerData<EventType>, event: EventType) => string;
-  getDateLabel?: (
-    schedulerData: SchedulerData<EventType>,
-    viewType: ViewType,
-    startDate: string | Date,
-    endDate: string | Date,
-  ) => string;
-  getScrollSpecialDayjs?: (schedulerData: SchedulerData<EventType>, startDayjs: Dayjs, endDays: Dayjs) => Dayjs;
-  getSummaryFunc?: (
-    schedulerData: SchedulerData<EventType>,
-    headerEvents: HeaderEvent<EventType>[],
-    slotId: string,
-    slotName: string,
-    headerStart: string,
-    headerEnd: string,
-  ) => { text: string; color: string; fontSize: string };
-  getNonAgendaViewBodyCellBgColorFunc?: (
-    schedulerData: SchedulerData<EventType>,
-    slotId: string,
-    header: { nonWorkingTime: boolean; time: string },
-  ) => string;
-}
-
-export const DATE_FORMAT = 'YYYY-MM-DD';
-
-export const DATETIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
+export { type CalendarProps, default as Calendar } from './calendar/Calendar';
+export type * from './calendar/types';
+export { AddMorePopover, CellUnit, DATE_FORMAT, DATETIME_FORMAT, DemoData, DnDContext, DnDSource, Scheduler, SchedulerData, SummaryPos, ViewType, wrapperFun, } from './components/index';
+export { getDefaultLabels, getLabel, resetLabelsProvider, setLabelsProvider, } from './config/i18n';
+export { createDemoData } from './sample-data/sample1';
+export type * from './types';

package/dist/index.js

@@ -1,2 +1,4 @@
-export { AddMorePopover, CellUnit, DATE_FORMAT, DATETIME_FORMAT, DemoData, DnDContext, DnDSource, Scheduler, SchedulerData, SummaryPos, ViewType, wrapperFun } from './components/index';
-export { getDefaultLabels, getLabel, resetLabelsProvider, setLabelsProvider } from './config/i18n';
+export { default as Calendar } from './calendar/Calendar';
+export { AddMorePopover, CellUnit, DATE_FORMAT, DATETIME_FORMAT, DemoData, DnDContext, DnDSource, Scheduler, SchedulerData, SummaryPos, ViewType, wrapperFun, } from './components/index';
+export { getDefaultLabels, getLabel, resetLabelsProvider, setLabelsProvider, } from './config/i18n';
+export { createDemoData } from './sample-data/sample1';

package/dist/sample-data/sample1.d.ts

@@ -0,0 +1,11 @@
+import type { DateInput, Resource, SchedulerEvent } from '../types';
+interface DemoDataset {
+    resources: Resource[];
+    events: SchedulerEvent[];
+    eventsForTaskView: SchedulerEvent[];
+    eventsForCustomEventStyle: SchedulerEvent[];
+}
+/** Sample resources and events moved to the week that contains `anchor` (default: today), so demos always show the current period. */
+export declare function createDemoData(anchor?: DateInput): DemoDataset;
+declare const DemoData: DemoDataset;
+export default DemoData;