[update] to v10.0

Author: AlexKlimenkov

README.md

@@ -14,7 +14,7 @@ npm install
 npm start
 ```
 
-The app starts locally with the public trial wrapper package `@dhtmlx/trial-react-gantt` pinned to `^9.1.4`.
+The app starts locally with the public trial wrapper package `@dhtmlx/trial-react-gantt` pinned to `^10.0.0`.
 
 ## Build for production
 

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "react-gantt-examples",
   "private": true,
-  "version": "9.1.4",
+  "version": "10.0.0",
   "type": "module",
   "scripts": {
     "start": "vite",
@@ -12,7 +12,7 @@
   "dependencies": {
     "@ant-design/icons": "^5.6.1",
     "@base-ui-components/react": "^1.0.0-alpha.6",
-    "@dhtmlx/trial-react-gantt": "^9.1.4",
+    "@dhtmlx/trial-react-gantt": "^10.0.0",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@mui/icons-material": "^6.1.0",
@@ -21,7 +21,7 @@
     "antd": "^5.24.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-draggable": "^4.4.6",
+    "react-draggable": "~4.5.0",
     "react-router-dom": "^7.1.4",
     "dayjs": "^1.11.13"
   },

package.json

@@ -34,7 +34,8 @@ export default function BasicInitDemo() {
         ref={ganttRef}
         tasks={tasks}
         links={links}
-        customLightbox={<CustomLightbox />} />
+        customLightbox={<CustomLightbox />}
+      />
     </div>
   );
 }

src/examples/custom-form/Demo.tsx

@@ -88,7 +88,8 @@ export default function BasicInitDemo() {
           TextEditor: TextEditor,
           DurationEditor: DurationEditor,
           DateEditor: DateEditor
-        }}/>
+        }}
+      />
     </div>
   );
 }

src/examples/inline-editors/Demo.jsx

@@ -84,9 +84,9 @@ const ReactGanttExample: React.FC = () => {
     save: (entity, action, payload, id) => {
       if (entity === "task") {
         if (action === "update") {
-          dispatch(updateTask(payload as Task));
+          dispatch(updateTask(payload as SerializedTask));
         } else if (action === "create") {
-          dispatch(createTask(payload as Task));
+          dispatch(createTask(payload as SerializedTask));
         } else if (action === "delete") {
           dispatch(deleteTask(String(id)));
         }

src/examples/redux-toolkit/Demo.tsx

@@ -85,14 +85,14 @@ const ganttSlice = createSlice({
 	initialState,
 	reducers: {
 
-		updateTask(state, action: PayloadAction<Task>) {
+		updateTask(state, action: PayloadAction<SerializedTask>) {
 			const updatedTask = action.payload;
 			const index = state.tasks.findIndex(task => task.id === updatedTask.id);
 			if (index !== -1) {
 				state.tasks[index] = { ...state.tasks[index], ...updatedTask };
 			}
 		},
-		createTask(state, action: PayloadAction<Task>) {
+		createTask(state, action: PayloadAction<SerializedTask>) {
 			state.tasks.push({...action.payload, id: `DB_ID:${action.payload.id}` });// emulate database ID
 		},
 		deleteTask(state, action: PayloadAction<string>) {

src/redux/ganttSlice.ts

@@ -1,10 +1,13 @@
-import { defineConfig } from 'vite'
+import { defineConfig, type PluginOption } from 'vite'
 import react from '@vitejs/plugin-react'
 
 // https://vite.dev/config/
 export default defineConfig({
   base: './',
-  plugins: [react()],
+  // Cast works around a duplicate vite install: @vitejs/plugin-react resolves its
+  // own nested vite, producing a Plugin type that is structurally identical but a
+  // distinct type identity from this project's vite. Runtime is unaffected.
+  plugins: [react() as PluginOption],
   build:{
     sourcemap:true,
     minify: false,