gantt-task-react-v 1.2.1 → 1.2.2

package/dist/gantt-task-react.es.js

@@ -10637,15 +10637,16 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTable = memo(TaskListTableDefaultInner);
-const taskListRoot = "_taskListRoot_yadug_1";
-const taskListHorizontalScroll = "_taskListHorizontalScroll_yadug_19";
-const taskListResizer = "_taskListResizer_yadug_81";
-const horizontalContainer$1 = "_horizontalContainer_yadug_145";
-const tableWrapper = "_tableWrapper_yadug_159";
-const scrollToTop = "_scrollToTop_yadug_173";
-const scrollToBottom = "_scrollToBottom_yadug_189";
-const hidden = "_hidden_yadug_205";
-const disabled$1 = "_disabled_yadug_213";
+const taskListRoot = "_taskListRoot_cyzwo_1";
+const taskListHorizontalScroll = "_taskListHorizontalScroll_cyzwo_19";
+const taskListResizer = "_taskListResizer_cyzwo_81";
+const horizontalContainer$1 = "_horizontalContainer_cyzwo_145";
+const tableWrapper = "_tableWrapper_cyzwo_159";
+const scrollToTop = "_scrollToTop_cyzwo_173";
+const scrollToBottom = "_scrollToBottom_cyzwo_189";
+const hidden = "_hidden_cyzwo_205";
+const disabled$1 = "_disabled_cyzwo_213";
+const disabledOverlay$1 = "_disabledOverlay_cyzwo_221";
 const styles$d = {
   taskListRoot,
   taskListHorizontalScroll,
@@ -10655,7 +10656,8 @@ const styles$d = {
   scrollToTop,
   scrollToBottom,
   hidden,
-  disabled: disabled$1
+  disabled: disabled$1,
+  disabledOverlay: disabledOverlay$1
 };
 const checkHasChildren = (task, childTasksMap) => {
   const { id, comparisonLevel = 1 } = task;
@@ -10807,89 +10809,84 @@ const TaskListInner = ({
               canResizeColumns
             }
           ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `${styles$d.tableWrapper} ${isLoading ? styles$d.disabled : ""}`,
-              children: [
-                /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxs("div", { className: styles$d.tableWrapper, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                ref: taskListContainerRef,
+                className: styles$d.horizontalContainer,
+                style: {
+                  height: Math.max(
+                    ganttHeight - ((tableBottom == null ? void 0 : tableBottom.height) || 0),
+                    distances.minimumRowDisplayed * distances.rowHeight
+                  ),
+                  width: taskListWidth
+                },
+                children: /* @__PURE__ */ jsx(
                   "div",
                   {
-                    ref: taskListContainerRef,
-                    className: styles$d.horizontalContainer,
                     style: {
                       height: Math.max(
-                        ganttHeight - ((tableBottom == null ? void 0 : tableBottom.height) || 0),
+                        ganttFullHeight,
                         distances.minimumRowDisplayed * distances.rowHeight
                       ),
-                      width: taskListWidth
+                      backgroundSize: `100% ${fullRowHeight * 2}px`,
+                      backgroundImage: `linear-gradient(to bottom, transparent ${fullRowHeight}px, #f5f5f5 ${fullRowHeight}px)`
                     },
                     children: /* @__PURE__ */ jsx(
-                      "div",
+                      RenderTaskListTable,
                       {
-                        style: {
-                          height: Math.max(
-                            ganttFullHeight,
-                            distances.minimumRowDisplayed * distances.rowHeight
-                          ),
-                          backgroundSize: `100% ${fullRowHeight * 2}px`,
-                          backgroundImage: `linear-gradient(to bottom, transparent ${fullRowHeight}px, #f5f5f5 ${fullRowHeight}px)`
-                        },
-                        children: /* @__PURE__ */ jsx(
-                          RenderTaskListTable,
-                          {
-                            ganttRef,
-                            getTableRowProps,
-                            canMoveTasks: canReorderTasks,
-                            allowMoveTask: allowReorderTask,
-                            childTasksMap,
-                            columns,
-                            cutIdsMirror,
-                            dateSetup,
-                            dependencyMap,
-                            distances,
-                            fullRowHeight,
-                            ganttFullHeight,
-                            getTaskCurrentState,
-                            handleAddTask,
-                            handleDeleteTasks,
-                            handleEditTask,
-                            handleMoveTaskBefore,
-                            handleMoveTaskAfter,
-                            handleMoveTasksInside,
-                            handleOpenContextMenu,
-                            icons,
-                            isShowTaskNumbers,
-                            mapTaskToNestedIndex,
-                            onClick,
-                            onExpanderClick,
-                            renderedIndexes,
-                            scrollToTask,
-                            selectTaskOnMouseDown,
-                            selectedIdsMirror,
-                            taskListWidth,
-                            tasks
-                          }
-                        )
+                        ganttRef,
+                        getTableRowProps,
+                        canMoveTasks: canReorderTasks,
+                        allowMoveTask: allowReorderTask,
+                        childTasksMap,
+                        columns,
+                        cutIdsMirror,
+                        dateSetup,
+                        dependencyMap,
+                        distances,
+                        fullRowHeight,
+                        ganttFullHeight,
+                        getTaskCurrentState,
+                        handleAddTask,
+                        handleDeleteTasks,
+                        handleEditTask,
+                        handleMoveTaskBefore,
+                        handleMoveTaskAfter,
+                        handleMoveTasksInside,
+                        handleOpenContextMenu,
+                        icons,
+                        isShowTaskNumbers,
+                        mapTaskToNestedIndex,
+                        onClick,
+                        onExpanderClick,
+                        renderedIndexes,
+                        scrollToTask,
+                        selectTaskOnMouseDown,
+                        selectedIdsMirror,
+                        taskListWidth,
+                        tasks
                       }
                     )
                   }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: `${styles$d.scrollToTop} ${!renderedIndexes || renderedIndexes[2] ? styles$d.hidden : ""}`
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: `${styles$d.scrollToBottom} ${!renderedIndexes || renderedIndexes[3] ? styles$d.hidden : ""}`
-                  }
                 )
-              ]
-            }
-          ),
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `${styles$d.scrollToTop} ${!renderedIndexes || renderedIndexes[2] ? styles$d.hidden : ""}`
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `${styles$d.scrollToBottom} ${!renderedIndexes || renderedIndexes[3] ? styles$d.hidden : ""}`
+              }
+            ),
+            isLoading && /* @__PURE__ */ jsx("div", { className: styles$d.disabledOverlay })
+          ] }),
           (tableBottom == null ? void 0 : tableBottom.renderContent) && (tableBottom == null ? void 0 : tableBottom.height) && /* @__PURE__ */ jsx("div", { style: { height: tableBottom.height, width: "100%" }, children: tableBottom.renderContent() })
         ]
       }
