@taskctrl/canvas-timeline 0.5.0 → 0.7.0

package/dist/core/HitTest.d.ts

@@ -5,3 +5,10 @@ import type { LayoutEngine } from './LayoutEngine';
 export declare function hitTest(canvasX: number, canvasY: number, view: ViewState, tree: IntervalTree<Item>, layout: LayoutEngine, groups: Group[]): Item | null;
 export declare function hitTestGroup(canvasY: number, view: ViewState, groups: Group[]): Group | null;
 export declare function detectEdge(canvasX: number, item: Item, view: ViewState, threshold?: number): 'left' | 'right' | 'body';
+/**
+ * Resolve the effective `canResize` for an item: a per-item `item.canResize`
+ * wins when present, otherwise the timeline-wide `globalCanResize` applies.
+ * Uses `??` (not `||`) so an explicit per-item `false` disables resize rather
+ * than falling through to the global value.
+ */
+export declare function resolveCanResize(item: Item, globalCanResize: false | 'left' | 'right' | 'both'): false | 'left' | 'right' | 'both';

package/dist/dom/DateHeader.d.ts

@@ -13,8 +13,9 @@ export interface DateHeaderProps {
     /** Minimum cell width in pixels. Header auto-hides when cells are narrower. Set to 0 to disable. */
     minCellWidth?: number;
     onZoomToInterval?: (start: number, end: number) => void;
+    timezone?: string;
 }
-export declare function DateHeader({ unit, visibleTimeStart, visibleTimeEnd, canvasWidth, theme, height, className, labelFormat, onIntervalClick, minCellWidth, onZoomToInterval, }: DateHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DateHeader({ unit, visibleTimeStart, visibleTimeEnd, canvasWidth, theme, height, className, labelFormat, onIntervalClick, minCellWidth, onZoomToInterval, timezone, }: DateHeaderProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace DateHeader {
     var displayName: string;
 }

package/dist/dom/TimelineHeaders.d.ts

@@ -11,8 +11,9 @@ export interface TimelineHeadersProps {
     canvasWidth?: number;
     sidebarWidth?: number;
     onZoomToInterval?: (start: number, end: number) => void;
+    timezone?: string;
 }
-export declare function TimelineHeaders({ children, theme, className, classNames: _classNames, style, visibleTimeStart, visibleTimeEnd, canvasWidth, sidebarWidth, onZoomToInterval }: TimelineHeadersProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimelineHeaders({ children, theme, className, classNames: _classNames, style, visibleTimeStart, visibleTimeEnd, canvasWidth, sidebarWidth, onZoomToInterval, timezone }: TimelineHeadersProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TimelineHeaders {
     var displayName: string;
 }

package/dist/types.d.ts

@@ -14,6 +14,9 @@ export interface Item {
     end_time: number;
     parentId?: number;
     type?: string;
+    /** Per-item override of the timeline-wide `canResize` prop. When set, this
+     *  wins for this item; when omitted, the global `canResize` applies. */
+    canResize?: false | 'left' | 'right' | 'both';
     [key: string]: unknown;
 }
 export interface ItemBounds {
@@ -151,6 +154,14 @@ export interface CanvasTimelineProps {
     onReady?: (api: CanvasTimelineRef) => void;
     /** Dev-only: show a version + build-time badge in the top-left corner.
      *  Wire to your app's dev flag, e.g. `devBadge={import.meta.env.DEV}`. */
+    /** Maximum visible height for the timeline body. Accepts a number (px) or
+     *  a CSS string like `'calc(100vh - 98px)'`. When set, the canvas and sidebar
+     *  are clipped and internally scrollable via wheel, drag, or touch. */
+    maxHeight?: number | string;
+    /** IANA timezone string (e.g. "America/New_York", "UTC").
+     *  When set, grid lines, headers, and day styling render in this timezone.
+     *  Defaults to the browser's local timezone. */
+    timezone?: string;
     devBadge?: boolean;
     children?: React.ReactNode;
 }

package/dist/utils/timezone.d.ts

@@ -0,0 +1,2 @@
+import dayjs from 'dayjs';
+export declare function toDayjs(ts: number, timezone?: string): dayjs.Dayjs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taskctrl/canvas-timeline",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "High-performance canvas-based timeline component for React",
   "scripts": {
     "build": "rimraf ./dist && tsc && vite build",