task updates

Author: MenamAfzal

lowcoder-comp-gant-chart/package.json

@@ -7,6 +7,7 @@
     "@types/react": "18",
     "@types/react-dom": "18",
     "gantt-task-react": "^0.3.9",
+    "lodash": "^4.17.21",
     "lowcoder-cli": "^0.0.30",
     "lowcoder-sdk": "^2.4.3",
     "react": "18",
@@ -33,5 +34,8 @@
     "start": "vite",
     "build": "lowcoder-cli build",
     "build_publish": "lowcoder-cli build --publish"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.17.7"
   }
 }

lowcoder-comp-gant-chart/src/GanttChartComp.tsx

@@ -25,6 +25,7 @@ import {
   // useMergeCompStyles,
 } from "lowcoder-sdk";
 import { i18nObjs, trans } from "./i18n/comps";
+import _ from 'lodash'
 
 export enum DEP_TYPE {
   CONTRAST_TEXT = 'contrastText',
@@ -416,8 +417,8 @@ const filterTaskFields = (task: Task & { barChildren: Omit<OptionPropertyParam,
 let GanttOption = new MultiCompBuilder(
   {
     title: StringControl,
-    start: jsonControl((data: any) => new Date(data)),
-    end: jsonControl((data: any) => new Date(data)),
+    start: jsonControl((data: any) => data ? new Date(data) : new Date()),
+    end: jsonControl((data: any) =>  data ? new Date(data) : new Date()),
     label: StringControl,
     id: StringControl,
     project: StringControl,
@@ -555,6 +556,16 @@ let GanttChartCompBase = (function () {
       },
     });
 
+    useEffect(() => {
+      if (tasks.length === 0) {
+        if (props.data.length > 0) {
+          setTasks(props.data);
+        }
+      } else if (!_.isEqual(props.data, tasks)) {
+        setTasks(props.data)
+      }
+    }, [props.data])
+
     useEffect(() => {
       props.ganttTasks.onChange(updatedGanttTasks);
     }, [updatedGanttTasks]);
@@ -633,7 +644,7 @@ let GanttChartCompBase = (function () {
       <div className="Wrapper" ref={conRef}>
         {tasks.length > 0 ? (
           <Gantt
-            tasks={tasks}
+            tasks={tasks.map(task=>({...task,name:task.title}))}
             viewMode={activeViewMode}
             onDateChange={handleTaskChange}
             onDelete={handleTaskDelete}