gantt-task-react-v 1.0.18 → 1.0.19

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.
@@ -10657,14 +10657,14 @@ const TaskListTableDefaultInner = ({
10657
10657
  );
10658
10658
  };
10659
10659
  const TaskListTable = memo(TaskListTableDefaultInner);
10660
- const taskListRoot = "_taskListRoot_xeaio_1";
10661
- const taskListHorizontalScroll = "_taskListHorizontalScroll_xeaio_21";
10662
- const taskListResizer = "_taskListResizer_xeaio_85";
10663
- const horizontalContainer$1 = "_horizontalContainer_xeaio_149";
10664
- const tableWrapper = "_tableWrapper_xeaio_167";
10665
- const scrollToTop = "_scrollToTop_xeaio_179";
10666
- const scrollToBottom = "_scrollToBottom_xeaio_195";
10667
- const hidden = "_hidden_xeaio_211";
10660
+ const taskListRoot = "_taskListRoot_1jqtj_1";
10661
+ const taskListHorizontalScroll = "_taskListHorizontalScroll_1jqtj_21";
10662
+ const taskListResizer = "_taskListResizer_1jqtj_85";
10663
+ const horizontalContainer$1 = "_horizontalContainer_1jqtj_149";
10664
+ const tableWrapper = "_tableWrapper_1jqtj_215";
10665
+ const scrollToTop = "_scrollToTop_1jqtj_227";
10666
+ const scrollToBottom = "_scrollToBottom_1jqtj_243";
10667
+ const hidden = "_hidden_1jqtj_259";
10668
10668
  const styles$d = {
10669
10669
  taskListRoot,
10670
10670
  taskListHorizontalScroll,
@@ -13147,12 +13147,12 @@ const TaskGanttContentInner = (props) => {
13147
13147
  ] });
13148
13148
  };
13149
13149
  const TaskGanttContent = memo(TaskGanttContentInner);
13150
- const ganttVerticalContainer = "_ganttVerticalContainer_15txg_1";
13151
- const horizontalContainer = "_horizontalContainer_15txg_79";
13152
- const ganttHeader = "_ganttHeader_15txg_143";
13153
- const ganttBodyScroll = "_ganttBodyScroll_15txg_153";
13154
- const wrapper = "_wrapper_15txg_217";
13155
- const calendarDragging = "_calendarDragging_15txg_243";
13150
+ const ganttVerticalContainer = "_ganttVerticalContainer_1benq_1";
13151
+ const horizontalContainer = "_horizontalContainer_1benq_79";
13152
+ const ganttHeader = "_ganttHeader_1benq_95";
13153
+ const ganttBodyScroll = "_ganttBodyScroll_1benq_105";
13154
+ const wrapper = "_wrapper_1benq_169";
13155
+ const calendarDragging = "_calendarDragging_1benq_195";
13156
13156
  const styles$2 = {
13157
13157
  ganttVerticalContainer,
13158
13158
  horizontalContainer,
@@ -10674,14 +10674,14 @@
10674
10674
  );
10675
10675
  };
10676
10676
  const TaskListTable = React.memo(TaskListTableDefaultInner);
10677
- const taskListRoot = "_taskListRoot_xeaio_1";
10678
- const taskListHorizontalScroll = "_taskListHorizontalScroll_xeaio_21";
10679
- const taskListResizer = "_taskListResizer_xeaio_85";
10680
- const horizontalContainer$1 = "_horizontalContainer_xeaio_149";
10681
- const tableWrapper = "_tableWrapper_xeaio_167";
10682
- const scrollToTop = "_scrollToTop_xeaio_179";
10683
- const scrollToBottom = "_scrollToBottom_xeaio_195";
10684
- const hidden = "_hidden_xeaio_211";
10677
+ const taskListRoot = "_taskListRoot_1jqtj_1";
10678
+ const taskListHorizontalScroll = "_taskListHorizontalScroll_1jqtj_21";
10679
+ const taskListResizer = "_taskListResizer_1jqtj_85";
10680
+ const horizontalContainer$1 = "_horizontalContainer_1jqtj_149";
10681
+ const tableWrapper = "_tableWrapper_1jqtj_215";
10682
+ const scrollToTop = "_scrollToTop_1jqtj_227";
10683
+ const scrollToBottom = "_scrollToBottom_1jqtj_243";
10684
+ const hidden = "_hidden_1jqtj_259";
10685
10685
  const styles$d = {
10686
10686
  taskListRoot,
10687
10687
  taskListHorizontalScroll,
@@ -13164,12 +13164,12 @@
13164
13164
  ] });
