dev: Move to typescript ~4.9.5 and typedoc ~0.25.3

- Align typescript and typedoc dependencies to be the same for all packages
- Remove custom typedoc theme
- Adapt @mui/icons-material import in material-renderers to work with
  later typescript version. The used imports broke starting with 4.2.4

Author: lucas-koehler

package.json

@@ -45,7 +45,7 @@
     "ts-loader": "^6.2.1",
     "ts-node": "^10.4.0",
     "tslib": "^2.5.0",
-    "typescript": "4.2.3",
+    "typescript": "~4.9.5",
     "webpack": "^4.41.2",
     "webpack-merge": "^4.2.2"
   },

packages/core/package.json

@@ -44,7 +44,7 @@
     "report": "nyc report --reporter=html",
     "test": "ava",
     "test-cov": "rimraf -rf .nyc_output && nyc ava",
-    "doc": "typedoc --name 'JSON Forms Core' --excludeExternals --theme ../../typedoc-jsonforms --out docs src"
+    "doc": "typedoc --name 'JSON Forms Core' --excludeExternals --out docs src"
   },
   "ava": {
     "files": [
@@ -96,7 +96,7 @@
     "source-map-support": "0.5.16",
     "ts-node": "^10.4.0",
     "tslib": "^2.5.0",
-    "typedoc": "~0.21.9",
-    "typescript": "4.2.3"
+    "typedoc": "~0.25.3",
+    "typescript": "~4.9.5"
   }
 }

packages/examples/package.json

@@ -40,7 +40,7 @@
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
     "test": "echo 'Nothing to do for `examples` package'",
-    "doc": "typedoc --name 'JSON Forms Examples' --excludeExternals --theme ../../typedoc-jsonforms --out docs src"
+    "doc": "typedoc --name 'JSON Forms Examples' --excludeExternals --out docs src"
   },
   "dependencies": {
     "ajv-i18n": "^3.5.0",
@@ -65,7 +65,7 @@
     "rollup-plugin-typescript2": "^0.34.1",
     "rollup-plugin-visualizer": "^5.4.1",
     "tslib": "^2.5.0",
-    "typedoc": "~0.21.9",
-    "typescript": "4.2.3"
+    "typedoc": "~0.25.3",
+    "typescript": "~4.9.5"
   }
 }

packages/material-renderers/package.json

@@ -45,7 +45,7 @@
     "test": "jest --no-cache",
     "test-cov": "jest --no-cache --coverage",
     "report": "nyc report --reporter=html",
-    "doc": "typedoc --name 'JSON Forms React Material Renderers' --excludeExternals --theme ../../typedoc-jsonforms --out docs src",
+    "doc": "typedoc --name 'JSON Forms React Material Renderers' --excludeExternals --out docs src",
     "tsc": "tsc --build tsconfig.json"
   },
   "jest": {
@@ -135,8 +135,8 @@
     "ts-jest": "^27.1.4",
     "ts-loader": "^6.2.1",
     "tslib": "^2.5.0",
-    "typedoc": "~0.21.9",
-    "typescript": "4.2.3",
+    "typedoc": "~0.25.3",
+    "typescript": "~4.9.5",
     "webpack": "^4.41.2",
     "webpack-cli": "^3.2.1",
     "webpack-dev-server": "^3.9.0"

packages/material-renderers/src/additional/ListWithDetailMasterItem.tsx

@@ -32,7 +32,7 @@ import {
   ListItemSecondaryAction,
   ListItemText,
 } from '@mui/material';
-import DeleteIcon from '@mui/icons-material/Delete';
+import { Delete as DeleteIcon } from '@mui/icons-material';
 import React from 'react';
 
 export const ListWithDetailMasterItem = ({

packages/material-renderers/src/complex/MaterialTableControl.tsx

@@ -57,9 +57,11 @@ import {
   encode,
   ArrayTranslations,
 } from '@jsonforms/core';
-import DeleteIcon from '@mui/icons-material/Delete';
-import ArrowDownward from '@mui/icons-material/ArrowDownward';
-import ArrowUpward from '@mui/icons-material/ArrowUpward';
+import {
+  Delete as DeleteIcon,
+  ArrowDownward,
+  ArrowUpward,
+} from '@mui/icons-material';
 
 import { WithDeleteDialogSupport } from './DeleteDialog';
 import NoBorderTableCell from './NoBorderTableCell';

packages/material-renderers/src/complex/TableToolbar.tsx

@@ -30,7 +30,7 @@ import {
   ArrayTranslations,
 } from '@jsonforms/core';
 import { IconButton, TableRow, Tooltip, Grid, Typography } from '@mui/material';
-import AddIcon from '@mui/icons-material/Add';
+import { Add as AddIcon } from '@mui/icons-material';
 import ValidationIcon from './ValidationIcon';
 import NoBorderTableCell from './NoBorderTableCell';
 

packages/material-renderers/src/complex/ValidationIcon.tsx

@@ -24,7 +24,7 @@
 */
 import React from 'react';
 
-import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import { ErrorOutline as ErrorOutlineIcon } from '@mui/icons-material';
 import { Badge, Tooltip, styled } from '@mui/material';
 
 const StyledBadge = styled(Badge)(({ theme }: any) => ({

packages/material-renderers/src/layouts/ArrayToolbar.tsx

@@ -1,5 +1,5 @@
 import { Grid, IconButton, Toolbar, Tooltip, Typography } from '@mui/material';
-import AddIcon from '@mui/icons-material/Add';
+import { Add as AddIcon } from '@mui/icons-material';
 import React from 'react';
 import ValidationIcon from '../complex/ValidationIcon';
 import { ArrayTranslations } from '@jsonforms/core';

packages/material-renderers/src/layouts/ExpandPanelRenderer.tsx

@@ -40,10 +40,12 @@ import {
   Grid,
   IconButton,
 } from '@mui/material';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import DeleteIcon from '@mui/icons-material/Delete';
-import ArrowUpward from '@mui/icons-material/ArrowUpward';
-import ArrowDownward from '@mui/icons-material/ArrowDownward';
+import {
+  ExpandMore as ExpandMoreIcon,
+  Delete as DeleteIcon,
+  ArrowUpward,
+  ArrowDownward,
+} from '@mui/icons-material';
 
 const iconStyle: any = { float: 'right' };