@@ -13372,17 +13369,19 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_1czjq_1";
-const horizontalContainer = "_horizontalContainer_1czjq_73";
-const wrapper = "_wrapper_1czjq_85";
-const calendarDragging = "_calendarDragging_1czjq_109";
-const disabled = "_disabled_1czjq_117";
+const ganttVerticalContainer = "_ganttVerticalContainer_15ld3_1";
+const horizontalContainer = "_horizontalContainer_15ld3_73";
+const wrapper = "_wrapper_15ld3_85";
+const calendarDragging = "_calendarDragging_15ld3_109";
+const disabled = "_disabled_15ld3_117";
+const disabledOverlay = "_disabledOverlay_15ld3_125";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
   wrapper,
   calendarDragging,
-  disabled
+  disabled,
+  disabledOverlay
 };
 const TaskGanttInner = (props) => {
   const {
@@ -13527,41 +13526,44 @@ const TaskGanttInner = (props) => {
             children: /* @__PURE__ */ jsx(Calendar, { scrollRef: verticalGanttContainerRef, ...calendarProps })
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             ref: horizontalContainerRef,
-            className: `${styles$2.horizontalContainer} ${isLoading ? styles$2.disabled : ""}`,
+            className: styles$2.horizontalContainer,
             style: containerStyle,
-            children: /* @__PURE__ */ jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxs(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: fullSvgWidth,
-                height: ganttFullHeight,
-                fontFamily: "var(--gantt-font-family)",
-                ref: ganttSVGRef,
-                onContextMenu: (event) => {
-                  event.preventDefault();
-                  if (onOpenGanttContextMenu) {
-                    onOpenGanttContextMenu(event.clientX, event.clientY);
-                  }
-                },
-                children: [
-                  /* @__PURE__ */ jsx(GanttToday, { ...ganttTodayProps }),
-                  /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      ref: contentRef,
-                      width: "100%",
-                      height: "100%",
-                      fill: "transparent"
+            children: [
+              /* @__PURE__ */ jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: fullSvgWidth,
+                  height: ganttFullHeight,
+                  fontFamily: "var(--gantt-font-family)",
+                  ref: ganttSVGRef,
+                  onContextMenu: (event) => {
+                    event.preventDefault();
+                    if (onOpenGanttContextMenu) {
+                      onOpenGanttContextMenu(event.clientX, event.clientY);
                     }
-                  ),
-                  /* @__PURE__ */ jsx(TaskGanttContent, { ...barProps })
-                ]
-              }
-            ) })
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(GanttToday, { ...ganttTodayProps }),
+                    /* @__PURE__ */ jsx(
+                      "rect",
+                      {
+                        ref: contentRef,
+                        width: "100%",
+                        height: "100%",
+                        fill: "transparent"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(TaskGanttContent, { ...barProps })
+                  ]
+                }
+              ) }),
+              isLoading && /* @__PURE__ */ jsx("div", { className: styles$2.disabledOverlay })
+            ]
           }
         )
       ]

