@timelinekit/react 1.0.1 → 1.0.3

package/LICENSE

@@ -0,0 +1,46 @@
+TimelineKit Commercial License
+
+Copyright (c) 2025-present TimelineKit. All rights reserved.
+
+This software is licensed under the TimelineKit Commercial License.
+
+1. FREE TIER
+
+   You may use the Free tier of TimelineKit in any project (including commercial
+   projects) without purchasing a license. The Free tier includes core Gantt
+   chart functionality with a watermark overlay.
+
+2. PRO TIER
+
+   A paid license key is required to unlock Pro features and remove the
+   watermark. Pro features include: Critical Path, Baseline, Resource
+   Management, Working Calendar, Markers, Filtering, Undo/Redo, Clipboard,
+   Constraints, Custom Properties, Resource Scheduler, Export, Additional
+   Themes, and Additional Locales.
+
+3. PERPETUAL LICENSE
+
+   A purchased license is perpetual for the major version it was purchased for.
+   It never expires and does not require renewal to continue using the same
+   major version.
+
+   If a new major version is released during the active subscription period,
+   the license also covers that new version — perpetually.
+
+   If a new major version is released after the subscription period has ended,
+   a subscription renewal is required to use that new version.
+
+4. RESTRICTIONS
+
+   You may not:
+   - Redistribute, sublicense, or resell the Pro software or license keys
+   - Remove or circumvent the licensing mechanism or watermark
+   - Use a single license key across multiple organizations
+
+5. NO WARRANTY
+
+   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+   IMPLIED. IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES, OR
+   OTHER LIABILITY ARISING FROM THE USE OF THE SOFTWARE.
+
+For questions, contact support@timelinekit.com.

package/README.md

