gantt-task-react-v 1.2.1 → 1.2.3

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

@@ -7473,11 +7473,11 @@
   function useScrollIntent(_ref2) {
     let {
       delta,
-      disabled: disabled2
+      disabled
     } = _ref2;
     const previousDelta = usePrevious(delta);
     return useLazyMemo((previousIntent) => {
-      if (disabled2 || !previousDelta || !previousIntent) {
+      if (disabled || !previousDelta || !previousIntent) {
         return defaultScrollIntent;
       }
       const direction = {
@@ -7494,7 +7494,7 @@
           [Direction.Forward]: previousIntent.y[Direction.Forward] || direction.y === 1
         }
       };
-    }, [disabled2, delta, previousDelta]);
+    }, [disabled, delta, previousDelta]);
   }
   function useCachedNode(draggableNodes, id) {
     const draggableNode = id !== null ? draggableNodes.get(id) : void 0;
@@ -7543,8 +7543,8 @@
       strategy
     } = config;
     const containersRef = React.useRef(containers);
-    const disabled2 = isDisabled();
-    const disabledRef = useLatestValue(disabled2);
+    const disabled = isDisabled();
+    const disabledRef = useLatestValue(disabled);
     const measureDroppableContainers = React.useCallback(function(ids2) {
       if (ids2 === void 0) {
         ids2 = [];
@@ -7561,7 +7561,7 @@
     }, [disabledRef]);
     const timeoutId = React.useRef(null);
     const droppableRects = useLazyMemo((previousValue) => {
-      if (disabled2 && !dragging2) {
+      if (disabled && !dragging2) {
         return defaultValue;
       }
       if (!previousValue || previousValue === defaultValue || containersRef.current !== containers || queue != null) {
@@ -7584,19 +7584,19 @@
         return map;
       }
       return previousValue;
-    }, [containers, queue, dragging2, disabled2, measure]);
+    }, [containers, queue, dragging2, disabled, measure]);
     React.useEffect(() => {
       containersRef.current = containers;
     }, [containers]);
     React.useEffect(
       () => {
-        if (disabled2) {
+        if (disabled) {
           return;
         }
         measureDroppableContainers();
       },
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [dragging2, disabled2]
+      [dragging2, disabled]
     );
     React.useEffect(
       () => {
@@ -7609,7 +7609,7 @@
     );
     React.useEffect(
       () => {
-        if (disabled2 || typeof frequency !== "number" || timeoutId.current !== null) {
+        if (disabled || typeof frequency !== "number" || timeoutId.current !== null) {
           return;
         }
         timeoutId.current = setTimeout(() => {
@@ -7618,7 +7618,7 @@
         }, frequency);
       },
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [frequency, disabled2, measureDroppableContainers, ...dependencies]
+      [frequency, disabled, measureDroppableContainers, ...dependencies]
     );
     return {
       droppableRects,
@@ -7653,18 +7653,18 @@
   function useMutationObserver(_ref) {
     let {
       callback,
-      disabled: disabled2
+      disabled
     } = _ref;
     const handleMutations = useEvent(callback);
     const mutationObserver = React.useMemo(() => {
-      if (disabled2 || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
+      if (disabled || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
         return void 0;
       }
       const {
         MutationObserver
       } = window;
       return new MutationObserver(handleMutations);
-    }, [handleMutations, disabled2]);
+    }, [handleMutations, disabled]);
     React.useEffect(() => {
       return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
     }, [mutationObserver]);
@@ -7673,12 +7673,12 @@
   function useResizeObserver(_ref) {
     let {
       callback,
-      disabled: disabled2
+      disabled
     } = _ref;
     const handleResize = useEvent(callback);
     const resizeObserver = React.useMemo(
       () => {
-        if (disabled2 || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
+        if (disabled || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
           return void 0;
         }
         const {
@@ -7687,7 +7687,7 @@
         return new ResizeObserver2(handleResize);
       },
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [disabled2]
+      [disabled]
     );
     React.useEffect(() => {
       return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
@@ -8005,9 +8005,9 @@
     getEnabled() {
       return this.toArray().filter((_ref) => {
         let {
-          disabled: disabled2
+          disabled
         } = _ref;
-        return !disabled2;
+        return !disabled;
       });
     }
     getNodeFor(id) {
@@ -8137,7 +8137,7 @@
         const {
           id,
           key: key2,
-          disabled: disabled2
+          disabled
         } = action;
         const element = state.droppable.containers.get(id);
         if (!element || key2 !== element.key) {
@@ -8146,7 +8146,7 @@
         const containers = new DroppableContainersMap(state.droppable.containers);
         containers.set(id, {
           ...element,
-          disabled: disabled2
+          disabled
         });
         return {
           ...state,
@@ -8182,7 +8182,7 @@
   }
   function RestoreFocus(_ref) {
     let {
-      disabled: disabled2
+      disabled
     } = _ref;
     const {
       active,
@@ -8192,7 +8192,7 @@
     const previousActivatorEvent = usePrevious(activatorEvent);
     const previousActiveId = usePrevious(active == null ? void 0 : active.id);
     React.useEffect(() => {
-      if (disabled2) {
+      if (disabled) {
         return;
       }
       if (!activatorEvent && previousActivatorEvent && previousActiveId != null) {
@@ -8226,7 +8226,7 @@
           }
         });
       }
-    }, [activatorEvent, disabled2, draggableNodes, previousActiveId, previousActivatorEvent]);
+    }, [activatorEvent, disabled, draggableNodes, previousActiveId, previousActivatorEvent]);
     return null;
   }
   function applyModifiers(modifiers, _ref) {
@@ -8277,8 +8277,8 @@
       y: config
     } : config;
     useIsomorphicLayoutEffect(() => {
-      const disabled2 = !x && !y;
-      if (disabled2 || !activeNode) {
+      const disabled = !x && !y;
+      if (disabled || !activeNode) {
         initialized.current = false;
         return;
       }
@@ -8785,7 +8785,7 @@
     let {
       id,
       data,
-      disabled: disabled2 = false,
+      disabled = false,
       attributes
     } = _ref;
     const key2 = useUniqueId(ID_PREFIX$1);
@@ -8831,18 +8831,18 @@
     const memoizedAttributes = React.useMemo(() => ({
       role,
       tabIndex,
-      "aria-disabled": disabled2,
+      "aria-disabled": disabled,
       "aria-pressed": isDragging && role === defaultRole ? true : void 0,
       "aria-roledescription": roleDescription,
       "aria-describedby": ariaDescribedById.draggable
-    }), [disabled2, role, tabIndex, isDragging, roleDescription, ariaDescribedById.draggable]);
+    }), [disabled, role, tabIndex, isDragging, roleDescription, ariaDescribedById.draggable]);
     return {
       active,
       activatorEvent,
       activeNodeRect,
       attributes: memoizedAttributes,
       isDragging,
-      listeners: disabled2 ? void 0 : listeners,
+      listeners: disabled ? void 0 : listeners,
       node,
       over,
       setNodeRef,
@@ -8860,7 +8860,7 @@
   function useDroppable(_ref) {
     let {
       data,
-      disabled: disabled2 = false,
+      disabled = false,
       id,
       resizeObserverConfig
     } = _ref;
@@ -8872,7 +8872,7 @@
       measureDroppableContainers
     } = React.useContext(InternalContext);
     const previous = React.useRef({
-      disabled: disabled2
+      disabled
     });
     const resizeObserverConnected = React.useRef(false);
     const rect = React.useRef(null);
@@ -8936,7 +8936,7 @@
           element: {
             id,
             key: key2,
-            disabled: disabled2,
+            disabled,
             node: nodeRef,
             rect,
             data: dataRef
@@ -8952,16 +8952,16 @@
       [id]
     );
     React.useEffect(() => {
-      if (disabled2 !== previous.current.disabled) {
+      if (disabled !== previous.current.disabled) {
         dispatch({
           type: Action.SetDroppableDisabled,
           id,
           key: key2,
-          disabled: disabled2
+          disabled
         });
-        previous.current.disabled = disabled2;
+        previous.current.disabled = disabled;
       }
-    }, [id, key2, disabled2, dispatch]);
+    }, [id, key2, disabled, dispatch]);
     return {
       active,
       rect,
@@ -9352,14 +9352,14 @@
     }
     return true;
   }
-  function normalizeDisabled(disabled2) {
-    if (typeof disabled2 === "boolean") {
+  function normalizeDisabled(disabled) {
+    if (typeof disabled === "boolean") {
       return {
-        draggable: disabled2,
-        droppable: disabled2
+        draggable: disabled,
+        droppable: disabled
       };
     }
-    return disabled2;
+    return disabled;
   }
   const rectSortingStrategy = (_ref) => {
     let {
@@ -9481,7 +9481,7 @@
     const previousItemsRef = React.useRef(items);
     const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);
     const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;
-    const disabled2 = normalizeDisabled(disabledProp);
+    const disabled = normalizeDisabled(disabledProp);
     useIsomorphicLayoutEffect(() => {
       if (itemsHaveChanged && isDragging) {
         measureDroppableContainers(items);
@@ -9494,7 +9494,7 @@
       () => ({
         activeIndex,
         containerId,
-        disabled: disabled2,
+        disabled,
         disableTransforms,
         items,
         overIndex,
@@ -9503,7 +9503,7 @@
         strategy
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [activeIndex, containerId, disabled2.draggable, disabled2.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]
+      [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]
     );
     return React.createElement(Context.Provider, {
       value: contextValue
@@ -9556,7 +9556,7 @@
   };
   function useDerivedTransform(_ref) {
     let {
-      disabled: disabled2,
+      disabled,
       index: index2,
       node,
       rect
@@ -9564,7 +9564,7 @@
     const [derivedTransform, setDerivedtransform] = React.useState(null);
     const previousIndex = React.useRef(index2);
     useIsomorphicLayoutEffect(() => {
-      if (!disabled2 && index2 !== previousIndex.current && node.current) {
+      if (!disabled && index2 !== previousIndex.current && node.current) {
         const initial = rect.current;
         if (initial) {
           const current = getClientRect(node.current, {
@@ -9584,7 +9584,7 @@
       if (index2 !== previousIndex.current) {
         previousIndex.current = index2;
       }
-    }, [disabled2, index2, node, rect]);
+    }, [disabled, index2, node, rect]);
     React.useEffect(() => {
       if (derivedTransform) {
         setDerivedtransform(null);
@@ -9615,7 +9615,7 @@
       useDragOverlay,
       strategy: globalStrategy
     } = React.useContext(Context);
-    const disabled2 = normalizeLocalDisabled(localDisabled, globalDisabled);
+    const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);
     const index2 = items.indexOf(id);
     const data = React.useMemo(() => ({
       sortable: {
@@ -9634,7 +9634,7 @@
     } = useDroppable({
       id,
       data,
-      disabled: disabled2.droppable,
+      disabled: disabled.droppable,
       resizeObserverConfig: {
         updateMeasurementsFor: itemsAfterCurrentSortable,
         ...resizeObserverConfig
@@ -9658,7 +9658,7 @@
         ...defaultAttributes,
         ...userDefinedAttributes
       },
-      disabled: disabled2.draggable
+      disabled: disabled.draggable
     });
     const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);
     const isSorting = Boolean(active);
@@ -10654,15 +10654,14 @@
     );
   };
   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_yoz76_1";
+  const taskListHorizontalScroll = "_taskListHorizontalScroll_yoz76_19";
+  const taskListResizer = "_taskListResizer_yoz76_81";
+  const horizontalContainer$1 = "_horizontalContainer_yoz76_145";
+  const tableWrapper = "_tableWrapper_yoz76_159";
+  const scrollToTop = "_scrollToTop_yoz76_173";
+  const scrollToBottom = "_scrollToBottom_yoz76_189";
+  const hidden = "_hidden_yoz76_205";
   const styles$d = {
     taskListRoot,
     taskListHorizontalScroll,
@@ -10671,8 +10670,7 @@
     tableWrapper,
     scrollToTop,
     scrollToBottom,
-    hidden,
-    disabled: disabled$1
+    hidden
   };
   const checkHasChildren = (task, childTasksMap) => {
     const { id, comparisonLevel = 1 } = task;
@@ -10721,8 +10719,7 @@
     tasks,
     onResizeColumn,
     canReorderTasks,
-    tableBottom,
-    isLoading = false
+    tableBottom
   }) => {
     const [
       columns,
@@ -10824,89 +10821,83 @@
                 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 : ""}`
+                }
+              )
+            ] }),
             (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 +13380,15 @@
     ] });
   };
   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_1wr55_1";
+  const horizontalContainer = "_horizontalContainer_1wr55_73";
+  const wrapper = "_wrapper_1wr55_85";
+  const calendarDragging = "_calendarDragging_1wr55_109";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,
     wrapper,
-    calendarDragging,
-    disabled
+    calendarDragging
   };
   const TaskGanttInner = (props) => {
     const {
@@ -13419,8 +13408,7 @@
       onVerticalScrollbarScrollX,
       verticalGanttContainerRef,
       verticalScrollbarRef,
-      onOpenGanttContextMenu,
-      isLoading = false
+      onOpenGanttContextMenu
     } = props;
     const contentRef = React.useRef(null);
     const moveStateVertRef = React.useRef(null);
@@ -13548,7 +13536,7 @@
             "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",
@@ -18048,7 +18036,7 @@
       },
       handleAction,
       option,
-      option: { icon: icon2, label: label2, disabled: disabled2, children }
+      option: { icon: icon2, label: label2, disabled, children }
     } = props;
     const [hovered, setHovered] = React.useState(false);
     const [coords, setCoords] = React.useState(null);
@@ -18058,7 +18046,7 @@
     const onClick = React.useCallback(
       (e) => {
         e.preventDefault();
-        if (disabled2) {
+        if (disabled) {
           return;
         }
         if (children && children.length > 0) {
@@ -18068,7 +18056,7 @@
         handleAction(option);
         onClose == null ? void 0 : onClose();
       },
-      [onClose, handleAction, option, disabled2, children]
+      [onClose, handleAction, option, disabled, children]
     );
     React.useEffect(() => {
       if (!hovered || !nestedRef.current)
@@ -18128,8 +18116,8 @@
             "button",
             {
               className: styles$1.menuOption,
-              "aria-disabled": disabled2,
-              disabled: disabled2,
+              "aria-disabled": disabled,
+              disabled,
               style: {
                 height: contextMenuOptionHeight,
                 paddingLeft: contextMenuSidePadding,
@@ -18146,7 +18134,7 @@
                     style: {
                       width: contextMenuIconWidth,
                       color: "var(--gantt-context-menu-text-color)",
-                      opacity: disabled2 ? 0.3 : 0.5
+                      opacity: disabled ? 0.3 : 0.5
                     },
                     children: icon2
                   }
@@ -19013,8 +19001,7 @@
       todayLabel = "Today",
       dataDateLabel = "Data Date",
       showProgress = true,
-      progressColor,
-      isLoading = false
+      progressColor
     } = props;
     const ganttSVGRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
@@ -20377,8 +20364,7 @@
         taskListContainerRef,
         taskListRef,
         tasks: visibleTasks,
-        ganttRef: wrapperRef,
-        isLoading
+        ganttRef: wrapperRef
       }),
       [
         childTasksMap,
@@ -20407,8 +20393,7 @@
         selectedIdsMirror,
         taskList,
         taskListContainerRef,
-        visibleTasks,
-        isLoading
+        visibleTasks
       ]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(GanttThemeProvider, { theme, children: (cssVars) => /* @__PURE__ */ jsxRuntime.jsx(GanttLocaleProvider, { locale, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -20446,8 +20431,7 @@
               verticalGanttContainerRef,
               onOpenGanttContextMenu: (clientX, clientY) => {
                 handleOpenGanttContextMenu(null, clientX, clientY);
-              },
-              isLoading
+              }
             }
           ),
           tooltipTaskFromMap && /* @__PURE__ */ jsxRuntime.jsx(