gantt-lib 0.132.3 → 0.132.4

package/dist/index.d.mts

@@ -616,6 +616,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     skeletonRowCount?: number;
     /** Shift skeleton chart bars by this many days relative to today (negative values start earlier). */
     skeletonStartOffsetDays?: number;
+    /** Add a stable per-row backward jitter to skeleton chart bars, in days. */
+    skeletonStartJitterDays?: number;
     /** Optional vertical timeline markers such as deadlines and checkpoints. */
     timelineMarkers?: TimelineMarker[];
     /** Additional custom columns to render in the TaskList after built-in columns */
@@ -842,6 +844,7 @@ interface GenerationSkeletonRowsProps {
     taskListLayout?: GenerationSkeletonTaskListLayout;
     chartDayWidth?: number;
     chartStartDayOffset?: number;
+    chartStartJitterDays?: number;
 }
 declare const GenerationSkeletonRows: React$1.FC<GenerationSkeletonRowsProps>;
 

package/dist/index.d.ts

@@ -616,6 +616,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     skeletonRowCount?: number;
     /** Shift skeleton chart bars by this many days relative to today (negative values start earlier). */
     skeletonStartOffsetDays?: number;
+    /** Add a stable per-row backward jitter to skeleton chart bars, in days. */
+    skeletonStartJitterDays?: number;
     /** Optional vertical timeline markers such as deadlines and checkpoints. */
     timelineMarkers?: TimelineMarker[];
     /** Additional custom columns to render in the TaskList after built-in columns */
@@ -842,6 +844,7 @@ interface GenerationSkeletonRowsProps {
     taskListLayout?: GenerationSkeletonTaskListLayout;
     chartDayWidth?: number;
     chartStartDayOffset?: number;
+    chartStartJitterDays?: number;
 }
 declare const GenerationSkeletonRows: React$1.FC<GenerationSkeletonRowsProps>;
 

package/dist/index.js

@@ -8648,6 +8648,11 @@ var import_react13 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var MAX_SKELETON_ROWS = 200;
 var SHIMMER_DURATION_MS = 1450;
+function stableRowJitter(rowIndex, maxDays) {
+  if (maxDays <= 0) return 0;
+  const hash = Math.imul(rowIndex + 1, 2654435761) >>> 0;
+  return hash % (maxDays + 1);
+}
 function clampCount(count) {
   if (!Number.isFinite(count)) return 0;
   return Math.min(MAX_SKELETON_ROWS, Math.max(0, Math.floor(count)));
@@ -8659,7 +8664,8 @@ var GenerationSkeletonRows = ({
   startIndex = 0,
   taskListLayout,
   chartDayWidth = 40,
-  chartStartDayOffset = 0
+  chartStartDayOffset = 0,
+  chartStartJitterDays = 0
 }) => {
   const safeCount = clampCount(count);
   const previousCountRef = (0, import_react13.useRef)(null);
@@ -8687,9 +8693,10 @@ var GenerationSkeletonRows = ({
         const shortShape = rowIndex % 3 === 1;
         const mediumShape = rowIndex % 3 === 2;
         const chartBarDays = 5 + rowIndex % 6;
+        const chartStartJitter = variant === "chart" ? stableRowJitter(rowIndex, Math.max(0, Math.floor(chartStartJitterDays))) : 0;
         const chartBarStyle = variant === "chart" ? {
           width: `${chartBarDays * Math.max(1, chartDayWidth)}px`,
-          marginLeft: `${Math.max(0, chartStartDayOffset) * Math.max(1, chartDayWidth)}px`
+          marginLeft: `${Math.max(0, chartStartDayOffset - chartStartJitter) * Math.max(1, chartDayWidth)}px`
         } : void 0;
         return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "div",
@@ -14038,6 +14045,7 @@ function TaskGanttChartInner(props, ref) {
     showChart = true,
     skeletonRowCount = 0,
     skeletonStartOffsetDays = 0,
+    skeletonStartJitterDays = 0,
     timelineMarkers,
     additionalColumns,
     hiddenTaskListColumns,
@@ -15490,7 +15498,8 @@ function TaskGanttChartInner(props, ref) {
                                 variant: "chart",
                                 startIndex: visibleTasks.length,
                                 chartDayWidth: dayWidth,
-                                chartStartDayOffset: todayInRange ? Math.max(0, todayIndex + Math.floor(Number.isFinite(skeletonStartOffsetDays) ? skeletonStartOffsetDays : 0)) : 0
+                                chartStartDayOffset: todayInRange ? Math.max(0, todayIndex + Math.floor(Number.isFinite(skeletonStartOffsetDays) ? skeletonStartOffsetDays : 0)) : 0,
+                                chartStartJitterDays: skeletonStartJitterDays
                               }
                             )
                           ]