gantt-task-react-v 1.1.17 → 1.1.19

package/dist/components/gantt/task-gantt-content.d.ts

@@ -30,6 +30,10 @@ export interface TaskGanttContentProps extends GanttTaskBarActions {
     selectTaskOnMouseDown: (taskId: string, event: MouseEvent) => void;
     selectedIdsMirror: Readonly<Record<string, true>>;
     onTooltipTask: (task: Task | null, element: Element | null) => void;
+    /**
+     * When true, disable interactive behaviors for task bars (drag, click, relations)
+     */
+    isLoading?: boolean;
     startColumnIndex: number;
     taskYOffset: number;
     visibleTasksMirror: Readonly<Record<string, true>>;

package/dist/components/task-list/index.d.ts

@@ -38,6 +38,10 @@ export type TaskListProps = {
     taskListContainerRef: RefObject<HTMLDivElement>;
     taskListRef: RefObject<HTMLDivElement>;
     tasks: readonly RenderTask[];
+    /**
+     * When true, disable user interactions on the task list (clicks, context menu)
+     */
+    isLoading?: boolean;
     onResizeColumn?: OnResizeColumn;
     tableBottom?: TableRenderBottomProps;
 };

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

@@ -10700,6 +10700,7 @@ const TaskListInner = ({
   taskListHorizontalScrollRef,
   taskListRef,
   tasks,
+  isLoading = false,
   onResizeColumn,
   canReorderTasks,
   tableBottom
@@ -10755,7 +10756,8 @@ const TaskListInner = ({
         onClick,
         onExpanderClick,
         scrollToTask,
-        selectTaskOnMouseDown,
+        selectTaskOnMouseDown: isLoading ? () => {
+        } : selectTaskOnMouseDown,
         task,
         depth
       };
@@ -10780,6 +10782,7 @@ const TaskListInner = ({
       onExpanderClick,
       scrollToTask,
       selectTaskOnMouseDown,
+      isLoading,
       selectedIdsMirror
     ]
   );
@@ -10850,7 +10853,8 @@ const TaskListInner = ({
                         handleMoveTaskBefore,
                         handleMoveTaskAfter,
                         handleMoveTasksInside,
-                        handleOpenContextMenu,
+                        handleOpenContextMenu: isLoading ? () => {
+                        } : handleOpenContextMenu,
                         icons,
                         isShowTaskNumbers,
                         mapTaskToNestedIndex,
@@ -12970,6 +12974,7 @@ const TaskGanttContentInner = (props) => {
     selectTaskOnMouseDown,
     selectedIdsMirror,
     onTooltipTask,
+    isLoading = false,
     startColumnIndex,
     taskYOffset,
     taskHeight,
@@ -13098,17 +13103,17 @@ const TaskGanttContentInner = (props) => {
                 distances,
                 taskHeight,
                 taskHalfHeight,
-                isProgressChangeable: (t) => isProgressChangeable(t) && !waitCommitTasks,
+                isProgressChangeable: (t) => isProgressChangeable(t) && !waitCommitTasks && !isLoading,
                 isDateChangeable: (t) => isDateChangeable(t) && !waitCommitTasks,
-                isRelationChangeable: (t) => isRelationChangeable(t) && !waitCommitTasks,
+                isRelationChangeable: (t) => isRelationChangeable(t) && !waitCommitTasks && !isLoading,
                 authorizedRelations,
                 ganttRelationEvent,
-                canDelete: !task.isDisabled && !waitCommitTasks,
-                onDoubleClick,
-                onClick,
-                onEventStart: onTaskBarDragStart,
+                canDelete: !task.isDisabled && !waitCommitTasks && !isLoading,
+                onDoubleClick: isLoading ? void 0 : onDoubleClick,
+                onClick: isLoading ? void 0 : onClick,
+                onEventStart: isLoading ? void 0 : onTaskBarDragStart,
                 onTooltipTask,
-                onRelationStart: onTaskBarRelationStart,
+                onRelationStart: isLoading ? void 0 : onTaskBarRelationStart,
                 isSelected: Boolean(selectedIdsMirror[taskId]),
                 isCritical,
                 rtl,
@@ -13328,7 +13333,8 @@ const TaskGanttContentInner = (props) => {
     visibleTasksMirror,
     onArrowDoubleClick,
     showProgress,
-    progressColor
+    progressColor,
+    isLoading
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "content", children: [
     renderedSelectedTasks,
@@ -13363,15 +13369,17 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_1wr55_1";
-const horizontalContainer = "_horizontalContainer_1wr55_73";
-const wrapper = "_wrapper_1wr55_85";
-const calendarDragging = "_calendarDragging_1wr55_109";
+const ganttVerticalContainer = "_ganttVerticalContainer_te0hs_1";
+const horizontalContainer = "_horizontalContainer_te0hs_73";
+const wrapper = "_wrapper_te0hs_85";
+const calendarDragging = "_calendarDragging_te0hs_109";
+const loadingOverlay = "_loadingOverlay_te0hs_117";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
   wrapper,
-  calendarDragging
+  calendarDragging,
+  loadingOverlay
 };
 const TaskGanttInner = (props) => {
   const {
@@ -13426,7 +13434,7 @@ const TaskGanttInner = (props) => {
     ]
   );
   useEffect(() => {
-    if (!contentRef.current) {
+    if (!contentRef.current || barProps.isLoading) {
       return () => {
       };
     }
@@ -13496,7 +13504,12 @@ const TaskGanttInner = (props) => {
       contentContainer.removeEventListener("mouseup", onScrollEnd);
       contentContainer.removeEventListener("mouseout", onScrollEnd);
     };
-  }, [verticalScrollbarRef, horizontalContainerRef, verticalGanttContainerRef]);
+  }, [
+    verticalScrollbarRef,
+    horizontalContainerRef,
+    verticalGanttContainerRef,
+    barProps.isLoading
+  ]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -18001,9 +18014,9 @@ const useContextMenu = (wrapperRef, scrollToTask) => {
     handleOpenContextMenu
   };
 };
-const menuOption = "_menuOption_1frh4_3";
-const icon = "_icon_1frh4_79";
-const label = "_label_1frh4_87";
+const menuOption = "_menuOption_1c3e3_3";
+const icon = "_icon_1c3e3_81";
+const label = "_label_1c3e3_89";
 const styles$1 = {
   menuOption,
   icon,
@@ -18093,7 +18106,7 @@ function MenuOption(props) {
           closeTimeoutRef.current = null;
         }, 200);
       },
-      style: { position: "relative" },
+      style: { position: "relative", width: "100%" },
       children: [
         /* @__PURE__ */ jsxs(
           "button",
@@ -18986,6 +18999,7 @@ const Gantt = (props) => {
     showProgress = true,
     progressColor
   } = props;
+  const { isLoading = false } = props;
   const ganttSVGRef = useRef(null);
   const wrapperRef = useRef(null);
   const taskListRef = useRef(null);
@@ -19300,6 +19314,9 @@ const Gantt = (props) => {
   });
   const handleOpenGanttContextMenu = useCallback(
     (task, clientX, clientY) => {
+      if (isLoading) {
+        return;
+      }
       const wrapperNode = wrapperRef.current;
       if (!wrapperNode) {
         return;
@@ -19312,7 +19329,7 @@ const Gantt = (props) => {
         y: clientY - top
       });
     },
-    [wrapperRef]
+    [wrapperRef, isLoading]
   );
   const handleCloseGanttContextMenu = useCallback(() => {
     setGanttContextMenu({
@@ -19446,6 +19463,10 @@ const Gantt = (props) => {
     horizontalContainerRef
   ]);
   const handleKeyDown = (event) => {
+    if (isLoading) {
+      event.preventDefault();
+      return;
+    }
     const { columnWidth, rowHeight: rowHeight2 } = distances;
     let newScrollY = scrollY;
     let newScrollX = scrollX;
@@ -20111,6 +20132,9 @@ const Gantt = (props) => {
   }, [taskList.contextMenuOptions, locale]);
   const handleOpenContextMenuForRow = useCallback(
     (task, clientX, clientY) => {
+      if (isLoading) {
+        return;
+      }
       try {
         if (onRowContextMenu && task) {
           onRowContextMenu(task);
@@ -20128,7 +20152,8 @@ const Gantt = (props) => {
       handleOpenContextMenu,
       selectTask,
       contextMenuOptions,
-      selectedIdsMirror
+      selectedIdsMirror,
+      isLoading
     ]
   );
   const ganttContextMenuOptions = useMemo(() => {
@@ -20262,6 +20287,7 @@ const Gantt = (props) => {
       onDeleteTask: (taskForDelete) => handleDeleteTasks([taskForDelete]),
       onTaskBarDragStart: handleTaskDragStart,
       onTooltipTask: onChangeTooltipTask,
+      isLoading,
       mapGlobalRowIndexToTask,
       onArrowDoubleClick,
       renderedRowIndexes,
@@ -20314,7 +20340,8 @@ const Gantt = (props) => {
       changeInProgress == null ? void 0 : changeInProgress.action,
       handleDeleteTasks,
       showProgress,
-      progressColor
+      progressColor,
+      isLoading
     ]
   );
   const renderTaskListProps = useMemo(
@@ -20347,7 +20374,8 @@ const Gantt = (props) => {
       taskListContainerRef,
       taskListRef,
       tasks: visibleTasks,
-      ganttRef: wrapperRef
+      ganttRef: wrapperRef,
+      isLoading
     }),
     [
       childTasksMap,
@@ -20375,6 +20403,7 @@ const Gantt = (props) => {
       selectTaskOnMouseDown,
       selectedIdsMirror,
       taskList,
+      isLoading,
       taskListContainerRef,
       visibleTasks
     ]
@@ -20389,13 +20418,22 @@ const Gantt = (props) => {
       ref: wrapperRef,
       "data-testid": "gantt",
       children: [
-        (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsx(
-          TaskList,
-          {
-            ...renderTaskListProps,
-            taskListHorizontalScrollRef
-          }
-        ),
+        (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          (isLoading || waitCommitTasks) && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: styles$2.loadingOverlay,
+              "data-testid": "gantt-loading-overlay"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TaskList,
+            {
+              ...renderTaskListProps,
+              taskListHorizontalScrollRef
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(
           TaskGantt,
           {

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

@@ -10717,6 +10717,7 @@
     taskListHorizontalScrollRef,
     taskListRef,
     tasks,
+    isLoading = false,
     onResizeColumn,
     canReorderTasks,
     tableBottom
@@ -10772,7 +10773,8 @@
           onClick,
           onExpanderClick,
           scrollToTask,
-          selectTaskOnMouseDown,
+          selectTaskOnMouseDown: isLoading ? () => {
+          } : selectTaskOnMouseDown,
           task,
           depth
         };
@@ -10797,6 +10799,7 @@
         onExpanderClick,
         scrollToTask,
         selectTaskOnMouseDown,
+        isLoading,
         selectedIdsMirror
       ]
     );
@@ -10867,7 +10870,8 @@
                           handleMoveTaskBefore,
                           handleMoveTaskAfter,
                           handleMoveTasksInside,
-                          handleOpenContextMenu,
+                          handleOpenContextMenu: isLoading ? () => {
+                          } : handleOpenContextMenu,
                           icons,
                           isShowTaskNumbers,
                           mapTaskToNestedIndex,
@@ -12987,6 +12991,7 @@
       selectTaskOnMouseDown,
       selectedIdsMirror,
       onTooltipTask,
+      isLoading = false,
       startColumnIndex,
       taskYOffset,
       taskHeight,
@@ -13115,17 +13120,17 @@
                   distances,
                   taskHeight,
                   taskHalfHeight,
-                  isProgressChangeable: (t) => isProgressChangeable(t) && !waitCommitTasks,
+                  isProgressChangeable: (t) => isProgressChangeable(t) && !waitCommitTasks && !isLoading,
                   isDateChangeable: (t) => isDateChangeable(t) && !waitCommitTasks,
-                  isRelationChangeable: (t) => isRelationChangeable(t) && !waitCommitTasks,
+                  isRelationChangeable: (t) => isRelationChangeable(t) && !waitCommitTasks && !isLoading,
                   authorizedRelations,
                   ganttRelationEvent,
-                  canDelete: !task.isDisabled && !waitCommitTasks,
-                  onDoubleClick,
-                  onClick,
-                  onEventStart: onTaskBarDragStart,
+                  canDelete: !task.isDisabled && !waitCommitTasks && !isLoading,
+                  onDoubleClick: isLoading ? void 0 : onDoubleClick,
+                  onClick: isLoading ? void 0 : onClick,
+                  onEventStart: isLoading ? void 0 : onTaskBarDragStart,
                   onTooltipTask,
-                  onRelationStart: onTaskBarRelationStart,
+                  onRelationStart: isLoading ? void 0 : onTaskBarRelationStart,
                   isSelected: Boolean(selectedIdsMirror[taskId]),
                   isCritical,
                   rtl,
@@ -13345,7 +13350,8 @@
       visibleTasksMirror,
       onArrowDoubleClick,
       showProgress,
-      progressColor
+      progressColor,
+      isLoading
     ]);
     return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "content", children: [
       renderedSelectedTasks,
@@ -13380,15 +13386,17 @@
     ] });
   };
   const TaskGanttContent = React.memo(TaskGanttContentInner);
-  const ganttVerticalContainer = "_ganttVerticalContainer_1wr55_1";
-  const horizontalContainer = "_horizontalContainer_1wr55_73";
-  const wrapper = "_wrapper_1wr55_85";
-  const calendarDragging = "_calendarDragging_1wr55_109";
+  const ganttVerticalContainer = "_ganttVerticalContainer_te0hs_1";
+  const horizontalContainer = "_horizontalContainer_te0hs_73";
+  const wrapper = "_wrapper_te0hs_85";
+  const calendarDragging = "_calendarDragging_te0hs_109";
+  const loadingOverlay = "_loadingOverlay_te0hs_117";
   const styles$2 = {
     ganttVerticalContainer,
     horizontalContainer,
     wrapper,
-    calendarDragging
+    calendarDragging,
+    loadingOverlay
   };
   const TaskGanttInner = (props) => {
     const {
@@ -13443,7 +13451,7 @@
       ]
     );
     React.useEffect(() => {
-      if (!contentRef.current) {
+      if (!contentRef.current || barProps.isLoading) {
         return () => {
         };
       }
@@ -13513,7 +13521,12 @@
         contentContainer.removeEventListener("mouseup", onScrollEnd);
         contentContainer.removeEventListener("mouseout", onScrollEnd);
       };
-    }, [verticalScrollbarRef, horizontalContainerRef, verticalGanttContainerRef]);
+    }, [
+      verticalScrollbarRef,
+      horizontalContainerRef,
+      verticalGanttContainerRef,
+      barProps.isLoading
+    ]);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -18018,9 +18031,9 @@
       handleOpenContextMenu
     };
   };
-  const menuOption = "_menuOption_1frh4_3";
-  const icon = "_icon_1frh4_79";
-  const label = "_label_1frh4_87";
+  const menuOption = "_menuOption_1c3e3_3";
+  const icon = "_icon_1c3e3_81";
+  const label = "_label_1c3e3_89";
   const styles$1 = {
     menuOption,
     icon,
@@ -18110,7 +18123,7 @@
             closeTimeoutRef.current = null;
           }, 200);
         },
-        style: { position: "relative" },
+        style: { position: "relative", width: "100%" },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
@@ -19003,6 +19016,7 @@
       showProgress = true,
       progressColor
     } = props;
+    const { isLoading = false } = props;
     const ganttSVGRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
     const taskListRef = React.useRef(null);
@@ -19317,6 +19331,9 @@
     });
     const handleOpenGanttContextMenu = React.useCallback(
       (task, clientX, clientY) => {
+        if (isLoading) {
+          return;
+        }
         const wrapperNode = wrapperRef.current;
         if (!wrapperNode) {
           return;
@@ -19329,7 +19346,7 @@
           y: clientY - top
         });
       },
-      [wrapperRef]
+      [wrapperRef, isLoading]
     );
     const handleCloseGanttContextMenu = React.useCallback(() => {
       setGanttContextMenu({
@@ -19463,6 +19480,10 @@
       horizontalContainerRef
     ]);
     const handleKeyDown = (event) => {
+      if (isLoading) {
+        event.preventDefault();
+        return;
+      }
       const { columnWidth, rowHeight: rowHeight2 } = distances;
       let newScrollY = scrollY;
       let newScrollX = scrollX;
@@ -20128,6 +20149,9 @@
     }, [taskList.contextMenuOptions, locale]);
     const handleOpenContextMenuForRow = React.useCallback(
       (task, clientX, clientY) => {
+        if (isLoading) {
+          return;
+        }
         try {
           if (onRowContextMenu && task) {
             onRowContextMenu(task);
@@ -20145,7 +20169,8 @@
         handleOpenContextMenu,
         selectTask,
         contextMenuOptions,
-        selectedIdsMirror
+        selectedIdsMirror,
+        isLoading
       ]
     );
     const ganttContextMenuOptions = React.useMemo(() => {
@@ -20279,6 +20304,7 @@
         onDeleteTask: (taskForDelete) => handleDeleteTasks([taskForDelete]),
         onTaskBarDragStart: handleTaskDragStart,
         onTooltipTask: onChangeTooltipTask,
+        isLoading,
         mapGlobalRowIndexToTask,
         onArrowDoubleClick,
         renderedRowIndexes,
@@ -20331,7 +20357,8 @@
         changeInProgress == null ? void 0 : changeInProgress.action,
         handleDeleteTasks,
         showProgress,
-        progressColor
+        progressColor,
+        isLoading
       ]
     );
     const renderTaskListProps = React.useMemo(
@@ -20364,7 +20391,8 @@
         taskListContainerRef,
         taskListRef,
         tasks: visibleTasks,
-        ganttRef: wrapperRef
+        ganttRef: wrapperRef,
+        isLoading
       }),
       [
         childTasksMap,
@@ -20392,6 +20420,7 @@
         selectTaskOnMouseDown,
         selectedIdsMirror,
         taskList,
+        isLoading,
         taskListContainerRef,
         visibleTasks
       ]
@@ -20406,13 +20435,22 @@
         ref: wrapperRef,
         "data-testid": "gantt",
         children: [
-          (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(
-            TaskList,
-            {
-              ...renderTaskListProps,
-              taskListHorizontalScrollRef
-            }
-          ),
+          (!columnsProp || columnsProp.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            (isLoading || waitCommitTasks) && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: styles$2.loadingOverlay,
+                "data-testid": "gantt-loading-overlay"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TaskList,
+              {
+                ...renderTaskListProps,
+                taskListHorizontalScrollRef
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             TaskGantt,
             {

package/dist/style.css

@@ -578,7 +578,7 @@
   user-select: none;
   stroke-width: 0;
 }
-._ganttVerticalContainer_1wr55_1 {
+._ganttVerticalContainer_te0hs_1 {
   overflow-x: scroll;
   overflow-y: hidden;
   font-size: 0;
@@ -590,16 +590,16 @@
   height: 100%;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar {
+._ganttVerticalContainer_te0hs_1::-webkit-scrollbar {
   width: 1rem;
   height: 1rem;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-corner {
+._ganttVerticalContainer_te0hs_1::-webkit-scrollbar-corner {
   background: transparent;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb {
+._ganttVerticalContainer_te0hs_1::-webkit-scrollbar-thumb {
   border: 4px solid transparent;
   /*noinspection CssUnresolvedCustomProperty*/
   background: var(--gantt-scrollbar-thumb-color);
@@ -607,20 +607,20 @@
   background-clip: padding-box;
 }
 
-._ganttVerticalContainer_1wr55_1::-webkit-scrollbar-thumb:hover {
+._ganttVerticalContainer_te0hs_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_te0hs_73 {
   margin: 0;
   padding: 0;
   overflow: hidden;
 }
 
-._wrapper_1wr55_85 {
+._wrapper_te0hs_85 {
   display: flex;
   padding: 0;
   margin: 0;
@@ -632,11 +632,19 @@
   border-bottom: 1px solid var(--gantt-divider-color);
 }
 
-._calendarDragging_1wr55_109 {
+._calendarDragging_te0hs_109 {
   cursor: grabbing;
 }
+
+._loadingOverlay_te0hs_117 {
+  position: absolute;
+  inset: 0;
+  background: rgba(255, 255, 255, 0.6);
+  z-index: 9999;
+  pointer-events: auto;
+}
 /*noinspection CssUnresolvedCustomProperty*/
-._menuOption_1frh4_3 {
+._menuOption_1c3e3_3 {
   display: flex;
   align-items: center;
   text-align: left;
@@ -644,6 +652,7 @@
   background-color: #fff;
   cursor: pointer;
   font-size: 16px;
+  width: 100%;
   min-width: 120px;
   border: none;
   padding-block: unset;
@@ -653,32 +662,32 @@
   fill: var(--gantt-table-action-color);
 }
 
-._menuOption_1frh4_3 svg {
+._menuOption_1c3e3_3 svg {
   width: 20px;
   height: 20px;
 }
 
-._menuOption_1frh4_3:hover {
+._menuOption_1c3e3_3:hover {
   background-color: #eeeeee;
 }
 
-._menuOption_1frh4_3[aria-disabled="true"],
-._menuOption_1frh4_3:disabled {
+._menuOption_1c3e3_3[aria-disabled="true"],
+._menuOption_1c3e3_3:disabled {
   opacity: 0.6;
   cursor: default;
   background-color: transparent;
 }
 
-._menuOption_1frh4_3[aria-disabled="true"]:hover,
-._menuOption_1frh4_3:disabled:hover {
+._menuOption_1c3e3_3[aria-disabled="true"]:hover,
+._menuOption_1c3e3_3:disabled:hover {
   background-color: transparent;
 }
 
-._icon_1frh4_79 {
+._icon_1c3e3_81 {
   font-size: inherit;
 }
 
-._label_1frh4_87 {
+._label_1c3e3_89 {
   flex: 1;
 }
 /* HTML: <div class="loader"></div> */

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

@@ -368,6 +368,12 @@ export interface GanttProps {
      * Custom color for progress bars. If not provided, theme progress colors are used.
      */
     progressColor?: string;
+    /**
+     * When true, disables user interactions with the gantt and task list and
+     * shows a loading/disabled state. Useful while external updates are in
+     * progress to prevent rapid user actions.
+     */
+    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.1.17",
+  "version": "1.1.19",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",