construction-gantt 0.1.0 → 0.3.0

package/dist/{pdf-CBaoJRTI.js → pdf-BsFqo2UW.js}

@@ -8,7 +8,7 @@ function __insertCSS(code) {
 }
 
 import { jsPDF } from 'jspdf';
-import { exportPNG } from './png-DKZeKnRh.js';
+import { exportPNG } from './png-C2poOLQo.js';
 
 // Pure-function image-fit math. Used by the PDF exporter to scale the
 // captured PNG onto a chosen page format with a uniform margin while

package/dist/{pdf-CAQDrX0w.cjs → pdf-N2LwD-_F.cjs}

@@ -8,7 +8,7 @@ function __insertCSS(code) {
 }
 
 var jspdf = require('jspdf');
-var png = require('./png-C8t74695.cjs');
+var png = require('./png-BloW1DDl.cjs');
 
 // Pure-function image-fit math. Used by the PDF exporter to scale the
 // captured PNG onto a chosen page format with a uniform margin while

package/dist/{png-C8t74695.cjs → png-BloW1DDl.cjs}

@@ -29,6 +29,7 @@ async function renderOffscreen(args) {
         cellHeight: ganttProps.cellHeight,
         markers: ganttProps.markers,
         baselineIndex: ganttProps.baselineIndex,
+        baselineIndices: ganttProps.baselineIndices,
         showBaselineBars: ganttProps.showBaselineBars,
         columns: ganttProps.columns,
         visibleTaskIds: ganttProps.visibleTaskIds,

package/dist/{png-DKZeKnRh.js → png-C2poOLQo.js}

@@ -29,6 +29,7 @@ async function renderOffscreen(args) {
         cellHeight: ganttProps.cellHeight,
         markers: ganttProps.markers,
         baselineIndex: ganttProps.baselineIndex,
+        baselineIndices: ganttProps.baselineIndices,
         showBaselineBars: ganttProps.showBaselineBars,
         columns: ganttProps.columns,
         visibleTaskIds: ganttProps.visibleTaskIds,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "construction-gantt",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "MIT React Gantt for construction project management — PRO-equivalent scheduling engine + construction-vertical extensions on free SVAR React Gantt",
   "type": "module",
   "license": "MIT",
@@ -83,4 +83,4 @@
     "typecheck": "tsc --noEmit",
     "test": "vitest run --project=unit"
   }
-}
+}

package/src/Gantt.css

@@ -21,3 +21,80 @@
   color: #ffffff;
   font-weight: 500;
 }
+
+/* Phantom baseline-row styling. Each row gets `.bode-baseline-ghost`
+ * plus a `.bode-baseline-${N}` class identifying WHICH baseline.
+ * Consumers override colours by re-declaring `.bode-baseline-N` with
+ * higher specificity or `!important`. */
+.bode-baseline-ghost {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  height: 60%;
+  margin-top: 15%;
+  padding: 0 8px;
+  border-radius: 3px;
+  font-size: 9px;
+  font-style: italic;
+  color: #ffffff;
+  opacity: 0.85;
+  white-space: nowrap;
+}
+
+/* Per-baseline palette. Picked for distinguishability + colourblind-
+ * friendly ordering: greys → cool blues → warm reds for higher indices.
+ * Consumers override by re-declaring with higher specificity or `!important`.
+ *
+ * Lighter backgrounds (amber, lime, cyan, teal, orange) override the default
+ * white text to slate `#0f172a` so the small italic label remains legible
+ * (WCAG AA 4.5:1 for small text). Darker backgrounds keep the ghost rule's
+ * white text. */
+.bode-baseline-0  { background: #6b7280; }  /* gray */
+.bode-baseline-1  { background: #3b82f6; }  /* blue */
+.bode-baseline-2  { background: #8b5cf6; }  /* violet */
+.bode-baseline-3  { background: #14b8a6; color: #0f172a; }  /* teal */
+.bode-baseline-4  { background: #f59e0b; color: #0f172a; }  /* amber */
+.bode-baseline-5  { background: #ec4899; }  /* pink */
+.bode-baseline-6  { background: #06b6d4; color: #0f172a; }  /* cyan */
+.bode-baseline-7  { background: #84cc16; color: #0f172a; }  /* lime */
+.bode-baseline-8  { background: #f97316; color: #0f172a; }  /* orange */
+.bode-baseline-9  { background: #a855f7; }  /* purple */
+.bode-baseline-10 { background: #dc2626; }  /* red */
+
+/* Edit preview ghost bar — shows live CPM cascade preview while editing.
+ * Matches baseline ghost sizing (60% height, 15% top margin) so preview
+ * phantoms read as secondary/tentative alongside the live bar. */
+.bode-edit-preview {
+  height: 60%;
+  margin-top: 15%;
+  background: repeating-linear-gradient(
+    45deg,
+    rgba(59, 130, 246, 0.35) 0px,
+    rgba(59, 130, 246, 0.35) 6px,
+    rgba(59, 130, 246, 0.15) 6px,
+    rgba(59, 130, 246, 0.15) 12px
+  );
+  border: 1.5px dashed rgba(59, 130, 246, 0.7);
+  border-radius: 3px;
+  pointer-events: none;
+}
+
+/* Drag handle — appears at right edge of task bar in editMode */
+.construction-gantt-drag-handle {
+  position: absolute;
+  right: -5px;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: rgba(59, 130, 246, 0.85);
+  cursor: crosshair;
+  opacity: 0;
+  transition: opacity 0.15s;
+  z-index: 10;
+}
+
+.wx-task:hover .construction-gantt-drag-handle {
+  opacity: 1;
+}