package/dist/gantt-task-react.umd.js

@@ -10654,15 +10654,16 @@
     );
   };
   const TaskListTable = React.memo(TaskListTableDefaultInner);
-  const taskListRoot = "_taskListRoot_yadug_1";
-  const taskListHorizontalScroll = "_taskListHorizontalScroll_yadug_19";
-  const taskListResizer = "_taskListResizer_yadug_81";
-  const horizontalContainer$1 = "_horizontalContainer_yadug_145";
-  const tableWrapper = "_tableWrapper_yadug_159";
-  const scrollToTop = "_scrollToTop_yadug_173";
-  const scrollToBottom = "_scrollToBottom_yadug_189";
-  const hidden = "_hidden_yadug_205";
-  const disabled$1 = "_disabled_yadug_213";
+  const taskListRoot = "_taskListRoot_cyzwo_1";
+  const taskListHorizontalScroll = "_taskListHorizontalScroll_cyzwo_19";
+  const taskListResizer = "_taskListResizer_cyzwo_81";
+  const horizontalContainer$1 = "_horizontalContainer_cyzwo_145";
+  const tableWrapper = "_tableWrapper_cyzwo_159";
+  const scrollToTop = "_scrollToTop_cyzwo_173";
+  const scrollToBottom = "_scrollToBottom_cyzwo_189";
+  const hidden = "_hidden_cyzwo_205";
+  const disabled$1 = "_disabled_cyzwo_213";
+  const disabledOverlay$1 = "_disabledOverlay_cyzwo_221";
   const styles$d = {
     taskListRoot,
     taskListHorizontalScroll,
@@ -10672,7 +10673,8 @@
     scrollToTop,
     scrollToBottom,
     hidden,
-    disabled: disabled$1
+    disabled: disabled$1,
+    disabledOverlay: disabledOverlay$1
   };
   const checkHasChildren = (task, childTasksMap) => {
     const { id, comparisonLevel = 1 } = task;
@@ -10824,89 +10826,84 @@
                 canResizeColumns
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: `${styles$d.tableWrapper} ${isLoading ? styles$d.disabled : ""}`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$d.tableWrapper, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ref: taskListContainerRef,
+                  className: styles$d.horizontalContainer,
+                  style: {
+                    height: Math.max(
+                      ganttHeight - ((tableBottom == null ? void 0 : tableBottom.height) || 0),
+                      distances.minimumRowDisplayed * distances.rowHeight
+                    ),
+                    width: taskListWidth
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      ref: taskListContainerRef,
-                      className: styles$d.horizontalContainer,
                       style: {
                         height: Math.max(
-                          ganttHeight - ((tableBottom == null ? void 0 : tableBottom.height) || 0),
+                          ganttFullHeight,
                           distances.minimumRowDisplayed * distances.rowHeight
                         ),
-                        width: taskListWidth
+                        backgroundSize: `100% ${fullRowHeight * 2}px`,
+                        backgroundImage: `linear-gradient(to bottom, transparent ${fullRowHeight}px, #f5f5f5 ${fullRowHeight}px)`
                       },
                       children: /* @__PURE__ */ jsxRuntime.jsx(
-                        "div",
+                        RenderTaskListTable,
                         {
-                          style: {
-                            height: Math.max(
-                              ganttFullHeight,
-                              distances.minimumRowDisplayed * distances.rowHeight
-                            ),
-                            backgroundSize: `100% ${fullRowHeight * 2}px`,
-                            backgroundImage: `linear-gradient(to bottom, transparent ${fullRowHeight}px, #f5f5f5 ${fullRowHeight}px)`
-                          },
-                          children: /* @__PURE__ */ jsxRuntime.jsx(
-                            RenderTaskListTable,
-                            {
-                              ganttRef,
-                              getTableRowProps,
-                              canMoveTasks: canReorderTasks,
-                              allowMoveTask: allowReorderTask,
-                              childTasksMap,
-                              columns,
-                              cutIdsMirror,
-                              dateSetup,
-                              dependencyMap,
-                              distances,
-                              fullRowHeight,
-                              ganttFullHeight,
-                              getTaskCurrentState,
-                              handleAddTask,
-                              handleDeleteTasks,
-                              handleEditTask,
-                              handleMoveTaskBefore,
-                              handleMoveTaskAfter,
-                              handleMoveTasksInside,
-                              handleOpenContextMenu,
-                              icons,
-                              isShowTaskNumbers,
-                              mapTaskToNestedIndex,
-                              onClick,
-                              onExpanderClick,
-                              renderedIndexes,
-                              scrollToTask,
-                              selectTaskOnMouseDown,
-                              selectedIdsMirror,
-                              taskListWidth,
-                              tasks
-                            }
-                          )
+                          ganttRef,
+                          getTableRowProps,
+                          canMoveTasks: canReorderTasks,
+                          allowMoveTask: allowReorderTask,
+                          childTasksMap,
+                          columns,
+                          cutIdsMirror,
+                          dateSetup,
+                          dependencyMap,
+                          distances,
+                          fullRowHeight,
+                          ganttFullHeight,
+                          getTaskCurrentState,
+                          handleAddTask,
+                          handleDeleteTasks,
+                          handleEditTask,
+                          handleMoveTaskBefore,
+                          handleMoveTaskAfter,
+                          handleMoveTasksInside,
+                          handleOpenContextMenu,
+                          icons,
+                          isShowTaskNumbers,
+                          mapTaskToNestedIndex,
+                          onClick,
+                          onExpanderClick,
+                          renderedIndexes,
+                          scrollToTask,
+                          selectTaskOnMouseDown,
+                          selectedIdsMirror,
+                          taskListWidth,
+                          tasks
                         }
                       )
                     }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: `${styles$d.scrollToTop} ${!renderedIndexes || renderedIndexes[2] ? styles$d.hidden : ""}`
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: `${styles$d.scrollToBottom} ${!renderedIndexes || renderedIndexes[3] ? styles$d.hidden : ""}`
-                    }
                   )
