gantt-task-react-v 1.1.20 → 1.2.1

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

@@ -7456,11 +7456,11 @@ const defaultScrollIntent = {
 function useScrollIntent(_ref2) {
   let {
     delta,
-    disabled
+    disabled: disabled2
   } = _ref2;
   const previousDelta = usePrevious(delta);
   return useLazyMemo((previousIntent) => {
-    if (disabled || !previousDelta || !previousIntent) {
+    if (disabled2 || !previousDelta || !previousIntent) {
       return defaultScrollIntent;
     }
     const direction = {
@@ -7477,7 +7477,7 @@ function useScrollIntent(_ref2) {
         [Direction.Forward]: previousIntent.y[Direction.Forward] || direction.y === 1
       }
     };
-  }, [disabled, delta, previousDelta]);
+  }, [disabled2, delta, previousDelta]);
 }
 function useCachedNode(draggableNodes, id) {
   const draggableNode = id !== null ? draggableNodes.get(id) : void 0;
@@ -7526,8 +7526,8 @@ function useDroppableMeasuring(containers, _ref) {
     strategy
   } = config;
   const containersRef = useRef(containers);
-  const disabled = isDisabled();
-  const disabledRef = useLatestValue(disabled);
+  const disabled2 = isDisabled();
+  const disabledRef = useLatestValue(disabled2);
   const measureDroppableContainers = useCallback(function(ids2) {
     if (ids2 === void 0) {
       ids2 = [];
@@ -7544,7 +7544,7 @@ function useDroppableMeasuring(containers, _ref) {
   }, [disabledRef]);
   const timeoutId = useRef(null);
   const droppableRects = useLazyMemo((previousValue) => {
-    if (disabled && !dragging2) {
+    if (disabled2 && !dragging2) {
       return defaultValue;
     }
     if (!previousValue || previousValue === defaultValue || containersRef.current !== containers || queue != null) {
@@ -7567,19 +7567,19 @@ function useDroppableMeasuring(containers, _ref) {
       return map;
     }
     return previousValue;
-  }, [containers, queue, dragging2, disabled, measure]);
+  }, [containers, queue, dragging2, disabled2, measure]);
   useEffect(() => {
     containersRef.current = containers;
   }, [containers]);
   useEffect(
     () => {
-      if (disabled) {
+      if (disabled2) {
         return;
       }
       measureDroppableContainers();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dragging2, disabled]
+    [dragging2, disabled2]
   );
   useEffect(
     () => {
@@ -7592,7 +7592,7 @@ function useDroppableMeasuring(containers, _ref) {
   );
   useEffect(
     () => {
-      if (disabled || typeof frequency !== "number" || timeoutId.current !== null) {
+      if (disabled2 || typeof frequency !== "number" || timeoutId.current !== null) {
         return;
       }
       timeoutId.current = setTimeout(() => {
@@ -7601,7 +7601,7 @@ function useDroppableMeasuring(containers, _ref) {
       }, frequency);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [frequency, disabled, measureDroppableContainers, ...dependencies]
+    [frequency, disabled2, measureDroppableContainers, ...dependencies]
   );
   return {
     droppableRects,
@@ -7636,18 +7636,18 @@ function useInitialRect(node, measure) {
 function useMutationObserver(_ref) {
   let {
     callback,
-    disabled
+    disabled: disabled2
   } = _ref;
   const handleMutations = useEvent(callback);
   const mutationObserver = useMemo(() => {
-    if (disabled || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
+    if (disabled2 || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
       return void 0;
     }
     const {
       MutationObserver
     } = window;
     return new MutationObserver(handleMutations);
-  }, [handleMutations, disabled]);
+  }, [handleMutations, disabled2]);
   useEffect(() => {
     return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
   }, [mutationObserver]);
@@ -7656,12 +7656,12 @@ function useMutationObserver(_ref) {
 function useResizeObserver(_ref) {
   let {
     callback,
-    disabled
+    disabled: disabled2
   } = _ref;
   const handleResize = useEvent(callback);
   const resizeObserver = useMemo(
     () => {
-      if (disabled || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
+      if (disabled2 || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
         return void 0;
       }
       const {
@@ -7670,7 +7670,7 @@ function useResizeObserver(_ref) {
       return new ResizeObserver2(handleResize);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [disabled]
+    [disabled2]
   );
   useEffect(() => {
     return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
@@ -7988,9 +7988,9 @@ class DroppableContainersMap extends Map {
   getEnabled() {
     return this.toArray().filter((_ref) => {
       let {
-        disabled
+        disabled: disabled2
       } = _ref;
-      return !disabled;
+      return !disabled2;
     });
   }
   getNodeFor(id) {
@@ -8120,7 +8120,7 @@ function reducer(state, action) {
       const {
         id,
         key: key2,
-        disabled
+        disabled: disabled2
       } = action;
       const element = state.droppable.containers.get(id);
       if (!element || key2 !== element.key) {
@@ -8129,7 +8129,7 @@ function reducer(state, action) {
       const containers = new DroppableContainersMap(state.droppable.containers);
       containers.set(id, {
         ...element,
-        disabled
+        disabled: disabled2
       });
       return {
         ...state,
@@ -8165,7 +8165,7 @@ function reducer(state, action) {
 }
 function RestoreFocus(_ref) {
   let {
-    disabled
+    disabled: disabled2
   } = _ref;
   const {
     active,
@@ -8175,7 +8175,7 @@ function RestoreFocus(_ref) {
   const previousActivatorEvent = usePrevious(activatorEvent);
   const previousActiveId = usePrevious(active == null ? void 0 : active.id);
   useEffect(() => {
-    if (disabled) {
+    if (disabled2) {
       return;
     }
     if (!activatorEvent && previousActivatorEvent && previousActiveId != null) {
@@ -8209,7 +8209,7 @@ function RestoreFocus(_ref) {
         }
       });
     }
-  }, [activatorEvent, disabled, draggableNodes, previousActiveId, previousActivatorEvent]);
+  }, [activatorEvent, disabled2, draggableNodes, previousActiveId, previousActivatorEvent]);
   return null;
 }
 function applyModifiers(modifiers, _ref) {
@@ -8260,8 +8260,8 @@ function useLayoutShiftScrollCompensation(_ref) {
     y: config
   } : config;
   useIsomorphicLayoutEffect(() => {
-    const disabled = !x && !y;
-    if (disabled || !activeNode) {
+    const disabled2 = !x && !y;
+    if (disabled2 || !activeNode) {
       initialized.current = false;
       return;
     }
@@ -8768,7 +8768,7 @@ function useDraggable(_ref) {
   let {
     id,
     data,
-    disabled = false,
+    disabled: disabled2 = false,
     attributes
   } = _ref;
   const key2 = useUniqueId(ID_PREFIX$1);
@@ -8814,18 +8814,18 @@ function useDraggable(_ref) {
   const memoizedAttributes = useMemo(() => ({
     role,
     tabIndex,
-    "aria-disabled": disabled,
+    "aria-disabled": disabled2,
     "aria-pressed": isDragging && role === defaultRole ? true : void 0,
     "aria-roledescription": roleDescription,
     "aria-describedby": ariaDescribedById.draggable
-  }), [disabled, role, tabIndex, isDragging, roleDescription, ariaDescribedById.draggable]);
+  }), [disabled2, role, tabIndex, isDragging, roleDescription, ariaDescribedById.draggable]);
   return {
     active,
     activatorEvent,
     activeNodeRect,
     attributes: memoizedAttributes,
     isDragging,
-    listeners: disabled ? void 0 : listeners,
+    listeners: disabled2 ? void 0 : listeners,
     node,
     over,
     setNodeRef,
@@ -8843,7 +8843,7 @@ const defaultResizeObserverConfig = {
 function useDroppable(_ref) {
   let {
     data,
-    disabled = false,
+    disabled: disabled2 = false,
     id,
     resizeObserverConfig
   } = _ref;
@@ -8855,7 +8855,7 @@ function useDroppable(_ref) {
     measureDroppableContainers
   } = useContext(InternalContext);
   const previous = useRef({
-    disabled
+    disabled: disabled2
   });
   const resizeObserverConnected = useRef(false);
   const rect = useRef(null);
@@ -8919,7 +8919,7 @@ function useDroppable(_ref) {
         element: {
           id,
           key: key2,
-          disabled,
+          disabled: disabled2,
           node: nodeRef,
           rect,
           data: dataRef
@@ -8935,16 +8935,16 @@ function useDroppable(_ref) {
     [id]
   );
   useEffect(() => {
-    if (disabled !== previous.current.disabled) {
+    if (disabled2 !== previous.current.disabled) {
       dispatch({
         type: Action.SetDroppableDisabled,
         id,
         key: key2,
-        disabled
+        disabled: disabled2
       });
-      previous.current.disabled = disabled;
+      previous.current.disabled = disabled2;
     }
-  }, [id, key2, disabled, dispatch]);
+  }, [id, key2, disabled2, dispatch]);
   return {
     active,
     rect,
@@ -9335,14 +9335,14 @@ function itemsEqual(a, b) {
   }
   return true;
 }
-function normalizeDisabled(disabled) {
-  if (typeof disabled === "boolean") {
+function normalizeDisabled(disabled2) {
+  if (typeof disabled2 === "boolean") {
     return {
-      draggable: disabled,
-      droppable: disabled
+      draggable: disabled2,
+      droppable: disabled2
     };
   }
-  return disabled;
+  return disabled2;
 }
 const rectSortingStrategy = (_ref) => {
   let {
@@ -9464,7 +9464,7 @@ function SortableContext(_ref) {
   const previousItemsRef = useRef(items);
   const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);
   const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;
-  const disabled = normalizeDisabled(disabledProp);
+  const disabled2 = normalizeDisabled(disabledProp);
   useIsomorphicLayoutEffect(() => {
     if (itemsHaveChanged && isDragging) {
       measureDroppableContainers(items);
@@ -9477,7 +9477,7 @@ function SortableContext(_ref) {
     () => ({
       activeIndex,
       containerId,
-      disabled,
+      disabled: disabled2,
       disableTransforms,
       items,
       overIndex,
@@ -9486,7 +9486,7 @@ function SortableContext(_ref) {
       strategy
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]
+    [activeIndex, containerId, disabled2.draggable, disabled2.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]
   );
   return React__default.createElement(Context.Provider, {
     value: contextValue
@@ -9539,7 +9539,7 @@ const defaultAttributes = {
 };
 function useDerivedTransform(_ref) {
   let {
-    disabled,
+    disabled: disabled2,
     index: index2,
     node,
     rect
@@ -9547,7 +9547,7 @@ function useDerivedTransform(_ref) {
   const [derivedTransform, setDerivedtransform] = useState(null);
   const previousIndex = useRef(index2);
   useIsomorphicLayoutEffect(() => {
-    if (!disabled && index2 !== previousIndex.current && node.current) {
+    if (!disabled2 && index2 !== previousIndex.current && node.current) {
       const initial = rect.current;
       if (initial) {
         const current = getClientRect(node.current, {
@@ -9567,7 +9567,7 @@ function useDerivedTransform(_ref) {
     if (index2 !== previousIndex.current) {
       previousIndex.current = index2;
     }
-  }, [disabled, index2, node, rect]);
+  }, [disabled2, index2, node, rect]);
   useEffect(() => {
     if (derivedTransform) {
       setDerivedtransform(null);
@@ -9598,7 +9598,7 @@ function useSortable(_ref) {
     useDragOverlay,
     strategy: globalStrategy
   } = useContext(Context);
-  const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);
+  const disabled2 = normalizeLocalDisabled(localDisabled, globalDisabled);
   const index2 = items.indexOf(id);
   const data = useMemo(() => ({
     sortable: {
@@ -9617,7 +9617,7 @@ function useSortable(_ref) {
   } = useDroppable({
     id,
     data,
-    disabled: disabled.droppable,
+    disabled: disabled2.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: itemsAfterCurrentSortable,
       ...resizeObserverConfig
@@ -9641,7 +9641,7 @@ function useSortable(_ref) {
       ...defaultAttributes,
       ...userDefinedAttributes
     },
-    disabled: disabled.draggable
+    disabled: disabled2.draggable
   });
   const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);
   const isSorting = Boolean(active);
@@ -10637,25 +10637,25 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTable = memo(TaskListTableDefaultInner);
-const taskListRoot = "_taskListRoot_6kpxi_1";
-const taskListHorizontalScroll = "_taskListHorizontalScroll_6kpxi_19";
-const taskListResizer = "_taskListResizer_6kpxi_81";
-const horizontalContainer$1 = "_horizontalContainer_6kpxi_145";
-const tableWrapper = "_tableWrapper_6kpxi_159";
-const loadingOverlayBody$1 = "_loadingOverlayBody_6kpxi_173";
-const scrollToTop = "_scrollToTop_6kpxi_195";
-const scrollToBottom = "_scrollToBottom_6kpxi_211";
-const hidden = "_hidden_6kpxi_227";
+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 styles$d = {
   taskListRoot,
   taskListHorizontalScroll,
   taskListResizer,
   horizontalContainer: horizontalContainer$1,
   tableWrapper,
-  loadingOverlayBody: loadingOverlayBody$1,
   scrollToTop,
   scrollToBottom,
-  hidden
+  hidden,
+  disabled: disabled$1
 };
 const checkHasChildren = (task, childTasksMap) => {
   const { id, comparisonLevel = 1 } = task;
@@ -10702,10 +10702,10 @@ const TaskListInner = ({
   taskListHorizontalScrollRef,
   taskListRef,
   tasks,
-  isLoading = false,
   onResizeColumn,
   canReorderTasks,
-  tableBottom
+  tableBottom,
+  isLoading = false
 }) => {
   const [
     columns,
@@ -10758,8 +10758,7 @@ const TaskListInner = ({
         onClick,
         onExpanderClick,
         scrollToTask,
-        selectTaskOnMouseDown: isLoading ? () => {
-        } : selectTaskOnMouseDown,
+        selectTaskOnMouseDown,
         task,
         depth
       };
@@ -10784,7 +10783,6 @@ const TaskListInner = ({
       onExpanderClick,
       scrollToTask,
       selectTaskOnMouseDown,
-      isLoading,
       selectedIdsMirror
     ]
   );
@@ -10809,91 +10807,89 @@ const TaskListInner = ({
               canResizeColumns
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: styles$d.tableWrapper, children: [
-            (isLoading || false) && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: styles$d.loadingOverlayBody,
-                "data-testid": "tasklist-loading-overlay"
-              }
-            ),
-            /* @__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(
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `${styles$d.tableWrapper} ${isLoading ? styles$d.disabled : ""}`,
+              children: [
+                /* @__PURE__ */ jsx(
                   "div",
                   {
+                    ref: taskListContainerRef,
+                    className: styles$d.horizontalContainer,
                     style: {
                       height: Math.max(
-                        ganttFullHeight,
+                        ganttHeight - ((tableBottom == null ? void 0 : tableBottom.height) || 0),
                         distances.minimumRowDisplayed * distances.rowHeight
                       ),
-                      backgroundSize: `100% ${fullRowHeight * 2}px`,
-                      backgroundImage: `linear-gradient(to bottom, transparent ${fullRowHeight}px, #f5f5f5 ${fullRowHeight}px)`
+                      width: taskListWidth
                     },
                     children: /* @__PURE__ */ jsx(
-                      RenderTaskListTable,
+                      "div",
                       {
-                        ganttRef,
-                        getTableRowProps,
-                        canMoveTasks: canReorderTasks,
-                        allowMoveTask: allowReorderTask,
-                        childTasksMap,
-                        columns,
-                        cutIdsMirror,
-                        dateSetup,
-                        dependencyMap,
-                        distances,
-                        fullRowHeight,
-                        ganttFullHeight,
-                        getTaskCurrentState,
-                        handleAddTask,
-                        handleDeleteTasks,
-                        handleEditTask,
-                        handleMoveTaskBefore,
-                        handleMoveTaskAfter,
-                        handleMoveTasksInside,
-                        handleOpenContextMenu: isLoading ? () => {
-                        } : handleOpenContextMenu,
-                        icons,
-                        isShowTaskNumbers,
-                        mapTaskToNestedIndex,
-                        onClick,
-                        onExpanderClick,
-                        renderedIndexes,
-                        scrollToTask,
-                        selectTaskOnMouseDown,
-                        selectedIdsMirror,
-                        taskListWidth,
-                        tasks
+                        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
+                          }
+                        )
                       }
                     )
                   }
+                ),
+                /* @__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 : ""}`
-              }
-            )
-          ] }),
+              ]
+            }
+          ),
           (tableBottom == null ? void 0 : tableBottom.renderContent) && (tableBottom == null ? void 0 : tableBottom.height) && /* @__PURE__ */ jsx("div", { style: { height: tableBottom.height, width: "100%" }, children: tableBottom.renderContent() })
         ]
       }
@@ -12983,7 +12979,6 @@ const TaskGanttContentInner = (props) => {
     selectTaskOnMouseDown,
     selectedIdsMirror,
     onTooltipTask,
-    isLoading = false,
     startColumnIndex,
     taskYOffset,
     taskHeight,
@@ -13112,17 +13107,17 @@ const TaskGanttContentInner = (props) => {
                 distances,
                 taskHeight,
                 taskHalfHeight,
-                isProgressChangeable: (t) => isProgressChangeable(t) && !waitCommitTasks && !isLoading,
+                isProgressChangeable: (t) => isProgressChangeable(t) && !waitCommitTasks,
                 isDateChangeable: (t) => isDateChangeable(t) && !waitCommitTasks,
-                isRelationChangeable: (t) => isRelationChangeable(t) && !waitCommitTasks && !isLoading,
+                isRelationChangeable: (t) => isRelationChangeable(t) && !waitCommitTasks,
                 authorizedRelations,
                 ganttRelationEvent,
-                canDelete: !task.isDisabled && !waitCommitTasks && !isLoading,
-                onDoubleClick: isLoading ? void 0 : onDoubleClick,
-                onClick: isLoading ? void 0 : onClick,
-                onEventStart: isLoading ? void 0 : onTaskBarDragStart,
+                canDelete: !task.isDisabled && !waitCommitTasks,
+                onDoubleClick,
+                onClick,
+                onEventStart: onTaskBarDragStart,
                 onTooltipTask,
-                onRelationStart: isLoading ? void 0 : onTaskBarRelationStart,
+                onRelationStart: onTaskBarRelationStart,
                 isSelected: Boolean(selectedIdsMirror[taskId]),
                 isCritical,
                 rtl,
@@ -13342,8 +13337,7 @@ const TaskGanttContentInner = (props) => {
     visibleTasksMirror,
     onArrowDoubleClick,
     showProgress,
-    progressColor,
-    isLoading
+    progressColor
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "content", children: [
     renderedSelectedTasks,
@@ -13378,19 +13372,17 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_19ply_1";
-const horizontalContainer = "_horizontalContainer_19ply_73";
-const wrapper = "_wrapper_19ply_93";
-const calendarDragging = "_calendarDragging_19ply_117";
-const loadingOverlay = "_loadingOverlay_19ply_125";
-const loadingOverlayBody = "_loadingOverlayBody_19ply_141";
+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 styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
   wrapper,
   calendarDragging,
-  loadingOverlay,
-  loadingOverlayBody
+  disabled
 };
 const TaskGanttInner = (props) => {
   const {
@@ -13410,7 +13402,8 @@ const TaskGanttInner = (props) => {
     onVerticalScrollbarScrollX,
     verticalGanttContainerRef,
     verticalScrollbarRef,
-    onOpenGanttContextMenu
+    onOpenGanttContextMenu,
+    isLoading = false
   } = props;
   const contentRef = React__default.useRef(null);
   const moveStateVertRef = useRef(null);
@@ -13445,7 +13438,7 @@ const TaskGanttInner = (props) => {
     ]
   );
   useEffect(() => {
-    if (!contentRef.current || barProps.isLoading) {
+    if (!contentRef.current) {
       return () => {
       };
     }
@@ -13515,12 +13508,7 @@ const TaskGanttInner = (props) => {
       contentContainer.removeEventListener("mouseup", onScrollEnd);
       contentContainer.removeEventListener("mouseout", onScrollEnd);
     };
-  }, [
-    verticalScrollbarRef,
-    horizontalContainerRef,
-    verticalGanttContainerRef,
-    barProps.isLoading
-  ]);
+  }, [verticalScrollbarRef, horizontalContainerRef, verticalGanttContainerRef]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -13539,50 +13527,41 @@ const TaskGanttInner = (props) => {
             children: /* @__PURE__ */ jsx(Calendar, { scrollRef: verticalGanttContainerRef, ...calendarProps })
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           "div",
           {
             ref: horizontalContainerRef,
-            className: styles$2.horizontalContainer,
+            className: `${styles$2.horizontalContainer} ${isLoading ? styles$2.disabled : ""}`,
             style: containerStyle,
-            children: [
-              barProps.isLoading && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: styles$2.loadingOverlayBody,
-                  "data-testid": "gantt-loading-overlay-body"
-                }
-              ),
-              /* @__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("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(GanttToday, { ...ganttTodayProps }),
-                    /* @__PURE__ */ jsx(
-                      "rect",
-                      {
-                        ref: contentRef,
-                        width: "100%",
-                        height: "100%",
-                        fill: "transparent"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(TaskGanttContent, { ...barProps })
-                  ]
-                }
-              ) })
-            ]
+                  ),
+                  /* @__PURE__ */ jsx(TaskGanttContent, { ...barProps })
+                ]
+              }
+            ) })
           }
         )
       ]
@@ -18052,7 +18031,7 @@ function MenuOption(props) {
     },
     handleAction,
     option,
-    option: { icon: icon2, label: label2, disabled, children }
+    option: { icon: icon2, label: label2, disabled: disabled2, children }
   } = props;
   const [hovered, setHovered] = useState(false);
   const [coords, setCoords] = useState(null);
@@ -18062,7 +18041,7 @@ function MenuOption(props) {
   const onClick = useCallback(
     (e) => {
       e.preventDefault();
-      if (disabled) {
+      if (disabled2) {
         return;
       }
       if (children && children.length > 0) {
@@ -18072,7 +18051,7 @@ function MenuOption(props) {
       handleAction(option);
       onClose == null ? void 0 : onClose();
     },
-    [onClose, handleAction, option, disabled, children]
+    [onClose, handleAction, option, disabled2, children]
   );
   useEffect(() => {
     if (!hovered || !nestedRef.current)
@@ -18132,8 +18111,8 @@ function MenuOption(props) {
           "button",
           {
             className: styles$1.menuOption,
-            "aria-disabled": disabled,
-            disabled,
+            "aria-disabled": disabled2,
+            disabled: disabled2,
             style: {
               height: contextMenuOptionHeight,
               paddingLeft: contextMenuSidePadding,
@@ -18150,7 +18129,7 @@ function MenuOption(props) {
                   style: {
                     width: contextMenuIconWidth,
                     color: "var(--gantt-context-menu-text-color)",
-                    opacity: disabled ? 0.3 : 0.5
+                    opacity: disabled2 ? 0.3 : 0.5
                   },
                   children: icon2
                 }
@@ -19017,9 +18996,9 @@ const Gantt = (props) => {
     todayLabel = "Today",
     dataDateLabel = "Data Date",
     showProgress = true,
-    progressColor
+    progressColor,
+    isLoading = false
   } = props;
-  const { isLoading = false } = props;
   const ganttSVGRef = useRef(null);
   const wrapperRef = useRef(null);
   const taskListRef = useRef(null);
@@ -19334,9 +19313,6 @@ const Gantt = (props) => {
   });
   const handleOpenGanttContextMenu = useCallback(
     (task, clientX, clientY) => {
-      if (isLoading) {
-        return;
-      }
       const wrapperNode = wrapperRef.current;
       if (!wrapperNode) {
         return;
@@ -19349,7 +19325,7 @@ const Gantt = (props) => {
         y: clientY - top
       });
     },
-    [wrapperRef, isLoading]
+    [wrapperRef]
   );
   const handleCloseGanttContextMenu = useCallback(() => {
     setGanttContextMenu({
@@ -19483,10 +19459,6 @@ const Gantt = (props) => {
     horizontalContainerRef
   ]);
   const handleKeyDown = (event) => {
-    if (isLoading) {
-      event.preventDefault();
-      return;
-    }
     const { columnWidth, rowHeight: rowHeight2 } = distances;
     let newScrollY = scrollY;
     let newScrollX = scrollX;
@@ -20152,9 +20124,6 @@ const Gantt = (props) => {
   }, [taskList.contextMenuOptions, locale]);
   const handleOpenContextMenuForRow = useCallback(
     (task, clientX, clientY) => {
-      if (isLoading) {
-        return;
-      }
       try {
         if (onRowContextMenu && task) {
           onRowContextMenu(task);
@@ -20172,8 +20141,7 @@ const Gantt = (props) => {
       handleOpenContextMenu,
       selectTask,
       contextMenuOptions,
-      selectedIdsMirror,
-      isLoading
+      selectedIdsMirror
     ]
   );
   const ganttContextMenuOptions = useMemo(() => {
@@ -20307,7 +20275,6 @@ const Gantt = (props) => {
       onDeleteTask: (taskForDelete) => handleDeleteTasks([taskForDelete]),
       onTaskBarDragStart: handleTaskDragStart,
       onTooltipTask: onChangeTooltipTask,
-      isLoading,
       mapGlobalRowIndexToTask,
       onArrowDoubleClick,
       renderedRowIndexes,
@@ -20360,8 +20327,7 @@ const Gantt = (props) => {
       changeInProgress == null ? void 0 : changeInProgress.action,
       handleDeleteTasks,
       showProgress,
-      progressColor,
-      isLoading
+      progressColor
     ]
   );
   const renderTaskListProps = useMemo(
@@ -20423,9 +20389,9 @@ const Gantt = (props) => {
       selectTaskOnMouseDown,
       selectedIdsMirror,
       taskList,
-      isLoading,
       taskListContainerRef,
-      visibleTasks
+      visibleTasks,
+      isLoading
     ]
   );
   return /* @__PURE__ */ jsx(GanttThemeProvider, { theme, children: (cssVars) => /* @__PURE__ */ jsx(GanttLocaleProvider, { locale, children: /* @__PURE__ */ jsxs(
@@ -20463,7 +20429,8 @@ const Gantt = (props) => {
             verticalGanttContainerRef,
             onOpenGanttContextMenu: (clientX, clientY) => {
               handleOpenGanttContextMenu(null, clientX, clientY);
-            }
+            },
+            isLoading
           }
         ),
         tooltipTaskFromMap && /* @__PURE__ */ jsx(