agregar commit

example/src/App.tsx

@@ -67,6 +67,18 @@ const App = () => {
     console.log("On expander click Id:" + task.id);
   };
 
+  const cb = (task: Task, progress:number):boolean => {
+    console.log("hola")
+    console.log(task)
+    console.log(progress)
+    return true
+  }
+  const cbTaskName = (task: Task):boolean | undefined => {
+    console.log("hola task edit")
+    console.log(task);
+    return true;
+  }
+
   return (
     <div className="Wrapper">
       <ViewSwitcher
@@ -83,10 +95,13 @@ const App = () => {
         onProgressChange={handleProgressChange}
         onDoubleClick={handleDblClick}
         onClick={handleClick}
+        onInputPro={cb}
+        onEditNameTask={cbTaskName}
         onSelect={handleSelect}
         onExpanderClick={handleExpanderClick}
         listCellWidth={isChecked ? "155px" : ""}
         columnWidth={columnWidth}
+        showProgress={true}
       />
       <h3>Gantt With Limited Height</h3>
       <Gantt
@@ -102,6 +117,7 @@ const App = () => {
         listCellWidth={isChecked ? "155px" : ""}
         ganttHeight={300}
         columnWidth={columnWidth}
+        showProgress={false}
       />
     </div>
   );

example/src/helper.tsx

@@ -8,7 +8,10 @@ export function initTasks() {
       end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),
       name: "Some Project",
       id: "ProjectSample",
+      user: "Pedro Tello",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       progress: 25,
+      userInfo: null,
       type: "project",
       hideChildren: false,
       displayOrder: 1,
@@ -24,7 +27,10 @@ export function initTasks() {
       ),
       name: "Idea",
       id: "Task 0",
+      user: "Juan Flores",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       progress: 45,
+      userInfo: null,
       type: "task",
       project: "ProjectSample",
       displayOrder: 2,
@@ -34,7 +40,10 @@ export function initTasks() {
       end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 4, 0, 0),
       name: "Research",
       id: "Task 1",
+      user: "Juan Flores",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       progress: 25,
+      userInfo: null,
       dependencies: ["Task 0"],
       type: "task",
       project: "ProjectSample",
@@ -43,9 +52,12 @@ export function initTasks() {
     {
       start: new Date(currentDate.getFullYear(), currentDate.getMonth(), 4),
       end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 8, 0, 0),
-      name: "Discussion with team",
+      name: "Discussion with team and more items",
       id: "Task 2",
+      user: "Juan Flores",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       progress: 10,
+      userInfo: null,
       dependencies: ["Task 1"],
       type: "task",
       project: "ProjectSample",
@@ -56,7 +68,10 @@ export function initTasks() {
       end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 9, 0, 0),
       name: "Developing",
       id: "Task 3",
+      user: "Juan Flores",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       progress: 2,
+      userInfo: null,
       dependencies: ["Task 2"],
       type: "task",
       project: "ProjectSample",
@@ -67,8 +82,11 @@ export function initTasks() {
       end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 10),
       name: "Review",
       id: "Task 4",
+      user: "Juan Flores",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       type: "task",
       progress: 70,
+      userInfo: null,
       dependencies: ["Task 2"],
       project: "ProjectSample",
       displayOrder: 6,
@@ -78,7 +96,10 @@ export function initTasks() {
       end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 15),
       name: "Release",
       id: "Task 6",
+      user: "Juan Flores",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       progress: currentDate.getMonth(),
+      userInfo: null,
       type: "milestone",
       dependencies: ["Task 4"],
       project: "ProjectSample",
@@ -89,7 +110,10 @@ export function initTasks() {
       end: new Date(currentDate.getFullYear(), currentDate.getMonth(), 19),
       name: "Party Time",
       id: "Task 9",
+      user: "Juan Flores",
+      urlImg: "https://pyxis.nymag.com/v1/imgs/ae1/f57/8418213aa60777d7a7389b34972f3569d5-Stephen-Lang-chatroom.1x.rsquare.w1400.jpg",
       progress: 0,
+      userInfo: null,
       isDisabled: true,
       type: "task",
     },

example/tsconfig.json

@@ -15,7 +15,7 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
+    "suppressImplicitAnyIndexErrors": false,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "allowSyntheticDefaultImports": true,