-                ]
-              }
-            ),
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: `${styles$d.scrollToTop} ${!renderedIndexes || renderedIndexes[2] ? styles$d.hidden : ""}`
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: `${styles$d.scrollToBottom} ${!renderedIndexes || renderedIndexes[3] ? styles$d.hidden : ""}`
+                }
+              ),
+              isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$d.disabledOverlay })
+            ] }),
             (tableBottom == null ? void 0 : tableBottom.renderContent) && (tableBottom == null ? void 0 : tableBottom.height) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: tableBottom.height, width: "100%" }, children: tableBottom.renderContent() })
           ]
         }
@@ -13389,17 +13386,19 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_1czjq_1";
-  const horizontalContainer = "_horizontalContainer_1czjq_73";
-  const wrapper = "_wrapper_1czjq_85";
-  const calendarDragging = "_calendarDragging_1czjq_109";
-  const disabled = "_disabled_1czjq_117";
+  const ganttVerticalContainer = "_ganttVerticalContainer_15ld3_1";
+  const horizontalContainer = "_horizontalContainer_15ld3_73";
+  const wrapper = "_wrapper_15ld3_85";
+  const calendarDragging = "_calendarDragging_15ld3_109";
+  const disabled = "_disabled_15ld3_117";
+  const disabledOverlay = "_disabledOverlay_15ld3_125";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,
     wrapper,
     calendarDragging,