13165
13165
  };
13166
13166
  const TaskGanttContent = React.memo(TaskGanttContentInner);
13167
- const ganttVerticalContainer = "_ganttVerticalContainer_15txg_1";
13168
- const horizontalContainer = "_horizontalContainer_15txg_79";
13169
- const ganttHeader = "_ganttHeader_15txg_143";
13170
- const ganttBodyScroll = "_ganttBodyScroll_15txg_153";
13171
- const wrapper = "_wrapper_15txg_217";
13172
- const calendarDragging = "_calendarDragging_15txg_243";
13167
+ const ganttVerticalContainer = "_ganttVerticalContainer_1benq_1";
13168
+ const horizontalContainer = "_horizontalContainer_1benq_79";
13169
+ const ganttHeader = "_ganttHeader_1benq_95";
13170
+ const ganttBodyScroll = "_ganttBodyScroll_1benq_105";
13171
+ const wrapper = "_wrapper_1benq_169";
13172
+ const calendarDragging = "_calendarDragging_1benq_195";
13173
13173
  const styles$2 = {
13174
13174
  ganttVerticalContainer,
13175
13175
  horizontalContainer,
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_xeaio_1 {
285
+ ._taskListRoot_1jqtj_1 {
286
286
  position: relative;
287
287
  /*noinspection CssUnresolvedCustomProperty*/
288
288
  border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
@@ -292,7 +292,7 @@
292
292
  overflow: hidden;
293
293
  }
294
294
 
295
- ._taskListHorizontalScroll_xeaio_21 {
295
+ ._taskListHorizontalScroll_1jqtj_21 {
296
296
  overflow-x: auto;
297
297
  overflow-y: hidden;
298
298
  flex: 1;
@@ -300,16 +300,16 @@
300
300
  flex-direction: column;
301
301
  }
302
302
 
303
- ._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar {
304
- width: 1rem;
303
+ ._taskListHorizontalScroll_1jqtj_21::-webkit-scrollbar {
304
+ width: 0;
305
305
  height: 1rem;
306
306
  }
307
307
 
308
- ._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-corner {
308
+ ._taskListHorizontalScroll_1jqtj_21::-webkit-scrollbar-corner {
309
309
  background: transparent;
310
310
  }
311
311
 
312
- ._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-thumb {
312
+ ._taskListHorizontalScroll_1jqtj_21::-webkit-scrollbar-thumb {
313
313
  border: 4px solid transparent;
314
314
  /*noinspection CssUnresolvedCustomProperty*/
315
315
  background: var(--gantt-scrollbar-thumb-color);
@@ -317,14 +317,14 @@
317
317
  background-clip: padding-box;
318
318
  }
319
319
 
320
- ._taskListHorizontalScroll_xeaio_21::-webkit-scrollbar-thumb:hover {
320
+ ._taskListHorizontalScroll_1jqtj_21::-webkit-scrollbar-thumb:hover {
321
321
  border: 2px solid transparent;
322
322
  /*noinspection CssUnresolvedCustomProperty*/
323
323
  background: var(--gantt-scrollbar-thumb-color);
324
324
  background-clip: padding-box;
325
325
  }
326
326
 
327
- ._taskListResizer_xeaio_85 {
327
+ ._taskListResizer_1jqtj_85 {
328
328
  position: absolute;
329
329
  top: 0;
330
330
  right: -3px;
@@ -336,16 +336,16 @@
336
336
  }
337
337
 
338
338
  /*noinspection CssUnresolvedCustomProperty*/
339
- ._taskListResizer_xeaio_85:hover {
339
+ ._taskListResizer_1jqtj_85:hover {
340
340
  background-color: var(--gantt-table-hover-action-color);
341
341
  filter: var(--gantt-hover-filter);
342
342
  }
343
343
 
344
- ._taskListResizer_xeaio_85:hover::before {
344
+ ._taskListResizer_1jqtj_85:hover::before {
345
345
  display: none;
346
346
  }
347
347
 
348
- ._taskListResizer_xeaio_85::before {
348
+ ._taskListResizer_1jqtj_85::before {
349
349
  content: "";
350
350
  position: absolute;
351
351
  top: 0;
@@ -356,7 +356,7 @@
356
356
  background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
357
357
  }
358
358
 
359
- ._horizontalContainer_xeaio_149 {
359
+ ._horizontalContainer_1jqtj_149 {
360
360
  margin: 0;
361
361
  padding: 0;
362
362
  overflow-y: auto;
@@ -365,13 +365,37 @@
365
365
  min-height: 0;
366
366
  }
367
367
 
368
- ._tableWrapper_xeaio_167 {
368
+ ._horizontalContainer_1jqtj_149::-webkit-scrollbar {
369
+ width: 1rem;
370
+ height: 1rem;
371
+ }
372
+
373
+ ._horizontalContainer_1jqtj_149::-webkit-scrollbar-corner {
374
+ background: transparent;
375
+ }
376
+
377
+ ._horizontalContainer_1jqtj_149::-webkit-scrollbar-thumb {
378
+ border: 4px solid transparent;
379
+ /*noinspection CssUnresolvedCustomProperty*/
380
+ background: var(--gantt-scrollbar-thumb-color);
381
+ border-radius: 12px;
382
+ background-clip: padding-box;
383
+ }
384
+
385
+ ._horizontalContainer_1jqtj_149::-webkit-scrollbar-thumb:hover {
386
+ border: 2px solid transparent;
387
+ /*noinspection CssUnresolvedCustomProperty*/
388
+ background: var(--gantt-scrollbar-thumb-color);
389
+ background-clip: padding-box;
390
+ }
391
+
392
+ ._tableWrapper_1jqtj_215 {
369
393
  position: relative;
370
394
  flex: 1;
371
395
  min-height: 0;
372
396
  }
373
397
 
374
- ._scrollToTop_xeaio_179 {
398
+ ._scrollToTop_1jqtj_227 {
375
399
  position: absolute;
376
400
  top: 0;
377
401
  left: 0;
@@ -379,7 +403,7 @@
379
403
  height: 20px;
380
404
  }
381
405
 
382
- ._scrollToBottom_xeaio_195 {
406
+ ._scrollToBottom_1jqtj_243 {
383
407
  position: absolute;
384
408
  bottom: 0;
385
409
  left: 0;
@@ -387,7 +411,7 @@
387
411
  height: 20px;
388
412
  }
389
413
 
390
- ._hidden_xeaio_211 {
414
+ ._hidden_1jqtj_259 {
391
415
  display: none;
392
416
  }
393
417
  ._ganttToday_1oyhk_1 {
@@ -581,7 +605,7 @@
581
605
  user-select: none;
582
606
  stroke-width: 0;
583
607
  }
584
- ._ganttVerticalContainer_15txg_1 {
608
+ ._ganttVerticalContainer_1benq_1 {
585
609
  display: flex;
586
610
  flex-direction: column;
587
611
  overflow-x: auto;
@@ -596,16 +620,16 @@
596
620
  min-height: 0;
597
621
  }
598
622
 
599
- ._ganttVerticalContainer_15txg_1::-webkit-scrollbar {
623
+ ._ganttVerticalContainer_1benq_1::-webkit-scrollbar {
600
624
  width: 1rem;
601
625
  height: 1rem;
602
626
  }
603
627
 
604
- ._ganttVerticalContainer_15txg_1::-webkit-scrollbar-corner {
628
+ ._ganttVerticalContainer_1benq_1::-webkit-scrollbar-corner {
605
629
  background: transparent;
606
630
  }
607
631
 
608
- ._ganttVerticalContainer_15txg_1::-webkit-scrollbar-thumb {
632
+ ._ganttVerticalContainer_1benq_1::-webkit-scrollbar-thumb {
609
633
  border: 4px solid transparent;
610
634
  /*noinspection CssUnresolvedCustomProperty*/
611
635
  background: var(--gantt-scrollbar-thumb-color);
@@ -613,51 +637,27 @@
613
637
  background-clip: padding-box;
614
638
  }
615
639
 
616
- ._ganttVerticalContainer_15txg_1::-webkit-scrollbar-thumb:hover {
640
+ ._ganttVerticalContainer_1benq_1::-webkit-scrollbar-thumb:hover {
617
641
  border: 2px solid transparent;
618
642
  /*noinspection CssUnresolvedCustomProperty*/
619
643
  background: var(--gantt-scrollbar-thumb-color);
620
644
  background-clip: padding-box;
621
645
  }
622
646
 
623
- ._horizontalContainer_15txg_79 {
647
+ ._horizontalContainer_1benq_79 {
624
648
  margin: 0;
625
649
  padding: 0;
626
- overflow: auto;
650
+ overflow: visible;
627
651
  height: 100%;
628
652
  min-height: 0;
629
653
  }
630
654
 
631
- ._horizontalContainer_15txg_79::-webkit-scrollbar {
632
- width: 1rem;
633
- height: 1rem;
634
- }
635
-
636
- ._horizontalContainer_15txg_79::-webkit-scrollbar-corner {
637
- background: transparent;
638
- }
639
-
640
- ._horizontalContainer_15txg_79::-webkit-scrollbar-thumb {
641
- border: 4px solid transparent;
642
- /*noinspection CssUnresolvedCustomProperty*/
643
- background: var(--gantt-scrollbar-thumb-color);
644
- border-radius: 12px;
645
- background-clip: padding-box;
646
- }
647
-
648
- ._horizontalContainer_15txg_79::-webkit-scrollbar-thumb:hover {
649
- border: 2px solid transparent;
650
- /*noinspection CssUnresolvedCustomProperty*/
651
- background: var(--gantt-scrollbar-thumb-color);
652
- background-clip: padding-box;
653
- }
654
-
655
- ._ganttHeader_15txg_143 {
655
+ ._ganttHeader_1benq_95 {
656
656
  flex: 0 0 auto;
657
657
  z-index: 3;
658
658
  }
659
659
 
660
- ._ganttBodyScroll_15txg_153 {
660
+ ._ganttBodyScroll_1benq_105 {
661
661
  flex: 1 1 auto;
662
662
  overflow-y: auto;
663
663
  overflow-x: hidden;
@@ -665,16 +665,16 @@
665
665
  height: 100%;
666
666
  }
667
667
 
668
- ._ganttBodyScroll_15txg_153::-webkit-scrollbar {
668
+ ._ganttBodyScroll_1benq_105::-webkit-scrollbar {
669
669
  width: 1rem;
670
670
  height: 1rem;
671
671
  }
672
672
 
673
- ._ganttBodyScroll_15txg_153::-webkit-scrollbar-corner {
673
+ ._ganttBodyScroll_1benq_105::-webkit-scrollbar-corner {
674
674
  background: transparent;
675
675
  }
676
676
 
677
- ._ganttBodyScroll_15txg_153::-webkit-scrollbar-thumb {
677
+ ._ganttBodyScroll_1benq_105::-webkit-scrollbar-thumb {
678
678
  border: 4px solid transparent;
679
679
  /*noinspection CssUnresolvedCustomProperty*/
680
680
  background: var(--gantt-scrollbar-thumb-color);
@@ -682,14 +682,14 @@
682
682
  background-clip: padding-box;
683
683
  }
684
684
 
685
- ._ganttBodyScroll_15txg_153::-webkit-scrollbar-thumb:hover {
685
+ ._ganttBodyScroll_1benq_105::-webkit-scrollbar-thumb:hover {
686
686
  border: 2px solid transparent;
687
687
  /*noinspection CssUnresolvedCustomProperty*/
688
688
  background: var(--gantt-scrollbar-thumb-color);
689
689
  background-clip: padding-box;
690
690
  }
691
691
 
692
- ._wrapper_15txg_217 {
692
+ ._wrapper_1benq_169 {
693
693
  display: flex;
694
694
  padding: 0;
695
695
  margin: 0;
@@ -702,7 +702,7 @@
702
702
  min-height: 0;
703
703
  }
704
704
 
705
- ._calendarDragging_15txg_243 {
705
+ ._calendarDragging_1benq_195 {
706
706
  cursor: grabbing;
707
707
  }
708
708
  /*noinspection CssUnresolvedCustomProperty*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gantt-task-react-v",
3
- "version": "1.0.18",
3
+ "version": "1.0.19",
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",