gantt-task-react-v 1.2.0 → 1.2.2

package/dist/style.css

@@ -282,7 +282,7 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_yoz76_1 {
+._taskListRoot_cyzwo_1 {
   position: relative;
   height: 100%;
   display: flex;
@@ -291,23 +291,23 @@
   border-left: 1px solid var(--gantt-table-divider-color, var(--gantt-divider-color));
 }
 
-._taskListHorizontalScroll_yoz76_19 {
+._taskListHorizontalScroll_cyzwo_19 {
   overflow-x: scroll;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar {
+._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-thumb {
+._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -315,14 +315,14 @@
   background-clip: padding-box;
 }
 
-._taskListHorizontalScroll_yoz76_19::-webkit-scrollbar-thumb:hover {
+._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._taskListResizer_yoz76_81 {
+._taskListResizer_cyzwo_81 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -334,16 +334,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_yoz76_81:hover {
+._taskListResizer_cyzwo_81:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_yoz76_81:hover::before {
+._taskListResizer_cyzwo_81:hover::before {
   display: none;
 }
 
-._taskListResizer_yoz76_81::before {
+._taskListResizer_cyzwo_81::before {
   content: "";
   position: absolute;
   top: 0;
@@ -354,21 +354,21 @@
   background-color: var(--gantt-table-resize-color, var(--gantt-divider-color));
 }
 
-._horizontalContainer_yoz76_145 {
+._horizontalContainer_cyzwo_145 {
   margin: 0;
   padding: 0;
   overflow: hidden;
   flex-grow: 1;
 }
 
-._tableWrapper_yoz76_159 {
+._tableWrapper_cyzwo_159 {
   position: relative;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
 }
 
-._scrollToTop_yoz76_173 {
+._scrollToTop_cyzwo_173 {
   position: absolute;
   top: 0;
   left: 0;
@@ -376,7 +376,7 @@
   height: 20px;
 }
 
-._scrollToBottom_yoz76_189 {
+._scrollToBottom_cyzwo_189 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -384,9 +384,24 @@
   height: 20px;
 }
 
-._hidden_yoz76_205 {
+._hidden_cyzwo_205 {
   display: none;
 }
+
+._disabled_cyzwo_213 {
+  position: relative;
+}
+
+._disabledOverlay_cyzwo_221 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.4);
+  pointer-events: none;
+  z-index: 10;
+}
 ._ganttToday_1oyhk_1 {
   z-index: 1;
 }
@@ -578,7 +593,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_1wr55_1 {
+._ganttVerticalContainer_15ld3_1 {
   overflow-x: scroll;
   overflow-y: hidden;
   font-size: 0;
@@ -590,16 +605,16 @@
   height: 100%;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar {
+._ganttVerticalContainer_15ld3_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -607,20 +622,20 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-thumb:hover {
   border: 2px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
   background-clip: padding-box;
 }
 
-._horizontalContainer_1wr55_73 {
+._horizontalContainer_15ld3_73 {
   margin: 0;
   padding: 0;
   overflow: hidden;
 }
 
-._wrapper_1wr55_85 {
+._wrapper_15ld3_85 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -632,9 +647,24 @@
   border-bottom: 1px solid var(--gantt-divider-color);
 }
 
-._calendarDragging_1wr55_109 {
+._calendarDragging_15ld3_109 {
   cursor: grabbing;
 }
+
+._disabled_15ld3_117 {
+  position: relative;
+}
+
+._disabledOverlay_15ld3_125 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.4);
+  pointer-events: none;
+  z-index: 10;
+}
 /*noinspection CssUnresolvedCustomProperty*/
 ._menuOption_1c3e3_3 {
   display: flex;

package/dist/types/public-types.d.ts

@@ -368,6 +368,11 @@ export interface GanttProps {
      * Custom color for progress bars. If not provided, theme progress colors are used.
      */
     progressColor?: string;
+    /**
+     * When true, disables all interactions in the task list and gantt chart while data is processing.
+     * Headers remain interactive for consistency.
+     */
+    isLoading?: boolean;
 }
 export interface GanttTaskBarActions {
     allowMoveTaskBar?: (action: TaskBarMoveAction, task: RenderTask) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",