devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/scheduler.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,10 +11,10 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-/// <reference types="react" />
+import * as React from "react";
+import { Ref, ReactElement } from "react";
 import dxScheduler, { Properties } from "devextreme/ui/scheduler";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import NestedOption from "./core/nested-option";
+import { IHtmlOptions, IElementDescriptor } from "./core/component";
 import type { AppointmentAddedEvent, AppointmentAddingEvent, AppointmentClickEvent, AppointmentContextMenuEvent, AppointmentDblClickEvent, AppointmentDeletedEvent, AppointmentDeletingEvent, AppointmentFormOpeningEvent, AppointmentRenderedEvent, AppointmentTooltipShowingEvent, AppointmentUpdatedEvent, AppointmentUpdatingEvent, CellClickEvent, CellContextMenuEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, AppointmentTemplateData, AppointmentTooltipTemplateData, dxSchedulerScrolling } from "devextreme/ui/scheduler";
 import type { event } from "devextreme/events/index";
 import type { DataSourceOptions } from "devextreme/data/data_source";
@@ -23,10 +23,10 @@ import type { template } from "devextreme/core/templates/template";
 import type dxSortable from "devextreme/ui/sortable";
 import type dxDraggable from "devextreme/ui/draggable";
 import type DataSource from "devextreme/data/data_source";
