@kashifsaadat/react-scheduler 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -47,6 +47,11 @@ export declare type Config = {
     maxZoom?: (typeof allZoomLevel)[number];
     dateFormat?: string;
     timeFormat?: string;
+    /**
+     * Enable drag and resize functionality for tiles
+     * @default false
+     */
+    editable?: boolean;
 };
 
 declare type LangCodes = "en" | "pl" | "de" | "lt";
@@ -63,7 +68,7 @@ declare type ParsedDatesRange = {
     endDate: Date;
 };
 
-export declare const Scheduler: ({ data, config, startDate, onRangeChange, onVisibleViewportChange, onTileClick, onFilterData, onClearFilterData, onItemClick, isLoading }: SchedulerProps) => JSX.Element;
+export declare const Scheduler: ({ data, config, startDate, onRangeChange, onVisibleViewportChange, onZoomChange, onTileClick, onFilterData, onClearFilterData, onItemClick, onTileUpdate, isLoading }: SchedulerProps) => JSX.Element;
 
 export declare type SchedulerData = SchedulerRow[];
 
@@ -111,10 +116,17 @@ export declare type SchedulerProps = {
     startDate?: string;
     onRangeChange?: (range: ParsedDatesRange) => void;
     onVisibleViewportChange?: (viewport: ParsedDatesRange) => void;
+    onZoomChange?: (zoom: 0 | 1 | 2) => void;
     onTileClick?: (data: SchedulerProjectData) => void;
     onFilterData?: () => void;
     onClearFilterData?: () => void;
     onItemClick?: (data: SchedulerItemClickData) => void;
+    /**
+     * Callback when a tile is updated via drag or resize.
+     * Only called when config.editable is true.
+     * Returns the tile id, new start date, and new end date.
+     */
+    onTileUpdate?: (payload: TileUpdatePayload) => void;
 };
 
 declare type SchedulerRow = {
@@ -134,6 +146,12 @@ declare type Theme = {
     dark?: Partial<Record<ColorType, string>>;
 };
 
+export declare type TileUpdatePayload = {
+    id: string;
+    startDate: Date;
+    endDate: Date;
+};
+
 declare type Topbar = {
     filters: string;
     next: string;