@libxai/board 1.4.27 → 1.5.1

package/dist/index.d.cts

@@ -215,6 +215,8 @@ interface GanttPermissions {
     canExport?: boolean;
     canToggleExpansion?: boolean;
     canPerformAction?: (task: Task, action: 'create' | 'update' | 'delete' | 'assign' | 'progress') => boolean;
+    /** v4.1.0: Per-task edit check — when provided, each task bar uses this to determine read-only state */
+    canEditTask?: (task: Task) => boolean;
 }
 /**
  * Scroll behavior configuration for timeline interactions
@@ -361,6 +363,7 @@ interface GanttConfig {
     rowDensity?: RowDensity;
     showThemeSelector?: boolean;
     showExportButton?: boolean;
+    projectName?: string;
     availableUsers?: Array<{
         id: string;
         name: string;
@@ -449,6 +452,29 @@ interface GanttConfig {
      * @default false
      */
     autoExpandSubtasks?: boolean;
+    /**
+     * Show task name labels inside task bars
+     * @default true
+     */
+    showTaskBarLabels?: boolean;
+    /**
+     * Show/hide critical path highlighting (red border + glow on critical tasks)
+     * @default true
+     */
+    showCriticalPath?: boolean;
+    onShowCriticalPathChange?: (show: boolean) => void;
+    /**
+     * Show/hide dependency connector arrows between tasks
+     * @default true
+     */
+    showDependencies?: boolean;
+    onShowDependenciesChange?: (show: boolean) => void;
+    /**
+     * Highlight weekend columns with shading/hatch pattern
+     * @default true
+     */
+    highlightWeekends?: boolean;
+    onHighlightWeekendsChange?: (show: boolean) => void;
     /**
      * v3.0.0: Show baseline ghost bars behind actual bars (Oracle view)
      * When true, tasks with baselineStartDate/baselineEndDate show a dashed outline behind the actual bar
@@ -467,6 +493,11 @@ interface GanttConfig {
      * When provided, replaces hardcoded placeholder values with real metrics
      */
     projectForecast?: ProjectForecast;
+    /**
+     * Callback for "Copy Snapshot Link" in the Share dropdown
+     * When provided, shows the option in the export/share menu
+     */
+    onCopySnapshotLink?: () => void;
     onThemeChange?: (theme: Theme$1) => void;
     onTimeScaleChange?: (timeScale: TimeScale) => void;
     onZoomChange?: (zoom: number) => void;
@@ -1724,6 +1755,8 @@ interface ColumnProps {
     className?: string;
     /** v2.0.0: Custom metrics renderer below column header */
     renderMetrics?: (column: Column$1, cards: Card$1[]) => React.ReactNode;
+    /** Locale for i18n */
+    locale?: 'en' | 'es';
 }
 /**
  * Column Component
@@ -2708,12 +2741,21 @@ interface GanttToolbarProps {
     onExportCSV?: () => void;
     onExportJSON?: () => void;
     onExportMSProject?: () => void;
+    showCriticalPath?: boolean;
+    onShowCriticalPathChange?: (show: boolean) => void;
+    showDependencies?: boolean;
+    onShowDependenciesChange?: (show: boolean) => void;
+    highlightWeekends?: boolean;
+    onHighlightWeekendsChange?: (show: boolean) => void;
+    showBaseline?: boolean;
+    onShowBaselineChange?: (show: boolean) => void;
+    onCopySnapshotLink?: () => void;
 }
 declare function GanttToolbar({ theme, timeScale, onTimeScaleChange, zoom, onZoomChange, currentTheme, onThemeChange, rowDensity, onRowDensityChange, showThemeSelector, // v0.17.29: Default to false - themes should be in app settings
 showCreateTaskButton, createTaskLabel, // v0.15.0: Will use translations if not provided
 onCreateTask, taskFilter, // v0.17.300: Task filter
 onTaskFilterChange, hideCompleted, // v0.18.0: Hide completed toggle
-onHideCompletedChange, toolbarRightContent, wbsLevel, onWbsLevelChange, maxWbsDepth, viewMode, onViewModeChange, projectForecast, onExportPNG, onExportPDF, onExportExcel, onExportCSV, onExportJSON, onExportMSProject, }: GanttToolbarProps): react_jsx_runtime.JSX.Element;
+onHideCompletedChange, toolbarRightContent, wbsLevel, onWbsLevelChange, maxWbsDepth, viewMode, onViewModeChange, projectForecast, onExportPNG, onExportPDF, onExportExcel, onExportCSV, onExportJSON, onExportMSProject, showCriticalPath, onShowCriticalPathChange, showDependencies, onShowDependenciesChange, highlightWeekends, onHighlightWeekendsChange, showBaseline, onShowBaselineChange, onCopySnapshotLink, }: GanttToolbarProps): react_jsx_runtime.JSX.Element;
 
 interface TaskGridProps {
     tasks: Task[];
@@ -2766,6 +2808,7 @@ interface TimelineProps {
     locale?: string;
     templates: Required<GanttTemplates>;
     dependencyLineStyle?: DependencyLineStyle;
+    showTaskBarLabels?: boolean;
     onTaskClick?: (task: Task) => void;
     onTaskDblClick?: (task: Task) => void;
     onTaskContextMenu?: (task: Task, event: React.MouseEvent) => void;
@@ -2774,6 +2817,11 @@ interface TimelineProps {
     onDependencyDelete?: (taskId: string, dependencyId: string) => void;
     /** v3.0.0: Show baseline ghost bars behind actual bars (Oracle view) */
     showBaseline?: boolean;
