react-timelane 1.2.3 → 1.2.4

package/README.md

@@ -40,7 +40,7 @@ import type Allocation from "../models/Allocation";
 import type Resource from "../models/Resource";
 import AllocationComponent from "./AllocationComponent";
 
-import { Timelane as TL } from "react-timelane";
+import { Timelane } from "react-timelane";
 
 interface MyTimelaneProps {
   resources: Resource[];
@@ -86,8 +86,8 @@ function MyTimelane({
   }
 
   return (
-    <TL.Container>
-      <TL.Header
+    <Timelane>
+      <Timelane.Header
         onDayClick={({ day }) => {
           console.log("day clicked", day);
         }}
@@ -98,16 +98,17 @@ function MyTimelane({
           console.log("week clicked", firstDay);
         }}
       />
-      <TL.Body
+      <Timelane.Body
         onSelect={(selection) => {
           setSelection(selection);
         }}
       >
-        {lanes.map((lane) => (
-          <TL.Lane
-            key={lane.id}
-            lane={lane}
-            items={items.filter((item) => item.laneId === lane.id)}
+        {lanes.map(({id, capacity}) => (
+          <Timelane.Lane
+            key={id}
+            id={id}
+            capacity={capacity}
+            items={items.filter((item) => item.laneId === id)}
             onItemUpdate={handleItemUpdate}
             renderItem={(item, isDragged) => (
               <AllocationComponent
@@ -118,14 +119,14 @@ function MyTimelane({
             )}
           />
         ))}
-      </TL.Body>
-      <TL.Background />
-      <TL.Aside
+      </Timelane.Body>
+      <Timelane.Background />
+      <Timelane.Aside
         lanes={lanes}
         renderLaneHeader={(lane) => <div>{lane.id}</div>}
       />
-      <TL.Layout.Corner />
-    </TL.Container>
+      <Timelane.Layout.Corner />
+    </Timelane.Container>
   );
 }
 ```

package/dist/components/TimelaneAside/TimelaneAside.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent, ReactElement } from 'react';
 import { Lane } from '../../types';
-export interface TimelaneAsideProps {
-    lanes: Lane[];
+export interface TimelaneAsideProps<T = unknown> {
+    lanes: Lane<T>[];
     /**
      * the width in px
      */
@@ -10,15 +10,15 @@ export interface TimelaneAsideProps {
     /**
      * deprecated
      */
-    focusedLane?: Lane | null;
+    focusedLane?: Lane<T> | null;
     /**
      * deprecated
      */
-    setFocusedLane?: (lane: Lane | null) => void;
-    onLaneHeaderClick?: (lane: Lane, e: MouseEvent) => void;
-    onLaneHeaderDoubleClick?: (lane: Lane, e: MouseEvent) => void;
-    onLaneHeaderContextMenu?: (lane: Lane, e: MouseEvent) => void;
-    renderLaneHeader?: (lane: Lane) => ReactElement;
+    setFocusedLane?: (lane: Lane<T> | null) => void;
+    onLaneHeaderClick?: (lane: Lane<T>, e: MouseEvent) => void;
+    onLaneHeaderDoubleClick?: (lane: Lane<T>, e: MouseEvent) => void;
+    onLaneHeaderContextMenu?: (lane: Lane<T>, e: MouseEvent) => void;
+    renderLaneHeader?: (lane: Lane<T>) => ReactElement;
 }
 /**
  * `<TimelaneAside>` renders lane headers. The lane header height is determined
@@ -27,4 +27,4 @@ export interface TimelaneAsideProps {
  *
  * It must be a child component of `<Timelane>`.
  */
-export declare function TimelaneAside({ lanes, width, side, focusedLane, setFocusedLane, onLaneHeaderClick, onLaneHeaderDoubleClick, onLaneHeaderContextMenu, renderLaneHeader, }: TimelaneAsideProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelaneAside<T = unknown>({ lanes, width, side, focusedLane, setFocusedLane, onLaneHeaderClick, onLaneHeaderDoubleClick, onLaneHeaderContextMenu, renderLaneHeader, }: TimelaneAsideProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/TimelaneItem/TimelaneItem.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { Item, Position, Lane, TimelaneSettings } from '../../types';
-interface TimelaneItemProps<T> {
+interface TimelaneItemProps<T = unknown> {
     item: Item<T>;
     lane: Lane;
     settings: TimelaneSettings;

package/dist/components/TimelaneLane/AvailableSpaceIndicator.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { Item, Pixels, Lane, TimeRange } from '../../types';
-interface AvailableSpaceIndicatorProps<T> {
+interface AvailableSpaceIndicatorProps<T = unknown> {
     pixels: Pixels;
     range: TimeRange;
     lane: Lane;

package/dist/components/TimelaneLane/TimelaneLane.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent, ReactElement } from 'react';
 import { AvailableSpace, Item, LaneId } from '../../types';
-export interface TimelaneLaneProps<T> {
+export interface TimelaneLaneProps<T = unknown> {
     id: LaneId;
     capacity?: number;
     items?: Item<T>[];
@@ -11,7 +11,7 @@ export interface TimelaneLaneProps<T> {
     onDoubleClick?: (when: Date, availableSpace: AvailableSpace | null, e: MouseEvent) => void;
     onContextMenu?: (when: Date, e: MouseEvent) => void;
     renderItem?: (item: Item<T>, isDragged: boolean) => ReactElement;
-    onResizeStart?: (data: T) => void;
+    onResizeStart?: (data?: T) => void;
 }
 /**
  * `<TimelaneLane>` (or `<Timelane.Lane>`) is a container for items. It takes care of

package/dist/types/Item.d.ts

@@ -1,6 +1,6 @@
 import { ItemId } from './ItemId';
 import { LaneId } from './LaneId';
-export type Item<T = void> = {
+export type Item<T = unknown> = {
     id: ItemId;
     laneId: LaneId;
     start: Date;

package/dist/types/Lane.d.ts

@@ -1,5 +1,6 @@
 import { LaneId } from './LaneId';
-export interface Lane {
+export interface Lane<T = unknown> {
     id: LaneId;
     capacity: number;
+    payload?: T;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-timelane",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "type": "module",
   "scripts": {
     "dev": "vite",