-declare type ReplaceFieldTypes<TSource, TReplacement> = {
+type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type ISchedulerOptionsNarrowedEvents = {
+type ISchedulerOptionsNarrowedEvents = {
     onAppointmentAdded?: ((e: AppointmentAddedEvent) => void);
     onAppointmentAdding?: ((e: AppointmentAddingEvent) => void);
     onAppointmentClick?: ((e: AppointmentClickEvent) => void);
@@ -45,75 +45,35 @@ declare type ISchedulerOptionsNarrowedEvents = {
     onDisposing?: ((e: DisposingEvent) => void);
     onInitialized?: ((e: InitializedEvent) => void);
 };
-declare type ISchedulerOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, ISchedulerOptionsNarrowedEvents> & IHtmlOptions & {
+type ISchedulerOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, ISchedulerOptionsNarrowedEvents> & IHtmlOptions & {
     appointmentCollectorRender?: (...params: any) => React.ReactNode;
     appointmentCollectorComponent?: React.ComponentType<any>;
-    appointmentCollectorKeyFn?: (data: any) => string;
     appointmentRender?: (...params: any) => React.ReactNode;
     appointmentComponent?: React.ComponentType<any>;
-    appointmentKeyFn?: (data: any) => string;
     appointmentTooltipRender?: (...params: any) => React.ReactNode;
     appointmentTooltipComponent?: React.ComponentType<any>;
-    appointmentTooltipKeyFn?: (data: any) => string;
     dataCellRender?: (...params: any) => React.ReactNode;
     dataCellComponent?: React.ComponentType<any>;
-    dataCellKeyFn?: (data: any) => string;
     dateCellRender?: (...params: any) => React.ReactNode;
     dateCellComponent?: React.ComponentType<any>;
-    dateCellKeyFn?: (data: any) => string;
     dropDownAppointmentRender?: (...params: any) => React.ReactNode;
     dropDownAppointmentComponent?: React.ComponentType<any>;
-    dropDownAppointmentKeyFn?: (data: any) => string;
     resourceCellRender?: (...params: any) => React.ReactNode;
     resourceCellComponent?: React.ComponentType<any>;
-    resourceCellKeyFn?: (data: any) => string;
     timeCellRender?: (...params: any) => React.ReactNode;
     timeCellComponent?: React.ComponentType<any>;
-    timeCellKeyFn?: (data: any) => string;
     defaultCurrentDate?: Date | number | string;
     defaultCurrentView?: "agenda" | "day" | "month" | "timelineDay" | "timelineMonth" | "timelineWeek" | "timelineWorkWeek" | "week" | "workWeek";
     onCurrentDateChange?: (value: Date | number | string) => void;
     onCurrentViewChange?: (value: "agenda" | "day" | "month" | "timelineDay" | "timelineMonth" | "timelineWeek" | "timelineWorkWeek" | "week" | "workWeek") => void;
 }>;
-declare class Scheduler extends BaseComponent<React.PropsWithChildren<ISchedulerOptions>> {
-    get instance(): dxScheduler;
-    protected _WidgetClass: typeof dxScheduler;
-    protected subscribableOptions: string[];
-    protected independentEvents: string[];
-    protected _defaults: {
-        defaultCurrentDate: string;
-        defaultCurrentView: string;
-    };
-    protected _expectedChildren: {
-        appointmentDragging: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        editing: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        resource: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        scrolling: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        view: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    protected _templateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
+interface SchedulerRef {
+    instance: () => dxScheduler;
 }
-declare type IAppointmentDraggingProps = React.PropsWithChildren<{
+declare const Scheduler: (props: React.PropsWithChildren<ISchedulerOptions> & {
+    ref?: Ref<SchedulerRef>;
+}) => ReactElement | null;
+type IAppointmentDraggingProps = React.PropsWithChildren<{
     autoScroll?: boolean;
     data?: any;
     group?: string;
@@ -170,10 +130,9 @@ declare type IAppointmentDraggingProps = React.PropsWithChildren<{
     scrollSensitivity?: number;
     scrollSpeed?: number;
 }>;
-declare class AppointmentDragging extends NestedOption<IAppointmentDraggingProps> {
-    static OptionName: string;
-}
-declare type IEditingProps = React.PropsWithChildren<{
+declare const _componentAppointmentDragging: React.MemoExoticComponent<(props: IAppointmentDraggingProps) => React.FunctionComponentElement<IAppointmentDraggingProps>>;
+declare const AppointmentDragging: typeof _componentAppointmentDragging & IElementDescriptor;
+type IEditingProps = React.PropsWithChildren<{
     allowAdding?: boolean;
     allowDeleting?: boolean;
     allowDragging?: boolean;
@@ -181,10 +140,9 @@ declare type IEditingProps = React.PropsWithChildren<{
     allowTimeZoneEditing?: boolean;
     allowUpdating?: boolean;
 }>;
-declare class Editing extends NestedOption<IEditingProps> {
-    static OptionName: string;
-}
-declare type IResourceProps = React.PropsWithChildren<{
+declare const _componentEditing: React.MemoExoticComponent<(props: IEditingProps) => React.FunctionComponentElement<IEditingProps>>;
+declare const Editing: typeof _componentEditing & IElementDescriptor;
+type IResourceProps = React.PropsWithChildren<{
     allowMultiple?: boolean;
     colorExpr?: string;
     dataSource?: Array<any> | DataSource | DataSourceOptions | null | Store | string;
@@ -194,17 +152,14 @@ declare type IResourceProps = React.PropsWithChildren<{
     useColorAsDefault?: boolean;
     valueExpr?: (() => void) | string;
 }>;
-declare class Resource extends NestedOption<IResourceProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IScrollingProps = React.PropsWithChildren<{
+declare const _componentResource: React.MemoExoticComponent<(props: IResourceProps) => React.FunctionComponentElement<IResourceProps>>;
+declare const Resource: typeof _componentResource & IElementDescriptor;
+type IScrollingProps = React.PropsWithChildren<{
     mode?: "standard" | "virtual";
 }>;
-declare class Scrolling extends NestedOption<IScrollingProps> {
-    static OptionName: string;
-}
-declare type IViewProps = React.PropsWithChildren<{
+declare const _componentScrolling: React.MemoExoticComponent<(props: IScrollingProps) => React.FunctionComponentElement<IScrollingProps>>;
+declare const Scrolling: typeof _componentScrolling & IElementDescriptor;
+type IViewProps = React.PropsWithChildren<{
     agendaDuration?: number;
     allDayPanelMode?: "all" | "allDay" | "hidden";
     appointmentCollectorTemplate?: ((data: {
@@ -240,46 +195,24 @@ declare type IViewProps = React.PropsWithChildren<{
     type?: "agenda" | "day" | "month" | "timelineDay" | "timelineMonth" | "timelineWeek" | "timelineWorkWeek" | "week" | "workWeek";
     appointmentCollectorRender?: (...params: any) => React.ReactNode;
     appointmentCollectorComponent?: React.ComponentType<any>;
-    appointmentCollectorKeyFn?: (data: any) => string;
     appointmentRender?: (...params: any) => React.ReactNode;
     appointmentComponent?: React.ComponentType<any>;
-    appointmentKeyFn?: (data: any) => string;
     appointmentTooltipRender?: (...params: any) => React.ReactNode;
     appointmentTooltipComponent?: React.ComponentType<any>;
-    appointmentTooltipKeyFn?: (data: any) => string;
     dataCellRender?: (...params: any) => React.ReactNode;
     dataCellComponent?: React.ComponentType<any>;
-    dataCellKeyFn?: (data: any) => string;
     dateCellRender?: (...params: any) => React.ReactNode;
     dateCellComponent?: React.ComponentType<any>;
-    dateCellKeyFn?: (data: any) => string;
     dropDownAppointmentRender?: (...params: any) => React.ReactNode;
     dropDownAppointmentComponent?: React.ComponentType<any>;
-    dropDownAppointmentKeyFn?: (data: any) => string;
     resourceCellRender?: (...params: any) => React.ReactNode;
     resourceCellComponent?: React.ComponentType<any>;
-    resourceCellKeyFn?: (data: any) => string;
     timeCellRender?: (...params: any) => React.ReactNode;
     timeCellComponent?: React.ComponentType<any>;
-    timeCellKeyFn?: (data: any) => string;
 }>;
-declare class View extends NestedOption<IViewProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static ExpectedChildren: {
-        scrolling: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
+declare const _componentView: React.MemoExoticComponent<(props: IViewProps) => React.FunctionComponentElement<IViewProps>>;
+declare const View: typeof _componentView & IElementDescriptor;
 export default Scheduler;
-export { Scheduler, ISchedulerOptions, AppointmentDragging, IAppointmentDraggingProps, Editing, IEditingProps, Resource, IResourceProps, Scrolling, IScrollingProps, View, IViewProps };
+export { Scheduler, ISchedulerOptions, SchedulerRef, AppointmentDragging, IAppointmentDraggingProps, Editing, IEditingProps, Resource, IResourceProps, Scrolling, IScrollingProps, View, IViewProps };
 import type * as SchedulerTypes from 'devextreme/ui/scheduler_types';
 export { SchedulerTypes };