+    showCriticalPath?: boolean;
+    showDependencies?: boolean;
+    highlightWeekends?: boolean;
+    /** v4.1.0: Per-task edit check — returns false for read-only bars */
+    canEditTask?: (task: Task) => boolean;
 }
 interface TaskPosition {
     id: string;
@@ -2784,9 +2832,9 @@ interface TaskPosition {
 }
 declare function Timeline({ tasks, theme, rowHeight: ROW_HEIGHT, timeScale, startDate, endDate, zoom, locale, // v0.17.400: Default to English
 templates, dependencyLineStyle, // v0.17.310
-onTaskClick, onTaskDblClick, // v0.8.0
+showTaskBarLabels, onTaskClick, onTaskDblClick, // v0.8.0
 onTaskContextMenu, // v0.8.0
-onTaskDateChange, onDependencyCreate, onDependencyDelete, showBaseline, }: TimelineProps): react_jsx_runtime.JSX.Element;
+onTaskDateChange, onDependencyCreate, onDependencyDelete, showBaseline, showCriticalPath, showDependencies, highlightWeekends, canEditTask, }: TimelineProps): react_jsx_runtime.JSX.Element;
 
 interface TaskTooltipData {
     task: Task;
@@ -2814,12 +2862,16 @@ interface TaskBarProps {
     onDragMove?: (taskId: string, daysDelta: number, isDragging: boolean) => void;
     onHoverChange?: (tooltipData: TaskTooltipData | null) => void;
     showBaseline?: boolean;
+    showTaskBarLabels?: boolean;
+    showCriticalPath?: boolean;
+    readOnly?: boolean;
 }
 declare function TaskBar({ task, x, y, width, theme, dayWidth, startDate, templates, onClick, onDoubleClick, // v0.8.0
 onContextMenu, // v0.8.0
 onDateChange, onDependencyCreate, allTaskPositions, onDragMove, // v0.13.0
 onHoverChange, // v0.17.76
-showBaseline, }: TaskBarProps): react_jsx_runtime.JSX.Element;
+showBaseline, // v3.0.0
+showTaskBarLabels, showCriticalPath, readOnly, }: TaskBarProps): react_jsx_runtime.JSX.Element;
 
 interface DependencyLineProps {
     x1: number;
@@ -3460,9 +3512,16 @@ interface GanttTranslations {
         expectedFinish: string;
         confidence: string;
         costAtCompletion: string;
+        delayLabel: string;
+        earlyLabel: string;
+        onTimeLabel: string;
+        budgetOver: string;
+        budgetUnder: string;
         baselines: string;
         visibility: string;
         share: string;
+        copySnapshotLink: string;
+        copied: string;
     };
     contextMenu: {
         editTask: string;
@@ -3776,6 +3835,9 @@ interface ProjectHealthData {
         color: string;
         utilizationPercent: number;
     }>;
+    /** Total hours for the whole project (spent / allocated in minutes) */
+    totalHoursSpentMinutes?: number;
+    totalHoursAllocatedMinutes?: number;
 }
 /**
  * ListView configuration
@@ -3828,6 +3890,8 @@ interface ListViewConfig {
         enabled: boolean;
         data: ProjectHealthData;
     };
+    /** Aggregate child hours into parent row hoursBar cell (default: false) */
+    aggregateParentHours?: boolean;
     /**
      * Configuration for blurring financial data based on user permissions
      * When enabled, financial columns (soldEffortMinutes, quotedTime) will be blurred

package/dist/index.d.ts

@@ -215,6 +215,8 @@ interface GanttPermissions {
     canExport?: boolean;
     canToggleExpansion?: boolean;
     canPerformAction?: (task: Task, action: 'create' | 'update' | 'delete' | 'assign' | 'progress') => boolean;
+    /** v4.1.0: Per-task edit check — when provided, each task bar uses this to determine read-only state */
+    canEditTask?: (task: Task) => boolean;
 }
 /**
  * Scroll behavior configuration for timeline interactions
@@ -361,6 +363,7 @@ interface GanttConfig {
     rowDensity?: RowDensity;
     showThemeSelector?: boolean;
     showExportButton?: boolean;
+    projectName?: string;
     availableUsers?: Array<{
         id: string;
         name: string;
@@ -449,6 +452,29 @@ interface GanttConfig {
      * @default false
      */
     autoExpandSubtasks?: boolean;
