v2.3.1

2025-10-22 08:13:59 +00:00
commit 80ca059fb8
162 changed files with 16816 additions and 0 deletions
@@ -0,0 +1,37 @@
+import { useMemo } from 'react';
+import { getData } from '../data';
+import { Gantt } from '../../src/';
+import AvatarCell from '../custom/AvatarCell.jsx';
+import NameAndDateCell from '../custom/NameAndDateCell.jsx';
+import AddTaskCell from '../custom/AddTaskCell.jsx';
+
+function GanttGrid({ skinSettings }) {
+  const columns = useMemo(
+    () => [
+      { id: 'text', header: 'Task', width: 220, cell: NameAndDateCell },
+      { id: 'assigned', header: 'Assigned', width: 160, cell: AvatarCell },
+      {
+        id: 'add-task',
+        header: { cell: AddTaskCell },
+        align: 'center',
+        width: 80,
+      },
+    ],
+    [],
+  );
+
+  const data = useMemo(() => getData(), []);
+
+  return (
+    <Gantt
+      {...skinSettings}
+      tasks={data.tasks}
+      links={data.links}
+      scales={data.scales}
+      columns={columns}
+      cellHeight={40}
+    />
+  );
+}
+
+export default GanttGrid;