react-big-schedule 4.2.5 → 4.3.1

package/dist/index.d.ts

@@ -0,0 +1,378 @@
+import { ConfigType, Dayjs, OptionType } from 'dayjs';
+import React, { CSSProperties } from 'react';
+
+export default class Scheduler<EventType extends EventItem = EventItem> extends React.Component<SchedulerProps<EventType>, any> {}
+
+export const 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[];
+  parentRef?: React.RefObject<any>;
+}
+
+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[], DecoratedComponent: React.ReactNode);
+}
+
+export class DnDSource {
+  constructor(resolveDragObjFunc: (props: {}) => any, DecoratedComponent: React.ReactNode, dragAnDropEnabled: boolean, dndType: string);
+}
+
+export enum CellUnit {
+  Day,
+  Hour,
+}
+
+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;
+}
+
+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}%`;
+  besidesWidth?: 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;
+}
+
+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';

package/dist/sample-data/sample1.js

@@ -332,5 +332,4 @@ var DemoData = {
     type: 3
   }]
 };
-var _default = DemoData;
-exports["default"] = _default;
+var _default = exports["default"] = DemoData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-big-schedule",
-  "version": "4.2.5",
+  "version": "4.3.1",
   "description": "React Big Schedule  is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision. Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning. It is the updated version of react-big-scheduler",
   "keywords": [
     "react-big-schedule",
@@ -54,12 +54,14 @@
   "scripts": {
     "build": "node scripts/build.js",
     "start": "webpack serve --mode development --config ./webpack/webpack.dev.config.js",
-    "clean": "rimraf ./dist && mkdir dist"
+    "clean": "rimraf ./dist && mkdir dist",
+    "lint": "eslint ./src",
+    "fix": "eslint ./"
   },
   "dependencies": {
-    "@ant-design/icons": "^5.1.4",
-    "antd": "^5.7.0",
-    "dayjs": "^1.11.9",
+    "@ant-design/icons": "^5.2.6",
+    "antd": "^5.10.1",
+    "dayjs": "^1.11.10",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dnd": "^14.0.5",
@@ -68,17 +70,25 @@
     "rrule": "^2.7.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.9",
-    "@babel/core": "^7.22.9",
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
+    "@babel/cli": "^7.23.0",
+    "@babel/core": "^7.23.2",
+    "@babel/eslint-parser": "^7.22.15",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
     "babel-loader": "^9.1.3",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.8.1",
+    "eslint": "^8.51.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-webpack-plugin": "^4.0.1",
     "fs-extra": "^11.1.1",
     "html-webpack-plugin": "^5.5.3",
     "style-loader": "^3.3.3",
-    "webpack": "^5.88.1",
+    "webpack": "^5.89.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1"
   }