@@ -0,0 +1,145 @@
+# @timelinekit/react
+
+React components for [TimelineKit](https://timelinekit.com) — high-performance, canvas-rendered scheduling components.
+
+For a full feature overview, themes, localization, and export options, see the [`@timelinekit/core` README](https://www.npmjs.com/package/@timelinekit/core).
+
+## Installation
+
+```bash
+npm install @timelinekit/react @timelinekit/core
+```
+
+Requires React 18 or later.
+
+## Components
+
+| Component | Import | Ref Type | Styles Import |
+|-----------|--------|----------|---------------|
+| Gantt Chart | `GanttChart` | `GanttChartRef` | `@timelinekit/core/styles` |
+| Resource Scheduler | `ResourceScheduler` | `ResourceSchedulerRef` | `@timelinekit/core/styles` |
+| Event Calendar | `EventCalendar` | `EventCalendarRef` | `@timelinekit/core/styles` |
+
+All types from `@timelinekit/core` are re-exported from this package for convenience.
+
+## Quick Start
+
+### Gantt Chart
+
+```tsx
+import { useRef, useEffect } from 'react';
+import { GanttChart, GanttChartRef, Task, TaskLink } from '@timelinekit/react';
+import '@timelinekit/core/styles';
+
+function App() {
+  const ref = useRef<GanttChartRef>(null);
+
+  useEffect(() => {
+    const gantt = ref.current!;
+    const taskA = gantt.list.addTask(new Task({ id: '1', name: 'Design', startTime: '2027-01-05', endTime: '2027-01-09' }));
+    const taskB = gantt.list.addTask(new Task({ id: '2', name: 'Development', startTime: '2027-01-12', endTime: '2027-01-23' }));
+    gantt.list.addLink(new TaskLink({ id: 'l1', from: taskA, to: taskB, type: 'finishToStart' }));
+    gantt.zoomToFit();
+  }, []);
+
+  return <GanttChart ref={ref} style={{ height: '600px' }} />;
+}
+```
+
+### Resource Scheduler
+
+```tsx
+import { useRef, useEffect } from 'react';
+import { ResourceScheduler, ResourceSchedulerRef, SchedulerResource, SchedulerEvent } from '@timelinekit/react';
+import '@timelinekit/core/styles';
+
+function App() {
+  const ref = useRef<ResourceSchedulerRef>(null);
+
+  useEffect(() => {
+    const scheduler = ref.current!;
+    const resource = scheduler.data.addResource(new SchedulerResource({ id: '1', name: 'Room A' }));
+    scheduler.data.addEvent(new SchedulerEvent({
+      id: 'e1',
+      resourceId: resource.id,
+      name: 'Meeting',
+      startTime: '2027-01-05T09:00',
+      endTime: '2027-01-05T10:30',
+    }));
+  }, []);
+
+  return <ResourceScheduler ref={ref} style={{ height: '600px' }} />;
+}
+```
+
+### Event Calendar
+
+```tsx
+import { useRef, useEffect } from 'react';
+import { EventCalendar, EventCalendarRef, CalendarItem } from '@timelinekit/react';
+import '@timelinekit/core/styles';
+
+function App() {
+  const ref = useRef<EventCalendarRef>(null);
+
+  useEffect(() => {
+    const calendar = ref.current!;
+    calendar.data.addItem(new CalendarItem({
+      id: '1',
+      name: 'Team Standup',
+      startTime: '2027-01-05T09:00',
+      endTime: '2027-01-05T09:30',
+      type: 'Meeting',
+    }));
+  }, []);
+
+  return <EventCalendar ref={ref} style={{ height: '600px' }} />;
+}
+```
+
+## API Access
+
+Each component exposes its API through a ref:
+
+```tsx
+const ref = useRef<GanttChartRef>(null);
+
+ref.current.list.addTask(...);
+ref.current.zoomIn();
+ref.current.undo();
+ref.current.exportToImage();
+```
+
+## Styling
+
+Import the combined stylesheet for all components:
+
+```typescript
+import '@timelinekit/core/styles';
+```
+
+To import only a specific component, use `@timelinekit/core/styles/gc`, `styles/rs`, or `styles/ec`.
+SCSS sources are available via `@timelinekit/core/styles/scss`.
+
+## Licensing
+
+TimelineKit is free to use with a watermark. Purchase a license to remove it:
+
+```typescript
+import { setLicense } from '@timelinekit/react';
+
+setLicense('your-license-key');
+```
+
+See [pricing](https://timelinekit.com/pricing) for details.
+
+## Resources
+
+- [Documentation](https://timelinekit.com/docs)
+- [Live Demos](https://timelinekit.com/gantt-chart/demo)
+- [Examples](https://github.com/timelinekit/examples)
+- [Support](mailto:support@timelinekit.com)
+
+## License
+
+See [LICENSE](./LICENSE) for details.

package/dist/__tests__/eventcalendar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/eventcalendar.component.d.ts

@@ -0,0 +1,39 @@
+import { EventCalendarEngine, CalendarData, CalendarEntry, EventCalendarEvents, EventCalendarSettings } from '@timelinekit/core';
+import type { ViewMode, EntryRenderFn, EntryTooltipFn, CalendarImageExportOptions, CalendarPdfExportOptions, CalendarIcsExportOptions, CalendarIcsImportOptions, CalendarIcsImportResult, CalendarCsvExportOptions, CalendarExcelExportOptions } from '@timelinekit/core';
+export interface EventCalendarProps {
+    onReady?: () => void;
+}
+export interface EventCalendarRef {
+    readonly data: CalendarData;
+    readonly events: EventCalendarEvents;
+    readonly settings: EventCalendarSettings;
+    readonly canUndo$: EventCalendarEngine['canUndo$'];
+    readonly canRedo$: EventCalendarEngine['canRedo$'];
+    viewMode: ViewMode;
+    currentDate: Date;
+    selectedEntries: CalendarEntry[];
+    selectedEntry: CalendarEntry | null;
+    canEdit: boolean;
+    sidebarVisible: boolean;
+    entryRendering: EntryRenderFn | null;
+    entryTooltip: EntryTooltipFn | null;
+    today(): void;
+    next(): void;
+    previous(): void;
+    goToDate(date: Date): void;
+    undo(): void;
+    redo(): void;
+    save(): string;
+    load(text: string): void;
+    copyEntries(entries?: CalendarEntry[]): Promise<void>;
+    cutEntries(entries?: CalendarEntry[]): Promise<void>;
+    pasteEntries(): Promise<void>;
+    exportToImage(options?: CalendarImageExportOptions): Promise<Blob>;
+    exportToPdf(options?: CalendarPdfExportOptions): Promise<Blob>;
+    exportToIcs(options?: CalendarIcsExportOptions): Blob;
+    exportToIcsText(options?: CalendarIcsExportOptions): string;
+    importFromIcs(text: string, options?: CalendarIcsImportOptions): CalendarIcsImportResult;
+    exportToCsv(options?: CalendarCsvExportOptions): string;
+    exportToExcel(options?: CalendarExcelExportOptions): Promise<Blob>;
+}
+export declare const EventCalendar: import("react").ForwardRefExoticComponent<EventCalendarProps & import("react").RefAttributes<EventCalendarRef>>;

package/dist/ganttchart.component.d.ts

@@ -1,10 +1,14 @@
-import { GanttChartEngine, TaskList, ResourceList, WorkingCalendar, Sheet, DateRange, GanttChartEvents, GanttChartSettings, Task } from '@ganttkit/core';
-import type { Marker, CsvExportOptions, PdfExportOptions, ExcelExportOptions, TaskFilterFn, TasksPastedEventArgs, ColumnState } from '@ganttkit/core';
+import { GanttChartEngine, TaskList, ResourceList, WorkingCalendar, GanttSheet, DateRange, GanttChartEvents, GanttChartSettings, Task } from '@timelinekit/core';
+import type { Marker, GanttCsvExportOptions, GanttPdfExportOptions, GanttExcelExportOptions, TaskFilterFn, TasksPastedEventArgs, ColumnState, TimelineKitLocale } from '@timelinekit/core';
+export interface GanttChartProps {
+    onReady?: () => void;
+}
 export interface GanttChartRef {
     readonly list: TaskList;
     readonly resources: ResourceList;
     workingCalendar: WorkingCalendar;
     canEdit: boolean;
+    autoZoomToFit: boolean;
     showGridLines: boolean;
     showCriticalPath: boolean;
     showBaseline: boolean;
@@ -13,9 +17,10 @@ export interface GanttChartRef {
     filter: TaskFilterFn | null;
     readonly hasBaseline: boolean;
     readonly selectedTasks: Task[];
-    readonly projectTimeline: DateRange;
+    projectTimeline: DateRange;
+    locale: TimelineKitLocale;
     readonly settings: GanttChartSettings;
-    readonly sheet: Sheet;
+    readonly sheet: GanttSheet;
     readonly events: GanttChartEvents;
     readonly canUndo$: GanttChartEngine['canUndo$'];
     readonly canRedo$: GanttChartEngine['canRedo$'];
@@ -42,11 +47,11 @@ export interface GanttChartRef {
     save(): string;
     load(text: string): void;
     exportToImage(): Promise<Blob>;
-    exportToCsv(options?: CsvExportOptions): string;
-    exportToPdf(options?: PdfExportOptions): Promise<Blob>;
-    exportToExcel(options?: ExcelExportOptions): Promise<Blob>;
+    exportToCsv(options?: GanttCsvExportOptions): string;
+    exportToPdf(options?: GanttPdfExportOptions): Promise<Blob>;
+    exportToExcel(options?: GanttExcelExportOptions): Promise<Blob>;
     copy(): Promise<void>;
     cut(): Promise<void>;
     paste(): Promise<TasksPastedEventArgs | null>;
 }
-export declare const GanttChart: import("react").ForwardRefExoticComponent<import("react").RefAttributes<GanttChartRef>>;
+export declare const GanttChart: import("react").ForwardRefExoticComponent<GanttChartProps & import("react").RefAttributes<GanttChartRef>>;

package/dist/index.d.ts

@@ -1,4 +1,7 @@
 export { GanttChart } from './ganttchart.component';
-export type { GanttChartRef } from './ganttchart.component';
+export type { GanttChartProps, GanttChartRef } from './ganttchart.component';
 export { ResourceScheduler } from './resourcescheduler.component';
-export type { ResourceSchedulerRef } from './resourcescheduler.component';
+export type { ResourceSchedulerProps, ResourceSchedulerRef } from './resourcescheduler.component';
+export { EventCalendar } from './eventcalendar.component';
+export type { EventCalendarProps, EventCalendarRef } from './eventcalendar.component';
+export * from '@timelinekit/core';

package/dist/index.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useRef as t,useEffect as n,useImperativeHandle as o}from"react";import{GanttChartEngine as c,ResourceSchedulerEngine as u}from"@ganttkit/core";const s=r(function(r,u){const s=t(null),a=t(null);return n(()=>{s.current&&!a.current&&(a.current=new c(s.current))},[]),o(u,()=>({get list(){return a.current.list},get resources(){return a.current.resources},get workingCalendar(){return a.current.calendar$.getValue()},set workingCalendar(e){a.current.calendar$.next(e)},get canEdit(){return a.current.canEdit},set canEdit(e){a.current.canEdit=e},get showGridLines(){return a.current.showGridLines},set showGridLines(e){a.current.showGridLines=e},get showCriticalPath(){return a.current.showCriticalPath},set showCriticalPath(e){a.current.showCriticalPath=e},get showBaseline(){return a.current.showBaseline},set showBaseline(e){a.current.showBaseline=e},get showTodayLine(){return a.current.showTodayLine},set showTodayLine(e){a.current.showTodayLine=e},get markers(){return a.current.markers},set markers(e){a.current.markers=e},get filter(){return a.current.filter},set filter(e){a.current.filter=e},get hasBaseline(){return a.current.hasBaseline},get selectedTasks(){return a.current.selectedTasks},get projectTimeline(){return a.current.projectTimeline},set projectTimeline(e){a.current.projectTimeline=e},get settings(){return a.current.settings},get sheet(){return a.current.sheet},get events(){return a.current.events},get canUndo$(){return a.current.canUndo$},get canRedo$(){return a.current.canRedo$},zoomIn:()=>a.current.zoomIn(),zoomOut:()=>a.current.zoomOut(),indent:()=>a.current.indent(),outdent:()=>a.current.outdent(),moveUp:()=>a.current.moveUp(),moveDown:()=>a.current.moveDown(),goToProjectStart:()=>a.current.goToProjectStart(),scrollToDate:e=>a.current.scrollToDate(e),scrollToTask:e=>a.current.scrollToTask(e),zoomToFit:e=>a.current.zoomToFit(e),addMarker:e=>a.current.addMarker(e),removeMarker:e=>a.current.removeMarker(e),clearMarkers:()=>a.current.clearMarkers(),clearFilter:()=>a.current.clearFilter(),saveColumns:()=>a.current.saveColumns(),loadColumns:e=>a.current.loadColumns(e),undo:()=>a.current.undo(),redo:()=>a.current.redo(),saveBaseline:()=>a.current.saveBaseline(),clearBaseline:()=>a.current.clearBaseline(),save:()=>a.current.save(),load:e=>a.current.load(e),exportToImage:()=>a.current.exportToImage(),exportToCsv:e=>a.current.exportToCsv(e),exportToPdf:e=>a.current.exportToPdf(e),exportToExcel:e=>a.current.exportToExcel(e),copy:()=>a.current.copy(),cut:()=>a.current.cut(),paste:()=>a.current.paste()})),e("div",{ref:s,style:{width:"100%",height:"100%"}})}),a=r(function(r,c){const s=t(null),a=t(null);return n(()=>{s.current&&!a.current&&(a.current=new u(s.current))},[]),o(c,()=>({get data(){return a.current.data},get workingCalendar(){return a.current.calendar$.getValue()},set workingCalendar(e){a.current.calendar$.next(e)},get canEdit(){return a.current.canEdit},set canEdit(e){a.current.canEdit=e},get showGridLines(){return a.current.showGridLines},set showGridLines(e){a.current.showGridLines=e},get showTodayLine(){return a.current.showTodayLine},set showTodayLine(e){a.current.showTodayLine=e},get projectTimeline(){return a.current.projectTimeline},set projectTimeline(e){a.current.projectTimeline=e},get selectedResources(){return a.current.selectedResources},get settings(){return a.current.settings},get sheet(){return a.current.sheet},get events(){return a.current.events},zoomIn:()=>a.current.zoomIn(),zoomOut:()=>a.current.zoomOut(),goToProjectStart:()=>a.current.goToProjectStart(),scrollToDate:e=>a.current.scrollToDate(e),scrollToResource:e=>a.current.scrollToResource(e),zoomToFit:()=>a.current.zoomToFit(),freezeResource:e=>a.current.freezeResource(e),unfreezeResource:e=>a.current.unfreezeResource(e),isResourceFrozen:e=>a.current.isResourceFrozen(e),save:()=>a.current.save(),load:e=>a.current.load(e),saveColumns:()=>a.current.saveColumns(),loadColumns:e=>a.current.loadColumns(e)})),e("div",{ref:s,style:{width:"100%",height:"100%"}})});export{s as GanttChart,a as ResourceScheduler};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useRef as t,useLayoutEffect as n,useEffect as o,useImperativeHandle as c}from"react";import{GanttChartEngine as u,ResourceSchedulerEngine as s,EventCalendarEngine as a}from"@timelinekit/core";export*from"@timelinekit/core";const i=r(function({onReady:r},s){const a=t(null),i=t(null);return n(()=>(a.current&&!i.current&&(i.current=new u(a.current)),()=>{i.current?.destroy(),i.current=null}),[]),o(()=>{r?.()},[]),c(s,()=>({get list(){return i.current.list},get resources(){return i.current.resources},get workingCalendar(){return i.current.calendar$.getValue()},set workingCalendar(e){i.current.calendar$.next(e)},get canEdit(){return i.current.canEdit},set canEdit(e){i.current.canEdit=e},get autoZoomToFit(){return i.current.autoZoomToFit},set autoZoomToFit(e){i.current.autoZoomToFit=e},get showGridLines(){return i.current.showGridLines},set showGridLines(e){i.current.showGridLines=e},get showCriticalPath(){return i.current.showCriticalPath},set showCriticalPath(e){i.current.showCriticalPath=e},get showBaseline(){return i.current.showBaseline},set showBaseline(e){i.current.showBaseline=e},get showTodayLine(){return i.current.showTodayLine},set showTodayLine(e){i.current.showTodayLine=e},get markers(){return i.current.markers},set markers(e){i.current.markers=e},get filter(){return i.current.filter},set filter(e){i.current.filter=e},get hasBaseline(){return i.current.hasBaseline},get selectedTasks(){return i.current.selectedTasks},get projectTimeline(){return i.current.projectTimeline},set projectTimeline(e){i.current.projectTimeline=e},get locale(){return i.current.settings.locale},set locale(e){i.current.settings.locale=e},get settings(){return i.current.settings},get sheet(){return i.current.sheet},get events(){return i.current.events},get canUndo$(){return i.current.canUndo$},get canRedo$(){return i.current.canRedo$},zoomIn:()=>i.current.zoomIn(),zoomOut:()=>i.current.zoomOut(),indent:()=>i.current.indent(),outdent:()=>i.current.outdent(),moveUp:()=>i.current.moveUp(),moveDown:()=>i.current.moveDown(),goToProjectStart:()=>i.current.goToProjectStart(),scrollToDate:e=>i.current.scrollToDate(e),scrollToTask:e=>i.current.scrollToTask(e),zoomToFit:e=>i.current.zoomToFit(e),addMarker:e=>i.current.addMarker(e),removeMarker:e=>i.current.removeMarker(e),clearMarkers:()=>i.current.clearMarkers(),clearFilter:()=>i.current.clearFilter(),saveColumns:()=>i.current.saveColumns(),loadColumns:e=>i.current.loadColumns(e),undo:()=>i.current.undo(),redo:()=>i.current.redo(),saveBaseline:()=>i.current.saveBaseline(),clearBaseline:()=>i.current.clearBaseline(),save:()=>i.current.save(),load:e=>i.current.load(e),exportToImage:()=>i.current.exportToImage(),exportToCsv:e=>i.current.exportToCsv(e),exportToPdf:e=>i.current.exportToPdf(e),exportToExcel:e=>i.current.exportToExcel(e),copy:()=>i.current.copy(),cut:()=>i.current.cut(),paste:()=>i.current.paste()})),e("div",{ref:a,style:{width:"100%",height:"100%"}})}),l=r(function({onReady:r},u){const a=t(null),i=t(null);return n(()=>(a.current&&!i.current&&(i.current=new s(a.current)),()=>{i.current?.destroy(),i.current=null}),[]),o(()=>{r?.()},[]),c(u,()=>({get data(){return i.current.data},get workingCalendar(){return i.current.calendar$.getValue()},set workingCalendar(e){i.current.calendar$.next(e)},get canEdit(){return i.current.canEdit},set canEdit(e){i.current.canEdit=e},get autoZoomToFit(){return i.current.autoZoomToFit},set autoZoomToFit(e){i.current.autoZoomToFit=e},get showGridLines(){return i.current.showGridLines},set showGridLines(e){i.current.showGridLines=e},get showTodayLine(){return i.current.showTodayLine},set showTodayLine(e){i.current.showTodayLine=e},get markers(){return i.current.markers},set markers(e){i.current.markers=e},get filter(){return i.current.filter},set filter(e){i.current.filter=e},get eventRendering(){return i.current.eventRendering},set eventRendering(e){i.current.eventRendering=e},get eventTooltip(){return i.current.eventTooltip},set eventTooltip(e){i.current.eventTooltip=e},get projectTimeline(){return i.current.projectTimeline},set projectTimeline(e){i.current.projectTimeline=e},get selectedEvents(){return i.current.selectedEvents},set selectedEvents(e){i.current.selectedEvents=e},get selectedEvent(){return i.current.selectedEvent},set selectedEvent(e){i.current.selectedEvent=e},get selectedResources(){return i.current.selectedResources},get settings(){return i.current.settings},get sheet(){return i.current.sheet},get events(){return i.current.events},get canUndo$(){return i.current.canUndo$},get canRedo$(){return i.current.canRedo$},undo:()=>i.current.undo(),redo:()=>i.current.redo(),copy:()=>i.current.copy(),cut:()=>i.current.cut(),paste:()=>i.current.paste(),zoomIn:()=>i.current.zoomIn(),zoomOut:()=>i.current.zoomOut(),goToProjectStart:()=>i.current.goToProjectStart(),scrollToDate:e=>i.current.scrollToDate(e),scrollToResource:e=>i.current.scrollToResource(e),scrollToEvent:e=>i.current.scrollToEvent(e),zoomToFit:e=>i.current.zoomToFit(e),addMarker:e=>i.current.addMarker(e),removeMarker:e=>i.current.removeMarker(e),clearMarkers:()=>i.current.clearMarkers(),clearFilter:()=>i.current.clearFilter(),saveColumns:()=>i.current.saveColumns(),loadColumns:e=>i.current.loadColumns(e),sortResources:e=>i.current.sortResources(e),freezeResource:e=>i.current.freezeResource(e),unfreezeResource:e=>i.current.unfreezeResource(e),isResourceFrozen:e=>i.current.isResourceFrozen(e),exportToImage:()=>i.current.exportToImage(),exportToCsv:e=>i.current.exportToCsv(e),exportToExcel:e=>i.current.exportToExcel(e),exportToPdf:e=>i.current.exportToPdf(e),save:()=>i.current.save(),load:e=>i.current.load(e)})),e("div",{ref:a,style:{width:"100%",height:"100%"}})}),d=r(function({onReady:r},u){const s=t(null),i=t(null);return n(()=>(s.current&&!i.current&&(i.current=new a(s.current)),()=>{i.current?.destroy(),i.current=null}),[]),o(()=>{r?.()},[]),c(u,()=>({get data(){return i.current.data},get events(){return i.current.events},get settings(){return i.current.settings},get canUndo$(){return i.current.canUndo$},get canRedo$(){return i.current.canRedo$},get viewMode(){return i.current.viewMode},set viewMode(e){i.current.viewMode=e},get currentDate(){return i.current.currentDate},set currentDate(e){i.current.currentDate=e},get selectedEntries(){return i.current.selectedEntries},set selectedEntries(e){i.current.selectedEntries=e},get selectedEntry(){return i.current.selectedEntry},set selectedEntry(e){i.current.selectedEntry=e},get canEdit(){return i.current.canEdit},set canEdit(e){i.current.canEdit=e},get sidebarVisible(){return i.current.sidebarVisible},set sidebarVisible(e){i.current.sidebarVisible=e},get entryRendering(){return i.current.entryRendering},set entryRendering(e){i.current.entryRendering=e},get entryTooltip(){return i.current.entryTooltip},set entryTooltip(e){i.current.entryTooltip=e},today:()=>i.current.today(),next:()=>i.current.next(),previous:()=>i.current.previous(),goToDate:e=>i.current.goToDate(e),undo:()=>i.current.undo(),redo:()=>i.current.redo(),save:()=>i.current.save(),load:e=>i.current.load(e),copyEntries:e=>i.current.copyEntries(e),cutEntries:e=>i.current.cutEntries(e),pasteEntries:()=>i.current.pasteEntries(),exportToImage:e=>i.current.exportToImage(e),exportToPdf:e=>i.current.exportToPdf(e),exportToIcs:e=>i.current.exportToIcs(e),exportToIcsText:e=>i.current.exportToIcsText(e),importFromIcs:(e,r)=>i.current.importFromIcs(e,r),exportToCsv:e=>i.current.exportToCsv(e),exportToExcel:e=>i.current.exportToExcel(e)})),e("div",{ref:s,style:{width:"100%",height:"100%"}})});export{d as EventCalendar,i as GanttChart,l as ResourceScheduler};

package/dist/resourcescheduler.component.d.ts

@@ -1,28 +1,55 @@
-import { SchedulerData, SchedulerResource, WorkingCalendar, SchedulerSheet, DateRange, ResourceSchedulerEvents, ResourceSchedulerSettings } from '@ganttkit/core';
-import type { ColumnState } from '@ganttkit/core';
+import { ResourceSchedulerEngine, SchedulerData, SchedulerResource, SchedulerEvent, WorkingCalendar, SchedulerSheet, DateRange, ResourceSchedulerEvents, ResourceSchedulerSettings } from '@timelinekit/core';
+import type { Marker, ColumnState, SchedulerResourceFilterFn, SchedulerEventRenderFn, SchedulerEventTooltipFn, SchedulerCsvExportOptions, SchedulerExcelExportOptions, SchedulerPdfExportOptions, SchedulerEventsPastedEventArgs } from '@timelinekit/core';
+export interface ResourceSchedulerProps {
+    onReady?: () => void;
+}
 export interface ResourceSchedulerRef {
     readonly data: SchedulerData;
     workingCalendar: WorkingCalendar;
     canEdit: boolean;
+    autoZoomToFit: boolean;
     showGridLines: boolean;
     showTodayLine: boolean;
+    markers: Marker[];
+    filter: SchedulerResourceFilterFn | null;
+    eventRendering: SchedulerEventRenderFn | null;
+    eventTooltip: SchedulerEventTooltipFn | null;
     projectTimeline: DateRange;
+    selectedEvents: SchedulerEvent[];
+    selectedEvent: SchedulerEvent | null;
     readonly selectedResources: SchedulerResource[];
     readonly settings: ResourceSchedulerSettings;
     readonly sheet: SchedulerSheet;
     readonly events: ResourceSchedulerEvents;
+    readonly canUndo$: ResourceSchedulerEngine['canUndo$'];
+    readonly canRedo$: ResourceSchedulerEngine['canRedo$'];
+    undo(): void;
+    redo(): void;
+    copy(): Promise<void>;
+    cut(): Promise<void>;
+    paste(): Promise<SchedulerEventsPastedEventArgs | null>;
     zoomIn(): boolean;
     zoomOut(): boolean;
     goToProjectStart(): void;
     scrollToDate(date: Date): void;
     scrollToResource(resource: SchedulerResource): void;
-    zoomToFit(): void;
+    scrollToEvent(event: SchedulerEvent): void;
+    zoomToFit(events?: SchedulerEvent[]): void;
+    addMarker(marker: Marker): void;
+    removeMarker(marker: Marker): void;
+    clearMarkers(): void;
+    clearFilter(): void;
+    saveColumns(): ColumnState[];
+    loadColumns(states: ColumnState[]): void;
+    sortResources(compareFn: (a: SchedulerResource, b: SchedulerResource) => number): void;
     freezeResource(resource: SchedulerResource): void;
     unfreezeResource(resource: SchedulerResource): void;
     isResourceFrozen(resource: SchedulerResource): boolean;
+    exportToImage(): Promise<Blob>;
+    exportToCsv(options?: SchedulerCsvExportOptions): string;
+    exportToExcel(options?: SchedulerExcelExportOptions): Promise<Blob>;
+    exportToPdf(options?: SchedulerPdfExportOptions): Promise<Blob>;
     save(): string;
     load(text: string): void;
-    saveColumns(): ColumnState[];
-    loadColumns(states: ColumnState[]): void;
 }
-export declare const ResourceScheduler: import("react").ForwardRefExoticComponent<import("react").RefAttributes<ResourceSchedulerRef>>;
+export declare const ResourceScheduler: import("react").ForwardRefExoticComponent<ResourceSchedulerProps & import("react").RefAttributes<ResourceSchedulerRef>>;

package/package.json

@@ -1,34 +1,38 @@
-{
-  "name": "@timelinekit/react",
-  "version": "1.0.1",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
-  "scripts": {
-    "build": "rollup -c"
-  },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "@timelinekit/core": "workspace:*"
-  },
-  "dependencies": {
-    "@timelinekit/core": "workspace:*"
-  },
-  "devDependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "@types/react": "^19.1.0"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ]
-}
+{
+  "name": "@timelinekit/react",
+  "version": "1.0.3",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "@timelinekit/core": "workspace:*"
+  },
+  "dependencies": {
+    "@timelinekit/core": "workspace:*"
+  },
+  "devDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "@types/react": "^19.1.0",
+    "vitest": "^4.0.8",
+    "jsdom": "^26.1.0"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
+}