+    /**
+     * Show task name labels inside task bars
+     * @default true
+     */
+    showTaskBarLabels?: boolean;
+    /**
+     * Show/hide critical path highlighting (red border + glow on critical tasks)
+     * @default true
+     */
+    showCriticalPath?: boolean;
+    onShowCriticalPathChange?: (show: boolean) => void;
+    /**
+     * Show/hide dependency connector arrows between tasks
+     * @default true
+     */
+    showDependencies?: boolean;
+    onShowDependenciesChange?: (show: boolean) => void;
+    /**
+     * Highlight weekend columns with shading/hatch pattern
+     * @default true
+     */
+    highlightWeekends?: boolean;
+    onHighlightWeekendsChange?: (show: boolean) => void;
     /**
      * v3.0.0: Show baseline ghost bars behind actual bars (Oracle view)
      * When true, tasks with baselineStartDate/baselineEndDate show a dashed outline behind the actual bar
@@ -467,6 +493,11 @@ interface GanttConfig {
      * When provided, replaces hardcoded placeholder values with real metrics
      */
     projectForecast?: ProjectForecast;
+    /**
+     * Callback for "Copy Snapshot Link" in the Share dropdown
+     * When provided, shows the option in the export/share menu
+     */
+    onCopySnapshotLink?: () => void;
     onThemeChange?: (theme: Theme$1) => void;
     onTimeScaleChange?: (timeScale: TimeScale) => void;
     onZoomChange?: (zoom: number) => void;
@@ -1724,6 +1755,8 @@ interface ColumnProps {
     className?: string;
     /** v2.0.0: Custom metrics renderer below column header */
     renderMetrics?: (column: Column$1, cards: Card$1[]) => React.ReactNode;
+    /** Locale for i18n */
+    locale?: 'en' | 'es';
 }
 /**
  * Column Component
@@ -2708,12 +2741,21 @@ interface GanttToolbarProps {
     onExportCSV?: () => void;
     onExportJSON?: () => void;
     onExportMSProject?: () => void;
+    showCriticalPath?: boolean;
+    onShowCriticalPathChange?: (show: boolean) => void;
+    showDependencies?: boolean;
+    onShowDependenciesChange?: (show: boolean) => void;
+    highlightWeekends?: boolean;
+    onHighlightWeekendsChange?: (show: boolean) => void;
+    showBaseline?: boolean;
+    onShowBaselineChange?: (show: boolean) => void;
+    onCopySnapshotLink?: () => void;
 }
 declare function GanttToolbar({ theme, timeScale, onTimeScaleChange, zoom, onZoomChange, currentTheme, onThemeChange, rowDensity, onRowDensityChange, showThemeSelector, // v0.17.29: Default to false - themes should be in app settings
 showCreateTaskButton, createTaskLabel, // v0.15.0: Will use translations if not provided
 onCreateTask, taskFilter, // v0.17.300: Task filter
 onTaskFilterChange, hideCompleted, // v0.18.0: Hide completed toggle
-onHideCompletedChange, toolbarRightContent, wbsLevel, onWbsLevelChange, maxWbsDepth, viewMode, onViewModeChange, projectForecast, onExportPNG, onExportPDF, onExportExcel, onExportCSV, onExportJSON, onExportMSProject, }: GanttToolbarProps): react_jsx_runtime.JSX.Element;
+onHideCompletedChange, toolbarRightContent, wbsLevel, onWbsLevelChange, maxWbsDepth, viewMode, onViewModeChange, projectForecast, onExportPNG, onExportPDF, onExportExcel, onExportCSV, onExportJSON, onExportMSProject, showCriticalPath, onShowCriticalPathChange, showDependencies, onShowDependenciesChange, highlightWeekends, onHighlightWeekendsChange, showBaseline, onShowBaselineChange, onCopySnapshotLink, }: GanttToolbarProps): react_jsx_runtime.JSX.Element;
 
 interface TaskGridProps {
     tasks: Task[];
@@ -2766,6 +2808,7 @@ interface TimelineProps {
     locale?: string;
     templates: Required<GanttTemplates>;
     dependencyLineStyle?: DependencyLineStyle;
+    showTaskBarLabels?: boolean;
     onTaskClick?: (task: Task) => void;
     onTaskDblClick?: (task: Task) => void;
     onTaskContextMenu?: (task: Task, event: React.MouseEvent) => void;
@@ -2774,6 +2817,11 @@ interface TimelineProps {
     onDependencyDelete?: (taskId: string, dependencyId: string) => void;
     /** v3.0.0: Show baseline ghost bars behind actual bars (Oracle view) */
     showBaseline?: boolean;
