Update module option to node16 and other package updates

ccm_web/client/src/components/Accordion.tsx

@@ -5,7 +5,7 @@ import {
   AccordionDetails as MUIAccordionDetails,
   AccordionSummary as MUIAccordionSummary
 } from '@mui/material'
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
+import {ExpandMore as ExpandMoreIcon} from '@mui/icons-material'
 
 const PREFIX = 'Accordion'
 

ccm_web/client/src/components/Breadcrumbs.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Link as RouterLink } from 'react-router-dom'
 import { Breadcrumbs as MuiBreadcrumbs, Link, Typography } from '@mui/material'
-import NavigateNextIcon from '@mui/icons-material/NavigateNext'
+import {NavigateNext as NavigateNextIcon} from '@mui/icons-material'
 
 import { FeatureUIProps } from '../models/FeatureUIData.js'
 

ccm_web/client/src/components/ConfirmDialog.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Button, Paper, Typography } from '@mui/material'
-import CloudDoneIcon from '@mui/icons-material/CloudDone'
+import { CloudDone as CloudDoneIcon } from '@mui/icons-material'
 
 import { DownloadData } from '../models/models.js'
 

ccm_web/client/src/components/CreateSelectSectionWidget.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Tooltip, Typography } from '@mui/material'
-import HelpOutline from '@mui/icons-material/HelpOutline'
+import { HelpOutline } from '@mui/icons-material'
 
 import CreateSectionWidget from './CreateSectionWidget.js'
 import SectionSelectorWidget from './SectionSelectorWidget.js'

ccm_web/client/src/components/ErrorAlert.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Button, Typography } from '@mui/material'
-import ErrorIcon from '@mui/icons-material/Error'
+import { Error as ErrorIcon } from '@mui/icons-material'
 
 import Alert from './Alert.js'
 

ccm_web/client/src/components/FileUpload.tsx

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, useRef } from 'react'
 import { styled } from '@mui/material/styles'
 import { Button, Card, CardContent, Typography } from '@mui/material'
-import CloudUploadIcon from '@mui/icons-material/CloudUpload'
+import { CloudUpload as CloudUploadIcon } from '@mui/icons-material'
 import { useSnackbar } from 'notistack'
 
 const PREFIX = 'FileUpload'

ccm_web/client/src/components/InlineErrorAlert.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Grid, Paper } from '@mui/material'
-import ErrorIcon from '@mui/icons-material/Error'
+import { Error as ErrorIcon } from '@mui/icons-material'
 import { red } from '@mui/material/colors'
 
 const PREFIX = 'InlineErrorAlert'

ccm_web/client/src/components/Layout.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Divider, Grid, Link, Paper, Typography } from '@mui/material'
-import BuildIcon from '@mui/icons-material/Build'
+import { Build as BuildIcon } from '@mui/icons-material'
 
 import Breadcrumbs, { BreadcrumbsProps } from './Breadcrumbs.js'
 import ResponsiveHelper from './ResponsiveHelper.js'

ccm_web/client/src/components/SectionSelectorWidget.tsx

@@ -25,8 +25,8 @@ import {
   useMediaQuery,
   useTheme
 } from '@mui/material'
-import ClearIcon from '@mui/icons-material/Clear'
-import SortIcon from '@mui/icons-material/Sort'
+import { Clear as ClearIcon } from '@mui/icons-material'
+import { Sort as SortIcon } from '@mui/icons-material'
 import { useDebounce } from '@react-hook/debounce'
 
 import APIErrorMessage from './APIErrorMessage.js'

ccm_web/client/src/components/SuccessCard.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Card, CardContent, CardActions } from '@mui/material'
-import CheckCircle from '@mui/icons-material/CheckCircle'
+import  { CheckCircle } from '@mui/icons-material'
 
 const PREFIX = 'SuccessCard'
 

ccm_web/client/src/components/WarningAlert.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { styled } from '@mui/material/styles'
 import { Button } from '@mui/material'
-import ErrorIcon from '@mui/icons-material/Error'
+import { Error as ErrorIcon } from '@mui/icons-material'
 
 import Alert from './Alert.js'
 

ccm_web/client/src/models/FeatureUIData.tsx

@@ -1,10 +1,10 @@
 import React, { ComponentType } from 'react'
-import AccountCircleOutlinedIcon from '@mui/icons-material/AccountCircleOutlined'
-import LibraryBooksOutlinedIcon from '@mui/icons-material/LibraryBooksOutlined'
-import MergeTypeIcon from '@mui/icons-material/MergeType'
-import PersonAddIcon from '@mui/icons-material/PersonAdd'
-import PersonAddOutlinedIcon from '@mui/icons-material/PersonAddOutlined'
-import PostAddOutlinedIcon from '@mui/icons-material/PostAddOutlined'
+import { AccountCircleOutlined as AccountCircleOutlinedIcon } from '@mui/icons-material'
+import { LibraryBooksOutlined as LibraryBooksOutlinedIcon } from '@mui/icons-material'
+import { MergeType as MergeTypeIcon } from '@mui/icons-material'
+import { PersonAdd as PersonAddIcon } from '@mui/icons-material'
+import { PersonAddOutlined as PersonAddOutlinedIcon } from '@mui/icons-material'
+import { PostAddOutlined as PostAddOutlinedIcon } from '@mui/icons-material'
 
 import {
   FeatureDataProps, mergeSectionProps, formatCanvasGradebookProps, formatThirdPartyGradebookProps,

ccm_web/client/src/pages/AddUMUsers.tsx

@@ -4,7 +4,7 @@ import { Typography } from '@mui/material'
 
 import { getCourseSections } from '../api.js'
 import Help from '../components/Help.js'
-import MethodSelect from '../components/MethodSelect'
+import MethodSelect from '../components/MethodSelect.js'
 import MultipleSectionEnrollmentWorkflow from '../components/MultipleSectionEnrollmentWorkflow.js'
 import SingleSectionEnrollmentWorkflow from '../components/SingleSectionEnrollmentWorkflow.js'
 import usePromise from '../hooks/usePromise.js'

ccm_web/client/src/pages/FormatThirdPartyGradebook.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
 import { styled } from '@mui/material/styles'
 import { Button, Backdrop, CircularProgress, Grid, Link, Typography } from '@mui/material'
 
-import * as api from '../api'
+import * as api from '../api.js'
 import APIErrorMessage from '../components/APIErrorMessage.js'
 import ConfirmDialog from '../components/ConfirmDialog.js'
 import CSVFileName from '../components/CSVFileName.js'

ccm_web/client/src/pages/GradebookCanvas.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react'
 import { styled } from '@mui/material/styles'
 import { Button, Grid, Link, Typography } from '@mui/material'
-import WarningIcon from '@mui/icons-material/Warning'
+import { Warning as WarningIcon } from '@mui/icons-material'
 
 import CanvasSettingsLink from '../components/CanvasSettingsLink.js'
 import ConfirmDialog from '../components/ConfirmDialog.js'

ccm_web/client/tsconfig.json

@@ -1,13 +1,11 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "target": "ESNext",
     "lib": [
       "dom",
       "dom.iterable",
       "esnext"
     ],
-    "module": "ESNext",
     "jsx": "react-jsx",
     "sourceMap": true
   },