@devexpress/dx-react-scheduler - npm Package Compare versions

Comparing version 2.1.2 to 2.2.0

dist/dx-react-scheduler.d.ts

@@ -76,2 +76,66 @@ // Dependencies for this module:
 
+/** A plugin that renders the dialog which allows users to confirm or to discard delete and cancel appointment actions. */
+export const ConfirmationDialog: React.ComponentType<ConfirmationDialogProps>;
+
+export namespace ConfirmationDialog {
+  /** Properties passed to a component that renders the dialog's layout. */
+  interface LayoutProps {
+    /** 'true' if the appointment is being deleted or 'false' if it is being edited. */
+    isDeleting: boolean;
+    /** The appointment's data. */
+    appointmentData?: AppointmentModel;
+    /** A component that renders the dialog's buttons. */
+    buttonComponent: React.ComponentType<ConfirmationDialog.ButtonProps>;
+    /** A function that cancels the confirmation event. */
+    handleCancel: () => void;
+    /** A function that confirms changes. */
+    handleConfirm: () => void;
+    /** Uses a localization message's key to retrieve the message. */
+    getMessage: (messageKey: string) => string;
+  }
+  /** Properties passed to a component that renders the overlay window. */
+  interface OverlayProps {
+    /** A React component instance or a DOM element that is used to position the window. */
+    target: React.RefObject<unknown>;
+    /** A flag that specifies whether the overlay window is visible. */
+    visible: boolean;
+    /** A function that is executed when the window is hidden. */
+    onHide: () => void;
+  }
+  /** Properties passed to a component that renders the dialog's buttons. */
+  interface ButtonProps {
+    /** The button's text. */
+    title: string;
+    /** A function to execute when the button is clicked. */
+    onClick: () => void;
+  }
+  /** Localization Messages */
+  interface LocalizationMessages {
+    /** The Discard button's text. */
+    discardButton?: string;
+    /** The Delete button's text. */
+    deleteButton?: string;
+    /** The Cancel button's text. */
+    cancelButton?: string;
+    /** The delete confirmation dialog text. */
+    confirmDeleteMessage?: string;
+    /** The cancel confirmation dialog text. */
+    confirmCancelMessage?: string;
+  }
+}
+export interface ConfirmationDialogProps {
+  /** Specifies whether to open the dialog on delete events. */
+  ignoreDelete: boolean;
+  /** Specifies whether to open the dialog on cancel events. */
+  ignoreCancel: boolean;
+  /** A component that renders the dialog's layout. */
+  layoutComponent: React.ComponentType<ConfirmationDialog.LayoutProps>;
+  /** A component that renders the overlay window. */
+  overlayComponent: React.ComponentType<ConfirmationDialog.OverlayProps>;
+  /** A component that renders the OK and Cancel buttons. */
+  buttonComponent: React.ComponentType<ConfirmationDialog.ButtonProps>;
+  /** An object that contains localized messages. */
+  messages?: ConfirmationDialog.LocalizationMessages;
+}
+
 export namespace ViewSwitcher {
@@ -133,10 +197,4 @@ /** Describes properties passed to a component that renders the scheduler root layout. */
 
-export interface VerticalViewProps {
-  /** The view's unique identifier. */
-  name?: string;
-  /** The view's name used in UI plugins. */
-  displayName?: string;
-  /** Multiplies the default view interval. */
-  intervalCount?: number;
-  /** Specifies the cell's duration in minutes. */
+export interface VerticalViewProps extends CommonViewProps {
+  /** Specifies the cell’s duration in minutes. */
   cellDuration?: number;
@@ -150,122 +208,22 @@ /** Specifies the start hour of the view time scale. */
   /** A component that renders a time scale layout. */
-  timeScaleLayoutComponent: React.ComponentType<VerticalView.TimeScaleLayoutProps>;
+  timeScaleLayoutComponent: React.ComponentType<BaseView.TimeScaleLayoutProps>;
+  /** A component that renders a time scale label. */
+  timeScaleLabelComponent: React.ComponentType<BaseView.TimeScaleLabelProps>;
   /** A component that renders a time scale row. */
-  timeScaleRowComponent: React.ComponentType<VerticalView.RowProps>;
-  /** A component that renders a time scale cell. */
-  timeScaleCellComponent: React.ComponentType<VerticalView.TimeScaleCellProps>;
+  timeScaleRowComponent: React.ComponentType<BaseView.RowProps>;
   /** A component that renders a day scale layout. */
-  dayScaleLayoutComponent: React.ComponentType<VerticalView.DayScaleLayoutProps>;
-  /** A component that renders a day scale cell. */
-  dayScaleCellComponent: React.ComponentType<VerticalView.DayScaleCellProps>;
-  /** A component that renders a day scale row.  */
-  dayScaleRowComponent: React.ComponentType<VerticalView.RowProps>;
-  /** A component that renders a day scale empty cell.  */
-  dayScaleEmptyCellComponent: React.ComponentType<VerticalView.DayScaleEmptyCellProps>;
+  dayScaleLayoutComponent: React.ComponentType<BaseView.DayScaleLayoutProps>;
+  /** A component that renders a day scale empty cell. */
+  dayScaleEmptyCellComponent: React.ComponentType<BaseView.DayScaleEmptyCellProps>;
   /** A component that renders a time table layout. */
-  timeTableLayoutComponent: React.ComponentType<VerticalView.TimeTableLayoutProps>;
-  /** A component that renders a time table cell. */
-  timeTableCellComponent: React.ComponentType<VerticalView.TimeTableCellProps>;
-  /** A component that renders a time table row. */
-  timeTableRowComponent: React.ComponentType<VerticalView.RowProps>;
-  /** A component that renders the appointment layer. */
-  appointmentLayerComponent: React.ComponentType<VerticalView.AppointmentLayerProps>;
+  timeTableLayoutComponent: React.ComponentType<BaseView.TimeTableLayoutProps>;
 }
 export namespace VerticalView {
   /** Describes properties passed to a component that renders a vertical view layout. */
-  interface LayoutProps {
-    /** The scrolling API callback */
-    setScrollingStrategy: (scrollingStrategy: ScrollingStrategy) => void;
+  interface LayoutProps extends BaseView.LayoutProps {
     /** A component that renders a time scale layout. */
-    timeScaleComponent: React.ComponentType<VerticalView.TimeScaleLayoutProps>;
-    /** A component that renders a day scale layout. */
-    dayScaleComponent: React.ComponentType<VerticalView.DayScaleLayoutProps>;
-    /** A component that renders a time table layout. */
-    timeTableComponent: React.ComponentType<VerticalView.TimeTableLayoutProps>;
+    timeScaleComponent: React.ComponentType<BaseView.TimeScaleLayoutProps>;
     /** A component that renders a day scale empty cell. */
-    dayScaleEmptyCellComponent: React.ComponentType<VerticalView.DayScaleEmptyCellProps>;
+    dayScaleEmptyCellComponent: React.ComponentType<BaseView.DayScaleEmptyCellProps>;
   }
-  /** Describes properties passed to a component that renders a time scale layout. */
-  interface TimeScaleLayoutProps {
-    /** Specifies the cells meta data. */
-    cellsData: VerticalView.CellData[][];
-    /** A component that renders a time scale cell. */
-    cellComponent: React.ComponentType<VerticalView.TimeScaleCellProps>;
-    /** A component that renders a time scale row. */
-    rowComponent: React.ComponentType<VerticalView.RowProps>;
-    /** A function that formats dates according to the locale. */
-    formatDate: FormatterFn;
-  }
-  /** Describes properties passed to a component that renders a time table layout. */
-  interface TimeTableLayoutProps {
-    /** Specifies the cells meta data. */
-    cellsData: VerticalView.CellData[][];
-    /** A component that renders a time table cell. */
-    cellComponent: React.ComponentType<VerticalView.TimeTableCellProps>;
-    /** A component that renders a time table row. */
-    rowComponent: React.ComponentType<VerticalView.RowProps>;
-    /** A function that formats dates according to the locale. */
-    formatDate: FormatterFn;
-    /** A setCellElementsMeta callback */
-    setCellElementsMeta: (cellElementsMeta: CellElementsMeta) => void;
-  }
-  /** Describes properties passed to a component that renders a time table cell. */
-  interface TimeTableCellProps {
-    /** Specifies the cell a start time. */
-    startDate?: Date;
-    /** Specifies the cell end time. */
-    endDate?: Date;
-    /** A React node used to render the time table cell content. */
-    children?: React.ReactNode;
-  }
-  /** Describes properties passed to a component that renders a day scale empty cell. */
-  interface DayScaleEmptyCellProps {
-    /** A React node used to render the row content. */
-    children?: React.ReactNode;
-  }
-  /** Describes properties passed to a component that renders a time scale cell. */
-  interface TimeScaleCellProps {
-    /** Specifies the cell end time. */
-    endDate: Date;
-    /** Specifies the cell start time. */
-    startDate: Date;
-  }
-  /** Describes properties passed to a component that renders a day scale layout. */
-  interface DayScaleLayoutProps {
-    /** Specifies the cells meta data. */
-    cellsData: VerticalView.CellData[][];
-    /** A component that renders a day scale cell. */
-    cellComponent: React.ComponentType<VerticalView.DayScaleCellProps>;
-    /** A component that renders a day scale row. */
-    rowComponent: React.ComponentType<VerticalView.RowProps>;
-    /** A function that formats dates according to the locale. */
-    formatDate: FormatterFn;
-  }
-  /** Describes properties passed to a component that renders a day scale cell. */
-  interface DayScaleCellProps {
-    /** Specifies the cell end time. */
-    startDate: Date;
-    /** Specifies the cell start time. */
-    endDate?: Date;
-    /** Indicates whether the cell’s date is today. */
-    today?: boolean;
-  }
-  /** Describes properties passed to a component that renders the appointment layer. */
-  interface AppointmentLayerProps {
-    /** A React node used to render the appointment layer content. */
-    children?: React.ReactNode;
-  }
-  /** Describes properties passed to a component that renders a day view row. */
-  interface RowProps {
-    /** A React node used to render the row content. */
-    children?: React.ReactNode;
-  }
-  /** Describes a cell data configuration object. */
-  interface CellData {
-    /** Specifies the cell start time. */
-    startDate: Date;
-    /** Specifies the cell end time. */
-    endDate: Date;
-    /** Indicates whether the cell’s date is today. */
-    today: boolean;
-  }
 }
@@ -275,100 +233,102 @@
   /** Describes a cell data configuration object. */
-  interface CellData extends VerticalView.CellData {
+  interface CellData extends BaseView.CellData {
   }
   /** Describes properties passed to a component that renders a day view layout. */
-  interface LayoutProps extends VerticalView.LayoutProps {
+  interface LayoutProps extends BaseView.LayoutProps {
   }
   /** Describes properties passed to a component that renders a time scale layout. */
-  interface TimeScaleLayoutProps extends VerticalView.TimeScaleLayoutProps {
+  interface TimeScaleLayoutProps extends BaseView.TimeScaleLayoutProps {
   }
-  /** Describes properties passed to a component that renders a time scale cell. */
-  interface TimeScaleCellProps extends VerticalView.TimeScaleCellProps {
+  /** Describes properties passed to a component that renders a time scale label. */
+  interface TimeScaleLabelProps extends BaseView.TimeScaleLabelProps {
   }
   /** Describes properties passed to a component that renders a day scale layout. */
-  interface DayScaleLayoutProps extends VerticalView.DayScaleLayoutProps {
+  interface DayScaleLayoutProps extends BaseView.DayScaleLayoutProps {
   }
   /** Describes properties passed to a component that renders a day scale cell. */
-  interface DayScaleCellProps extends VerticalView.DayScaleCellProps {
+  interface DayScaleCellProps extends BaseView.DayScaleCellProps {
   }
   /** Describes properties passed to a component that renders a day scale empty cell. */
-  interface DayScaleEmptyCellProps extends VerticalView.DayScaleEmptyCellProps {
+  interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
   }
   /** Describes properties passed to a component that renders a time table layout. */
-  interface TimeTableLayoutProps extends VerticalView.TimeTableLayoutProps {
+  interface TimeTableLayoutProps extends BaseView.TimeTableLayoutProps {
   }
   /** Describes properties passed to a component that renders a time table cell. */
-  interface TimeTableCellProps extends VerticalView.TimeTableCellProps {
+  interface TimeTableCellProps extends BaseView.TimeTableCellProps {
   }
   /** Describes properties passed to a component that renders the appointment layer. */
-  interface AppointmentLayerProps extends VerticalView.AppointmentLayerProps {
+  interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
   }
   /** Describes properties passed to a component that renders a day view row. */
-  interface RowProps extends VerticalView.RowProps {
+  interface RowProps extends BaseView.RowProps {
   }
 }
+export interface DayViewProps extends VerticalViewProps {
+}
 
 export namespace WeekView {
   /** Describes a cell data configuration object. */
-  interface CellData extends VerticalView.CellData {
+  interface CellData extends BaseView.CellData {
   }
   /** Describes properties passed to a component that renders a week view layout. */
-  interface LayoutProps extends VerticalView.LayoutProps {
+  interface LayoutProps extends BaseView.LayoutProps {
   }
   /** Describes properties passed to a component that renders a time scale layout. */
-  interface TimeScaleLayoutProps extends VerticalView.TimeScaleLayoutProps {
+  interface TimeScaleLayoutProps extends BaseView.TimeScaleLayoutProps {
   }
-  /** Describes properties passed to a component that renders a time scale cell. */
-  interface TimeScaleCellProps extends VerticalView.TimeScaleCellProps {
+  /** Describes properties passed to a component that renders a time scale label. */
+  interface TimeScaleLabelProps extends BaseView.TimeScaleLabelProps {
   }
   /** Describes properties passed to a component that renders a day scale layout. */
-  interface DayScaleLayoutProps extends VerticalView.DayScaleLayoutProps {
+  interface DayScaleLayoutProps extends BaseView.DayScaleLayoutProps {
   }
   /** Describes properties passed to a component that renders a day scale cell. */
-  interface DayScaleCellProps extends VerticalView.DayScaleCellProps {
+  interface DayScaleCellProps extends BaseView.DayScaleCellProps {
   }
   /** Describes properties passed to a component that renders a day scale empty cell. */
-  interface DayScaleEmptyCellProps extends VerticalView.DayScaleEmptyCellProps {
+  interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
   }
   /** Describes properties passed to a component that renders a time table layout. */
-  interface TimeTableLayoutProps extends VerticalView.TimeTableLayoutProps {
+  interface TimeTableLayoutProps extends BaseView.TimeTableLayoutProps {
   }
   /** Describes properties passed to a component that renders a time table cell. */
-  interface TimeTableCellProps extends VerticalView.TimeTableCellProps {
+  interface TimeTableCellProps extends BaseView.TimeTableCellProps {
   }
   /** Describes properties passed to a component that renders the appointment layer. */
-  interface AppointmentLayerProps extends VerticalView.AppointmentLayerProps {
+  interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
   }
   /** Describes properties passed to a component that renders a week view row. */
-  interface RowProps extends VerticalView.RowProps {
+  interface RowProps extends BaseView.RowProps {
   }
 }
 export interface WeekViewProps extends VerticalViewProps {
-  /** Specifies the days of week that should not be displayed on the view. Accepts an array of zero-bazed day indexes (0 - Sunday). */
+  /** Specifies the days of week that should not be displayed on the view. Accepts an array of zero-based day indexes (0 - Sunday). */
   excludedDays?: number[];
 }
 
-type MonthViewPropsType = Pick<VerticalViewProps, Exclude<keyof VerticalViewProps, 'timeScaleLayoutComponent' | 'timeScaleRowComponent' | 'timeScaleCellComponent' | 'layoutComponent' | 'dayScaleEmptyCellComponent'>>;
-export interface MonthViewProps extends MonthViewPropsType {
-  /** A component that renders a view layout. */
-  layoutComponent: React.ComponentType<MonthView.LayoutProps>;
-}
 export namespace MonthView {
-  /** Describes properties passed to a component that renders the appointment layer. */
-  interface AppointmentLayerProps extends VerticalView.AppointmentLayerProps {
+  /** Describes properties passed to a component that renders a month scale cell. */
+  interface DayScaleCellProps extends BaseView.DayScaleCellProps {
   }
-  /** Describes a cell data configuration object. */
-  interface CellData {
-    /** Specifies the cell start time. */
-    startDate: Date;
-    /** Specifies the cell end time. */
-    endDate: Date;
-    /** Indicates whether the cell’s date is not in the current month. */
-    otherMonth: boolean;
-    /** Indicates whether the cell’s date is today. */
-    today: boolean;
+  /** Describes properties passed to a component that renders a month scale empty cell. */
+  interface DayScaleEmptyCellProps extends BaseView.DayScaleEmptyCellProps {
   }
-  /** Describes properties passed to a component that renders a time scale cell. */
+  /** Describes properties passed to a component that renders a time table layout. */
+  interface TimeTableLayoutProps {
+    /** Specifies the cells meta data. */
+    cellsData: MonthView.CellData[][];
+    /** A component that renders a time table cell. */
+    cellComponent: React.ComponentType<MonthView.TimeTableCellProps>;
+    /** A component that renders a time table row. */
+    rowComponent: React.ComponentType<MonthView.RowProps>;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+    /** A setCellElementsMeta callback */
+    setCellElementsMeta: (cellElementsMeta: CellElementsMeta) => void;
+  }
+  /** Describes properties passed to a component that renders a time table cell. */
   interface TimeTableCellProps {
-    /** Specifies the cell start time. */
-    startDate?: Date;
+    /** Specifies the cell a start time. */
+    startDate: Date;
     /** Specifies the cell end time. */
@@ -380,45 +340,62 @@ endDate?: Date;
     today?: boolean;
+    /** A function that formats dates according to the set locale. */
+    formatDate?: FormatterFn;
   }
-  /** Describes properties passed to a component that renders a day scale cell. */
-  interface DayScaleCellProps {
-    /** Specifies the cell start time. */
-    startDate: Date;
-    /** Specifies the cell end time. */
-    endDate?: Date;
+  /** Describes properties passed to a component that renders the appointment layer. */
+  interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
   }
-  /** Describes properties passed to a component that renders a row. */
-  interface RowProps {
-    /** A React node used to render the row content. */
-    children?: React.ReactNode;
+  /** Describes properties passed to a component that renders a month view row. */
+  interface RowProps extends BaseView.RowProps {
   }
-  /** Describes properties passed to a component that renders a day scale layout. */
-  interface DayScaleLayoutProps {
-    /** 	Specifies the cells meta data. */
-    cellsData: MonthView.CellData[][];
-    /** A component that renders a day scale cell. */
-    cellComponent: React.ComponentType<MonthView.DayScaleCellProps>;
-    /** A component that renders a day scale row. */
-    rowComponent: React.ComponentType<MonthView.RowProps>;
-  }
-  /** Describes properties passed to a component that renders a time table layout. */
-  interface TimeTableLayoutProps {
-    /** Specifies the cells meta data. */
-    cellsData: MonthView.CellData[][];
-    /** A function that accepts the table’s root React element. */
-    tableRef: React.RefObject<HTMLElement>;
-    /** A component that renders a time table cell. */
-    cellComponent: React.ComponentType<MonthView.TimeTableCellProps>;
-    /** A component that renders a time table row. */
-    rowComponent: React.ComponentType<MonthView.RowProps>;
-  }
+  /** Describes properties passed to a component that renders a month view layout. */
   interface LayoutProps {
-    /** A component that renders a day scale layout. */
-    dayScaleComponent: React.ComponentType<MonthView.DayScaleLayoutProps>;
+    /** A component that renders a month scale layout. */
+    dayScaleComponent: React.ComponentType<BaseView.DayScaleLayoutProps>;
     /** A component that renders a time table layout. */
-    timeTableComponent: React.ComponentType<MonthView.TimeTableLayoutProps>;
+    timeTableComponent: React.ComponentType<BaseView.TimeTableLayoutProps>;
     /** The scrolling API callback */
     setScrollingStrategy: (scrollingStrategy: ScrollingStrategy) => void;
   }
+  /** Describes a cell data configuration object. */
+  interface CellData extends BaseView.CellData {
+    /** Indicates whether the cell’s date is not in the current month. */
+    otherMonth: boolean;
+  }
+  /** Describes properties passed to a component that renders a month scale layout. */
+  interface DayScaleLayoutProps {
+    /** Specifies the cells meta data. */
+    cellsData: MonthView.CellData[][];
+    /** A component that renders a month scale cell. */
+    cellComponent: React.ComponentType<BaseView.DayScaleCellProps>;
+    /** A component that renders a month scale row. */
+    rowComponent: React.ComponentType<BaseView.RowProps>;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+  }
 }
+export interface MonthViewProps extends CommonViewProps {
+  /** A component that renders a view layout. */
+  layoutComponent: React.ComponentType<MonthView.LayoutProps>;
+  /** A component that renders a month scale layout. */
+  dayScaleLayoutComponent: React.ComponentType<MonthView.DayScaleLayoutProps>;
+  /** A component that renders a time table layout. */
+  timeTableLayoutComponent: React.ComponentType<MonthView.TimeTableLayoutProps>;
+}
 
+export interface AllDayPanelProps {
+  /** A component that renders an All Day panel layout. */
+  layoutComponent: React.ComponentType<AllDayPanel.LayoutProps>;
+  /** A component that renders an All Day panel cell. */
+  cellComponent: React.ComponentType<AllDayPanel.CellProps>;
+  /** A component that renders an All Day panel row. */
+  rowComponent: React.ComponentType<AllDayPanel.RowProps>;
+  /** A component that renders a title cell. */
+  titleCellComponent: React.ComponentType<AllDayPanel.TitleCellProps>;
+  /** A component that renders the appointment layer. */
+  appointmentLayerComponent: React.ComponentType<AllDayPanel.AppointmentLayerProps>;
+  /** A component that renders an All Day panel container. */
+  containerComponent: React.ComponentType<AllDayPanel.ContainerProps>;
+  /** An object that specifies localization messages. */
+  messages?: AllDayPanel.LocalizationMessages;
+}
 export namespace AllDayPanel {
@@ -435,7 +412,7 @@ /** Describes a cell data configuration object. */
     /** Cells’ meta data. */
-    cellsData: AllDayCell[];
+    cellsData: AllDayPanel.CellData[];
     /** A component that renders an All Day panel cell. */
     cellComponent: React.ComponentType<AllDayPanel.CellProps>;
     /** A component that renders an All Day panel row. */
-    rowComponent: React.ComponentType<AllDayPanel.RowProps>;
+    rowComponent: React.ComponentType<BaseView.RowProps>;
     /** A function that formats dates according to the locale. */
@@ -454,5 +431,3 @@ formatDate: FormatterFn;
   /** Describes properties passed to a component that renders an All Day panel row. */
-  interface RowProps {
-    /** A React node used to render the row content. */
-    children?: React.ReactNode;
+  interface RowProps extends BaseView.RowProps {
   }
@@ -465,5 +440,3 @@ /** Describes properties passed to a component that renders a title cell. */
   /** Describes properties passed to a component that renders the appointment layer. */
-  interface AppointmentLayerProps {
-    /** A React node used to render the appointment layer content. */
-    children?: React.ReactNode;
+  interface AppointmentLayerProps extends BaseView.AppointmentLayerProps {
   }
@@ -481,18 +454,118 @@ /** Describes properties passed to a component that renders an All Day panel container. */
 }
-export interface AllDayPanelProps {
-  /** A component that renders an All Day panel layout. */
-  layoutComponent: React.ComponentType<AllDayPanel.LayoutProps>;
-  /** A component that renders an All Day panel cell. */
-  cellComponent: React.ComponentType<AllDayPanel.CellProps>;
-  /** A component that renders an All Day panel row. */
-  rowComponent: React.ComponentType<AllDayPanel.RowProps>;
-  /** A component that renders a title cell. */
-  titleCellComponent: React.ComponentType<AllDayPanel.TitleCellProps>;
+
+
+
+export interface CommonViewProps {
+  /** The view's unique identifier. */
+  name?: string;
+  /** The view's name used in UI plugins. */
+  displayName?: string;
+  /** Multiplies the default view interval. */
+  intervalCount?: number;
+  /** A component that renders a day scale cell. */
+  dayScaleCellComponent: React.ComponentType<BaseView.DayScaleCellProps>;
+  /** A component that renders a day scale row.  */
+  dayScaleRowComponent: React.ComponentType<BaseView.RowProps>;
+  /** A component that renders a time table cell. */
+  timeTableCellComponent: React.ComponentType<BaseView.TimeTableCellProps>;
+  /** A component that renders a time table row. */
+  timeTableRowComponent: React.ComponentType<BaseView.RowProps>;
   /** A component that renders the appointment layer. */
-  appointmentLayerComponent: React.ComponentType<AllDayPanel.AppointmentLayerProps>;
-  /** A component that renders an All Day panel container. */
-  containerComponent: React.ComponentType<AllDayPanel.ContainerProps>;
-  /** An object that specifies localization messages. */
-  messages?: AllDayPanel.LocalizationMessages;
+  appointmentLayerComponent: React.ComponentType<BaseView.AppointmentLayerProps>;
 }
+export namespace BaseView {
+  /** Describes properties passed to a component that renders a vertical view layout. */
+  interface LayoutProps {
+    /** The scrolling API callback */
+    setScrollingStrategy: (scrollingStrategy: ScrollingStrategy) => void;
+    /** A component that renders a day scale layout. */
+    dayScaleComponent: React.ComponentType<BaseView.DayScaleLayoutProps>;
+    /** A component that renders a time table layout. */
+    timeTableComponent: React.ComponentType<BaseView.TimeTableLayoutProps>;
+  }
+  /** Describes properties passed to a component that renders a time table layout. */
+  interface TimeTableLayoutProps {
+    /** Specifies the cells meta data. */
+    cellsData: BaseView.CellData[][];
+    /** A component that renders a time table cell. */
+    cellComponent: React.ComponentType<BaseView.TimeTableCellProps>;
+    /** A component that renders a time table row. */
+    rowComponent: React.ComponentType<BaseView.RowProps>;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+    /** A setCellElementsMeta callback */
+    setCellElementsMeta: (cellElementsMeta: CellElementsMeta) => void;
+  }
+  /** Describes properties passed to a component that renders a time table cell. */
+  interface TimeTableCellProps {
+    /** Specifies the cell a start time. */
+    startDate?: Date;
+    /** Specifies the cell end time. */
+    endDate?: Date;
+    /** A React node used to render the time table cell content. */
+    children?: React.ReactNode;
+  }
+  /** Describes properties passed to a component that renders a day scale empty cell. */
+  interface DayScaleEmptyCellProps {
+    /** A React node used to render the row content. */
+    children?: React.ReactNode;
+  }
+  /** Describes properties passed to a component that renders a time scale layout. */
+  interface TimeScaleLayoutProps {
+    /** Specifies the cells meta data. */
+    cellsData: BaseView.CellData[][];
+    /** A component that renders a time scale cell. */
+    labelComponent: React.ComponentType<BaseView.TimeScaleLabelProps>;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+  }
+  /** Describes properties passed to a component that renders a time scale label. */
+  interface TimeScaleLabelProps {
+    /** Specifies the label's time. */
+    time?: Date;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+  }
+  /** Describes properties passed to a component that renders a day scale layout. */
+  interface DayScaleLayoutProps {
+    /** Specifies the cells meta data. */
+    cellsData: BaseView.CellData[][];
+    /** A component that renders a day scale cell. */
+    cellComponent: React.ComponentType<BaseView.DayScaleCellProps>;
+    /** A component that renders a day scale row. */
+    rowComponent: React.ComponentType<BaseView.RowProps>;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+  }
+  /** Describes properties passed to a component that renders a day scale cell. */
+  interface DayScaleCellProps {
+    /** Specifies the cell end time. */
+    startDate: Date;
+    /** Specifies the cell start time. */
+    endDate?: Date;
+    /** Indicates whether the cell’s date is today. */
+    today?: boolean;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+  }
+  /** Describes properties passed to a component that renders the appointment layer. */
+  interface AppointmentLayerProps {
+    /** A React node used to render the appointment layer content. */
+    children?: React.ReactNode;
+  }
+  /** Describes properties passed to a component that renders a day view row. */
+  interface RowProps {
+    /** A React node used to render the row content. */
+    children?: React.ReactNode;
+  }
+  /** Describes a cell data configuration object. */
+  interface CellData {
+    /** Specifies the cell start time. */
+    startDate: Date;
+    /** Specifies the cell end time. */
+    endDate: Date;
+    /** Indicates whether the cell’s date is today. */
+    today: boolean;
+  }
+}
 
@@ -557,13 +630,15 @@ export namespace Toolbar {
     showDeleteButton: boolean;
-    /** A command button’s identifier list. */
+    /** The command button’s identifier list. */
     commandButtonIds: Array<string>;
     /** An event raised when the Open button is clicked. The event handler should open the appointment form. */
     onOpenButtonClick?: () => void;
-    /** An event raised when the Open button is clicked. The event handler should delete an appointment. */
+    /** An event raised when the Delete button is clicked. The event handler should delete an appointment. */
     onDeleteButtonClick?: () => void;
     /** The appointment’s displayed metadata. */
     appointmentMeta?: AppointmentMeta;
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
     /** Specifies the tooltip’s visibility. */
     visible?: boolean;
-    /** An event that hides the tooltip. */
+    /** An event raised when the tooltip hides. */
     onHide?: () => void;
@@ -576,2 +651,4 @@ /** A component that renders the tooltip header. */
     commandButtonComponent: React.ComponentType<AppointmentTooltip.CommandButtonProps>;
+    /** A component that renders an icon for recurring appointments inside the AppointmentTooltip. */
+    recurringIconComponent: React.ComponentType<object>;
   }
@@ -582,3 +659,19 @@ /** Describes properties passed to a component that renders the tooltip header. */
     appointmentData?: AppointmentModel;
-    /** A React node used to render the tooltip header. */
+    /** Specifies the Open button’s visibility. */
+    showOpenButton: boolean;
+    /** Specifies the Close button’s visibility. */
+    showCloseButton: boolean;
+    /** Specifies the Delete button’s visibility. */
+    showDeleteButton: boolean;
+    /** The command button’s identifier list. */
+    commandButtonIds: Array<string>;
+    /** An event raised when the Open button is clicked. The event handler should open the appointment form. */
+    onOpenButtonClick?: () => void;
+    /** An event raised when the Delete button is clicked. The event handler should delete an appointment. */
+    onDeleteButtonClick?: () => void;
+    /** An event raised when the tooltip hides. */
+    onHide?: () => void;
+    /** A component that renders a command button. */
+    commandButtonComponent: React.ComponentType<AppointmentTooltip.CommandButtonProps>;
+    /** A React node that renders custom elements in the tooltip header. */
     children?: React.ReactNode;
@@ -590,3 +683,7 @@ }
     appointmentData?: AppointmentModel;
-    /** A React node used to render the tooltip content. */
+    /** A function that formats dates according to the locale. */
+    formatDate: FormatterFn;
+    /** A component that renders an icon that indicates a recurring appointment. */
+    recurringIconComponent: React.ComponentType<object>;
+    /** A React node that renders custom elements in the tooltip. */
     children?: React.ReactNode;
@@ -625,2 +722,4 @@ }
   commandButtonComponent: React.ComponentType<AppointmentTooltip.CommandButtonProps>;
+  /** A component that renders an icon that indicates a recurring appointment. */
+  recurringIconComponent: React.ComponentType<object>;
 }
@@ -661,4 +760,6 @@
     fullSize: boolean;
-    /** Specifies whether to disable the SaveButton. */
+    /** Specifies whether to disable the Save button. */
     disableSaveButton?: boolean;
+    /** Specifies whether to hide the Delete button. */
+    hideDeleteButton?: boolean;
     /** An event raised when the Commit button is clicked. The event handler should commit an appointment changes. */
@@ -1154,2 +1255,9 @@ onCommitButtonClick: () => void;
         formatDate: FormatterFn;
+        /**
+          * The appointment's duration type: `"short"`
+          * (the appointment occupies half of a timetable cell or less),
+          * `"middle"` (occupies the entire cell), or `"long"`
+          * (occupies more than one cell).
+          */
+        durationType: 'short' | 'middle' | 'long';
     }
@@ -1245,4 +1353,7 @@ /***
 }
+/** Describes an AllDay cell data configuration object. */
 export declare type AllDayCell = {
+  /** The cell’s start time. */
   startDate: SchedulerDateTime;
+  /** The cell’s end time. */
   endDate: SchedulerDateTime;
@@ -1249,0 +1360,0 @@ };

package.json

 {
   "name": "@devexpress/dx-react-scheduler",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "Composable plugin-based scheduler component for React",
@@ -49,20 +49,20 @@ "author": {
   "devDependencies": {
-    "@babel/core": "^7.6.3",
+    "@babel/core": "^7.6.4",
     "@babel/plugin-transform-runtime": "^7.6.2",
     "@babel/preset-env": "^7.6.3",
     "@babel/preset-react": "^7.6.3",
-    "@devexpress/dx-core": "2.1.2",
-    "@devexpress/dx-react-core": "2.1.2",
-    "@devexpress/dx-testing": "2.1.2",
+    "@devexpress/dx-core": "2.2.0",
+    "@devexpress/dx-react-core": "2.2.0",
+    "@devexpress/dx-testing": "2.2.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^24.9.0",
-    "core-js": "^3.2.1",
+    "core-js": "^3.3.3",
     "enzyme": "3.10.0",
-    "enzyme-adapter-react-16": "^1.14.0",
-    "enzyme-to-json": "^3.4.2",
+    "enzyme-adapter-react-16": "^1.15.1",
+    "enzyme-to-json": "^3.4.3",
     "jest": "^24.9.0",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "react-test-renderer": "^16.10.2",
-    "rollup": "^1.23.1",
+    "react": "^16.11.0",
+    "react-dom": "^16.11.0",
+    "react-test-renderer": "^16.11.0",
+    "rollup": "^1.25.2",
     "rollup-plugin-license": "^0.12.1",
@@ -72,10 +72,10 @@ "ts-jest": "^24.1.0",
     "tslint-config-airbnb": "^5.11.2",
-    "typescript": "3.6.3"
+    "typescript": "3.6.4"
   },
   "dependencies": {
-    "@devexpress/dx-scheduler-core": "2.1.2"
+    "@devexpress/dx-scheduler-core": "2.2.0"
   },
   "peerDependencies": {
-    "@devexpress/dx-core": "2.1.2",
-    "@devexpress/dx-react-core": "2.1.2",
+    "@devexpress/dx-core": "2.2.0",
+    "@devexpress/dx-react-core": "2.2.0",
     "moment": "^2.24.0",
@@ -85,3 +85,3 @@ "react": ">=16.10.2",
   },
-  "gitHead": "361500b45399d55a6e14e1715fc3c5cb31dca9a4"
+  "gitHead": "37b764de0581f1a35ac25181309d57a5fbe0da69"
 }

README.md

 # DevExtreme React Scheduler
 
-Project status: **CTP**
+Project status: **Beta**
 
@@ -5,0 +5,0 @@ DevExtreme React Scheduler is a component that displays appointments from a local or remote source.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Lines of code

4700

increased by0.6%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

610886

decreased by-2.52%

Dependency changes

• + Added@devexpress/dx-core@2.2.0(transitive)

• + Added@devexpress/dx-react-core@2.2.0(transitive)

• + Added@devexpress/dx-scheduler-core@2.2.0(transitive)

• - Removed@devexpress/dx-core@2.1.2(transitive)

• - Removed@devexpress/dx-react-core@2.1.2(transitive)

• - Removed@devexpress/dx-scheduler-core@2.1.2(transitive)

• Updated@devexpress/dx-scheduler-core@2.2.0