+    showCriticalPath?: boolean;
+    showDependencies?: boolean;
+    highlightWeekends?: boolean;
+    /** v4.1.0: Per-task edit check — returns false for read-only bars */
+    canEditTask?: (task: Task) => boolean;
 }
 interface TaskPosition {
     id: string;
@@ -2784,9 +2832,9 @@ interface TaskPosition {
 }
 declare function Timeline({ tasks, theme, rowHeight: ROW_HEIGHT, timeScale, startDate, endDate, zoom, locale, // v0.17.400: Default to English
 templates, dependencyLineStyle, // v0.17.310
-onTaskClick, onTaskDblClick, // v0.8.0
+showTaskBarLabels, onTaskClick, onTaskDblClick, // v0.8.0
 onTaskContextMenu, // v0.8.0
-onTaskDateChange, onDependencyCreate, onDependencyDelete, showBaseline, }: TimelineProps): react_jsx_runtime.JSX.Element;
+onTaskDateChange, onDependencyCreate, onDependencyDelete, showBaseline, showCriticalPath, showDependencies, highlightWeekends, canEditTask, }: TimelineProps): react_jsx_runtime.JSX.Element;
 
 interface TaskTooltipData {
     task: Task;
@@ -2814,12 +2862,16 @@ interface TaskBarProps {
     onDragMove?: (taskId: string, daysDelta: number, isDragging: boolean) => void;
     onHoverChange?: (tooltipData: TaskTooltipData | null) => void;
     showBaseline?: boolean;
+    showTaskBarLabels?: boolean;
+    showCriticalPath?: boolean;
+    readOnly?: boolean;
 }
 declare function TaskBar({ task, x, y, width, theme, dayWidth, startDate, templates, onClick, onDoubleClick, // v0.8.0
 onContextMenu, // v0.8.0
 onDateChange, onDependencyCreate, allTaskPositions, onDragMove, // v0.13.0
 onHoverChange, // v0.17.76
-showBaseline, }: TaskBarProps): react_jsx_runtime.JSX.Element;
+showBaseline, // v3.0.0
+showTaskBarLabels, showCriticalPath, readOnly, }: TaskBarProps): react_jsx_runtime.JSX.Element;
 
 interface DependencyLineProps {
     x1: number;
@@ -3460,9 +3512,16 @@ interface GanttTranslations {
         expectedFinish: string;
         confidence: string;
         costAtCompletion: string;
+        delayLabel: string;
+        earlyLabel: string;
+        onTimeLabel: string;
+        budgetOver: string;
+        budgetUnder: string;
         baselines: string;
         visibility: string;
         share: string;
+        copySnapshotLink: string;
+        copied: string;
     };
     contextMenu: {
         editTask: string;
@@ -3776,6 +3835,9 @@ interface ProjectHealthData {
         color: string;
         utilizationPercent: number;
     }>;
+    /** Total hours for the whole project (spent / allocated in minutes) */
+    totalHoursSpentMinutes?: number;
+    totalHoursAllocatedMinutes?: number;
 }
 /**
  * ListView configuration
@@ -3828,6 +3890,8 @@ interface ListViewConfig {
         enabled: boolean;
         data: ProjectHealthData;
     };
+    /** Aggregate child hours into parent row hoursBar cell (default: false) */
+    aggregateParentHours?: boolean;
     /**
      * Configuration for blurring financial data based on user permissions
      * When enabled, financial columns (soldEffortMinutes, quotedTime) will be blurred