Merge pull request #1422 from dhis2/upgrade-vite-react

fix(app-platform): upgrade platform tools to use vite and react 18

Author: Chisomchima

README.md

@@ -1,3 +1,4 @@
+![React 18](https://img.shields.io/badge/react-18-blue)
 This project was bootstrapped with [DHIS2 Application Platform](https://github.com/dhis2/app-platform).
 
 ## Available Scripts

d2.config.js

@@ -7,7 +7,7 @@ const config = {
     minDHIS2Version: '2.41',
 
     entryPoints: {
-        app: './src/App.js',
+        app: './src/App.jsx',
     },
 }
 

i18n/en.pot

@@ -5,8 +5,8 @@ msgstr ""
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=2; plural=(n != 1)\n"
-"POT-Creation-Date: 2025-03-05T20:30:30.881Z\n"
-"PO-Revision-Date: 2025-03-05T20:30:30.890Z\n"
+"POT-Creation-Date: 2025-03-19T09:22:40.114Z\n"
+"PO-Revision-Date: 2025-03-19T09:22:40.115Z\n"
 
 msgid "Failed to load: {{error}}"
 msgstr "Failed to load: {{error}}"
@@ -877,3 +877,11 @@ msgid ""
 msgstr ""
 "Job execution interval (seconds) below which a job will be logged at debug "
 "(rather than info) level (20+)"
+
+msgctxt "Application title"
+msgid "__MANIFEST_APP_TITLE"
+msgstr "System Settings"
+
+msgctxt "Application description"
+msgid "__MANIFEST_APP_DESCRIPTION"
+msgstr ""

package.json

@@ -18,17 +18,16 @@
         "format": "yarn format:js && yarn format:text"
     },
     "devDependencies": {
-        "@dhis2/cli-app-scripts": "^11.7.1",
-        "@dhis2/cli-style": "^10.7.3"
+        "@dhis2/cli-app-scripts": "^12.3.0",
+        "@dhis2/cli-style": "^10.7.6"
     },
     "dependencies": {
-        "@dhis2/app-runtime": "^3.2.0",
+        "@dhis2/app-runtime": "^3.13.1",
         "@dhis2/app-runtime-adapter-d2": "^1.0.2",
         "@dhis2/d2-i18n": "^1.1.0",
-        "@dhis2/ui": "^9.11.3",
+        "@dhis2/ui": "^10.1.11",
         "d2": "^31.9.0",
         "d2-ui": "^29.0.35",
-        "fixed-data-table": "0.6.5",
         "history": "4.7.2",
         "loglevel": "^1.9.2",
         "material-design-icons-iconfont": "^6.1.0",

src/App.js src/App.jsxsrc/App.js renamed to src/App.jsx

@@ -5,7 +5,7 @@ import React from 'react'
 // to ensure that i18n is first imported from locales/index, i18n is imported before App
 // eslint-disable-next-line import/order
 import i18n from './locales/index.js'
-import App from './app.component.js'
+import App from './app.component.jsx'
 import 'material-design-icons-iconfont'
 import configOptionStore from './configOptionStore.js'
 

src/app.component.js src/app.component.jsxsrc/app.component.js renamed to src/app.component.jsx

@@ -15,7 +15,7 @@ import {
     filterCategoriesByApiVersion,
     filterSettingsByApiVersion,
 } from './settingsCategories.js'
-import SettingsFields from './settingsFields.component.js'
+import SettingsFields from './settingsFields.component.jsx'
 import appTheme from './theme.js'
 
 class AppComponent extends React.Component {