-    disabled
+    disabled,
+    disabledOverlay
   };
   const TaskGanttInner = (props) => {
     const {
@@ -13544,41 +13543,44 @@
               children: /* @__PURE__ */ jsxRuntime.jsx(Calendar, { scrollRef: verticalGanttContainerRef, ...calendarProps })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
               ref: horizontalContainerRef,
-              className: `${styles$2.horizontalContainer} ${isLoading ? styles$2.disabled : ""}`,
+              className: styles$2.horizontalContainer,
               style: containerStyle,
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: fullSvgWidth,
-                  height: ganttFullHeight,
-                  fontFamily: "var(--gantt-font-family)",
-                  ref: ganttSVGRef,
-                  onContextMenu: (event) => {
-                    event.preventDefault();
-                    if (onOpenGanttContextMenu) {
-                      onOpenGanttContextMenu(event.clientX, event.clientY);
-                    }
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(GanttToday, { ...ganttTodayProps }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "rect",
-                      {
-                        ref: contentRef,
-                        width: "100%",
-                        height: "100%",
-                        fill: "transparent"
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: fullSvgWidth,
+                    height: ganttFullHeight,
+                    fontFamily: "var(--gantt-font-family)",
+                    ref: ganttSVGRef,
+                    onContextMenu: (event) => {
+                      event.preventDefault();
+                      if (onOpenGanttContextMenu) {
+                        onOpenGanttContextMenu(event.clientX, event.clientY);
                       }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(TaskGanttContent, { ...barProps })
-                  ]
-                }
-              ) })
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(GanttToday, { ...ganttTodayProps }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "rect",
+                        {
+                          ref: contentRef,
+                          width: "100%",
+                          height: "100%",
+                          fill: "transparent"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(TaskGanttContent, { ...barProps })
+                    ]
+                  }
+                ) }),
+                isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$2.disabledOverlay })
+              ]
             }
           )
         ]

package/dist/style.css

@@ -282,7 +282,7 @@
   border-bottom: 1px solid var(--gantt-divider-color);
   table-layout: fixed;
 }
-._taskListRoot_yadug_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_yadug_19 {
+._taskListHorizontalScroll_cyzwo_19 {
   overflow-x: scroll;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
 
-._taskListHorizontalScroll_yadug_19::-webkit-scrollbar {
+._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._taskListHorizontalScroll_yadug_19::-webkit-scrollbar-corner {
+._taskListHorizontalScroll_cyzwo_19::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._taskListHorizontalScroll_yadug_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_yadug_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_yadug_81 {
+._taskListResizer_cyzwo_81 {
   position: absolute;
   top: 0;
   right: -3px;
@@ -334,16 +334,16 @@
 }
 
 /*noinspection CssUnresolvedCustomProperty*/
-._taskListResizer_yadug_81:hover {
+._taskListResizer_cyzwo_81:hover {
   background-color: var(--gantt-table-hover-action-color);
   filter: var(--gantt-hover-filter);
 }
 
-._taskListResizer_yadug_81:hover::before {
+._taskListResizer_cyzwo_81:hover::before {
   display: none;
 }
 
-._taskListResizer_yadug_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_yadug_145 {
+._horizontalContainer_cyzwo_145 {
   margin: 0;
   padding: 0;
   overflow: hidden;
   flex-grow: 1;
 }
 
-._tableWrapper_yadug_159 {
+._tableWrapper_cyzwo_159 {
   position: relative;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
 }
 
-._scrollToTop_yadug_173 {
+._scrollToTop_cyzwo_173 {
   position: absolute;
   top: 0;
   left: 0;
@@ -376,7 +376,7 @@
   height: 20px;
 }
 
-._scrollToBottom_yadug_189 {
+._scrollToBottom_cyzwo_189 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -384,13 +384,23 @@
   height: 20px;
 }
 
-._hidden_yadug_205 {
+._hidden_cyzwo_205 {
   display: none;
 }
 
-._disabled_yadug_213 {
-  opacity: 0.6;
+._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;
@@ -583,7 +593,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_1czjq_1 {
+._ganttVerticalContainer_15ld3_1 {
   overflow-x: scroll;
   overflow-y: hidden;
   font-size: 0;
@@ -595,16 +605,16 @@
   height: 100%;
 }
 
-._ganttVerticalContainer_1czjq_1::-webkit-scrollbar {
+._ganttVerticalContainer_15ld3_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_1czjq_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_1czjq_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_15ld3_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -612,20 +622,20 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_1czjq_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_1czjq_73 {
+._horizontalContainer_15ld3_73 {
   margin: 0;
   padding: 0;
   overflow: hidden;
 }
 
-._wrapper_1czjq_85 {
+._wrapper_15ld3_85 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -637,13 +647,23 @@
   border-bottom: 1px solid var(--gantt-divider-color);
 }
 
-._calendarDragging_1czjq_109 {
+._calendarDragging_15ld3_109 {
   cursor: grabbing;
 }
 
-._disabled_1czjq_117 {
-  opacity: 0.6;
+._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 {

package/package.json

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