gantt-task-react-v 1.2.2 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,14 @@
1
+ import { Task, ViewMode } from "../types";
2
+ export interface DataDatePositionOptions {
3
+ dataDate: Date;
4
+ startDate: Date;
5
+ viewMode: ViewMode;
6
+ columnWidth: number;
7
+ tasks?: readonly Task[];
8
+ rtl?: boolean;
9
+ }
10
+ /**
11
+ * Calculate enhanced data date line position that considers tasks starting on the same date
12
+ * When tasks start exactly on the data date, positions the line at the end of those task bars
13
+ */
14
+ export declare const calculateDataDatePosition: ({ dataDate, startDate, viewMode, columnWidth, tasks, rtl, }: DataDatePositionOptions) => number;
package/dist/style.css CHANGED
@@ -282,7 +282,7 @@
282
282
  border-bottom: 1px solid var(--gantt-divider-color);
283
283
  table-layout: fixed;
284
284
  }
285
- ._taskListRoot_cyzwo_1 {
285
+ ._taskListRoot_yoz76_1 {
286
286
  position: relative;
287
287
  height: 100%;
288
288
  display: flex;
@@ -291,23 +291,23 @@
291
291
  border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
292
292
  }
293
293
 
294
- ._taskListHorizontalScroll_cyzwo_19 {
294
+ ._taskListHorizontalScroll_yoz76_19 {
295
295
  overflow-x: scroll;
296
296
  height: 100%;
297
297
  display: flex;
298
298
  flex-direction: column;
299
299
  }
300
300
 
301
- ._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar {
301
+ ._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar {
302
302
  width: 1rem;
303
303
  height: 1rem;
304
304
  }
305
305
 
306
- ._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar-corner {
306
+ ._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-corner {
307
307
  background: transparent;
308
308
  }
309
309
 
310
- ._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar-thumb {
310
+ ._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-thumb {
311
311
  border: 4px solid transparent;
312
312
  /*noinspection CssUnresolvedCustomProperty*/
313
313
  background: var(--gantt-scrollbar-thumb-color);
@@ -315,14 +315,14 @@
315
315
  background-clip: padding-box;
316
316
  }
317
317
 
318
- ._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar-thumb:hover {
318
+ ._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-thumb:hover {
319
319
  border: 2px solid transparent;
320
320
  /*noinspection CssUnresolvedCustomProperty*/
321
321
  background: var(--gantt-scrollbar-thumb-color);
322
322
  background-clip: padding-box;
323
323
  }
324
324
 
325
- ._taskListResizer_cyzwo_81 {
325
+ ._taskListResizer_yoz76_81 {
326
326
  position: absolute;
327
327
  top: 0;
328
328
  right: -3px;
@@ -334,16 +334,16 @@
334
334
  }
335
335
 
336
336
  /*noinspection CssUnresolvedCustomProperty*/
337
- ._taskListResizer_cyzwo_81:hover {
337
+ ._taskListResizer_yoz76_81:hover {
338
338
  background-color: var(--gantt-table-hover-action-color);
339
339
  filter: var(--gantt-hover-filter);
340
340
  }
341
341
 
342
- ._taskListResizer_cyzwo_81:hover::before {
342
+ ._taskListResizer_yoz76_81:hover::before {
343
343
  display: none;
344
344
  }
345
345
 
346
- ._taskListResizer_cyzwo_81::before {
346
+ ._taskListResizer_yoz76_81::before {
347
347
  content: "";
348
348
  position: absolute;
349
349
  top: 0;
@@ -354,21 +354,21 @@
354
354
  background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
355
355
  }
356
356
 
357
- ._horizontalContainer_cyzwo_145 {
357
+ ._horizontalContainer_yoz76_145 {
358
358
  margin: 0;
359
359
  padding: 0;
360
360
  overflow: hidden;
361
361
  flex-grow: 1;
362
362
  }
363
363
 
364
- ._tableWrapper_cyzwo_159 {
364
+ ._tableWrapper_yoz76_159 {
365
365
  position: relative;
366
366
  flex-grow: 1;
367
367
  display: flex;
368
368
  flex-direction: column;
369
369
  }
370
370
 
371
- ._scrollToTop_cyzwo_173 {
371
+ ._scrollToTop_yoz76_173 {
372
372
  position: absolute;
373
373
  top: 0;
374
374
  left: 0;
@@ -376,7 +376,7 @@
376
376
  height: 20px;
377
377
  }
378
378
 
379
- ._scrollToBottom_cyzwo_189 {
379
+ ._scrollToBottom_yoz76_189 {
380
380
  position: absolute;
381
381
  bottom: 0;
382
382
  left: 0;
@@ -384,24 +384,9 @@
384
384
  height: 20px;
385
385
  }
386
386
 
387
- ._hidden_cyzwo_205 {
387
+ ._hidden_yoz76_205 {
388
388
  display: none;
389
389
  }
390
-
391
- ._disabled_cyzwo_213 {
392
- position: relative;
393
- }
394
-
395
- ._disabledOverlay_cyzwo_221 {
396
- position: absolute;
397
- top: 0;
398
- left: 0;
399
- right: 0;
400
- bottom: 0;
401
- background-color: rgba(255, 255, 255, 0.4);
402
- pointer-events: none;
403
- z-index: 10;
404
- }
405
390
  ._ganttToday_1oyhk_1 {
406
391
  z-index: 1;
407
392
  }
@@ -593,7 +578,7 @@
593
578
  user-select: none;
594
579
  stroke-width: 0;
595
580
  }
596
- ._ganttVerticalContainer_15ld3_1 {
581
+ ._ganttVerticalContainer_1wr55_1 {
597
582
  overflow-x: scroll;
598
583
  overflow-y: hidden;
599
584
  font-size: 0;
@@ -605,16 +590,16 @@
605
590
  height: 100%;
606
591
  }
607
592
 
608
- ._ganttVerticalContainer_15ld3_1::-webkit-scrollbar {
593
+ ._ganttVerticalContainer_1wr55_1::-webkit-scrollbar {
609
594
  width: 1rem;
610
595
  height: 1rem;
611
596
  }
612
597
 
613
- ._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-corner {
598
+ ._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-corner {
614
599
  background: transparent;
615
600
  }
616
601
 
617
- ._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-thumb {
602
+ ._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb {
618
603
  border: 4px solid transparent;
619
604
  /*noinspection CssUnresolvedCustomProperty*/
620
605
  background: var(--gantt-scrollbar-thumb-color);
@@ -622,20 +607,20 @@
622
607
  background-clip: padding-box;
623
608
  }
624
609
 
625
- ._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-thumb:hover {
610
+ ._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb:hover {
626
611
  border: 2px solid transparent;
627
612
  /*noinspection CssUnresolvedCustomProperty*/
628
613
  background: var(--gantt-scrollbar-thumb-color);
629
614
  background-clip: padding-box;
630
615
  }
631
616
 
632
- ._horizontalContainer_15ld3_73 {
617
+ ._horizontalContainer_1wr55_73 {
633
618
  margin: 0;
634
619
  padding: 0;
635
620
  overflow: hidden;
636
621
  }
637
622
 
638
- ._wrapper_15ld3_85 {
623
+ ._wrapper_1wr55_85 {
639
624
  display: flex;
640
625
  padding: 0;
641
626
  margin: 0;
@@ -647,24 +632,9 @@
647
632
  border-bottom: 1px solid var(--gantt-divider-color);
648
633
  }
649
634
 
650
- ._calendarDragging_15ld3_109 {
635
+ ._calendarDragging_1wr55_109 {
651
636
  cursor: grabbing;
652
637
  }
653
-
654
- ._disabled_15ld3_117 {
655
- position: relative;
656
- }
657
-
658
- ._disabledOverlay_15ld3_125 {
659
- position: absolute;
660
- top: 0;
661
- left: 0;
662
- right: 0;
663
- bottom: 0;
664
- background-color: rgba(255, 255, 255, 0.4);
665
- pointer-events: none;
666
- z-index: 10;
667
- }
668
638
  /*noinspection CssUnresolvedCustomProperty*/
669
639
  ._menuOption_1c3e3_3 {
670
640
  display: flex;
@@ -368,11 +368,6 @@ export interface GanttProps {
368
368
  * Custom color for progress bars. If not provided, theme progress colors are used.
369
369
  */
370
370
  progressColor?: string;
371
- /**
372
- * When true, disables all interactions in the task list and gantt chart while data is processing.
373
- * Headers remain interactive for consistency.
374
- */
375
- isLoading?: boolean;
376
371
  }
377
372
  export interface GanttTaskBarActions {
378
373
  allowMoveTaskBar?: (action: TaskBarMoveAction, task: RenderTask) => boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-task-react-v",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "description": "Interactive Gantt Chart for React with TypeScript.",
5
5
  "author": "aguilanbon",
6
6
  "homepage": "https://github.com/aguilanbon/gantt-task-react-v",