frontend: component api fixes

after new dep resolution, MUI got a minor version bumb
flatcar · Dec 10, 2024 · 15de604 · 15de604
1 parent 45892bf
commit 15de604
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 19 deletions.
diff --git a/frontend/src/components/Activity/ActivityContainer.tsx b/frontend/src/components/Activity/ActivityContainer.tsx
@@ -142,8 +142,8 @@ function Container() {
                   nextIconButtonProps={{
                     'aria-label': t('activity|next page'),
                   }}
-                  onChangePage={handleChangePage}
-                  onChangeRowsPerPage={handleChangeRowsPerPage}
+                  onPageChange={handleChangePage}
+                  onRowsPerPageChange={handleChangeRowsPerPage}
                 />
               </Grid>
             </Grid>

diff --git a/frontend/src/components/Instances/List.tsx b/frontend/src/components/Instances/List.tsx
@@ -507,8 +507,8 @@ function ListView(props: { application: Application; group: Group }) {
                       nextIconButtonProps={{
                         'aria-label': t('frequent|next page'),
                       }}
-                      onChangePage={handleChangePage}
-                      onChangeRowsPerPage={handleChangeRowsPerPage}
+                      onPageChange={handleChangePage}
+                      onRowsPerPageChange={handleChangeRowsPerPage}
                     />
                   </React.Fragment>
                 ) : (

diff --git a/frontend/src/components/Packages/List.tsx b/frontend/src/components/Packages/List.tsx
@@ -134,7 +134,7 @@ function List(props: { appID: string }) {
                   nextIconButtonProps={{
                     'aria-label': t('frequent|next page'),
                   }}
-                  onChangePage={handleChangePage}
+                  onPageChange={handleChangePage}
                 />
               </React.Fragment>
             )

diff --git a/frontend/src/components/common/AutoCompletePicker/AutoCompletePicker.tsx b/frontend/src/components/common/AutoCompletePicker/AutoCompletePicker.tsx
@@ -6,11 +6,11 @@ import DialogContent from '@material-ui/core/DialogContent';
 import DialogTitle from '@material-ui/core/DialogTitle';
 import FormControl from '@material-ui/core/FormControl';
 import Input from '@material-ui/core/Input';
-import InputLabel from '@material-ui/core/InputLabel';
+import InputLabel, { InputLabelProps } from '@material-ui/core/InputLabel';
 import ListItem from '@material-ui/core/ListItem';
 import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
-import Downshift, { GetLabelPropsOptions } from 'downshift';
+import Downshift from 'downshift';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { FixedSizeList, ListOnItemsRenderedProps } from 'react-window';
@@ -25,11 +25,11 @@ interface RenderInputProps {
   autoFocus: boolean;
   label: string;
   placeholder: string;
-  InputLabelProps: (options?: GetLabelPropsOptions | undefined) => void;
+  InputLabelProps: InputLabelProps;
   InputProps: {
-    onBlur: () => void;
-    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onFocus: () => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   };
   inputProps: object;
   variant: 'outlined';

diff --git a/frontend/src/components/common/SimpleTable/SimpleTable.tsx b/frontend/src/components/common/SimpleTable/SimpleTable.tsx
@@ -87,8 +87,8 @@ export default function SimpleTable(props: SimpleTableProps) {
           nextIconButtonProps={{
             'aria-label': t('frequent|next page'),
           }}
-          onChangePage={handleChangePage}
-          onChangeRowsPerPage={handleChangeRowsPerPage}
+          onPageChange={handleChangePage}
+          onRowsPerPageChange={handleChangeRowsPerPage}
         />
       )}
     </React.Fragment>

diff --git a/frontend/src/components/common/TimezonePicker/TimezonePicker.tsx b/frontend/src/components/common/TimezonePicker/TimezonePicker.tsx
@@ -5,12 +5,12 @@ import DialogContent from '@material-ui/core/DialogContent';
 import DialogTitle from '@material-ui/core/DialogTitle';
 import FormControl from '@material-ui/core/FormControl';
 import Input from '@material-ui/core/Input';
-import InputLabel from '@material-ui/core/InputLabel';
+import InputLabel, { InputLabelProps } from '@material-ui/core/InputLabel';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
 import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
-import Downshift, { GetLabelPropsOptions } from 'downshift';
+import Downshift from 'downshift';
 import moment from 'moment-timezone';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
@@ -30,15 +30,15 @@ interface RenderInputProps {
   };
   ref?: React.Ref<any>;
   InputProps: {
-    onBlur: () => void;
-    onChange: () => void;
-    onFocus: () => void;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onChange?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   };
   fullWidth: boolean;
   autoFocus: boolean;
   label: string;
   placeholder: string;
-  InputLabelProps: (options?: GetLabelPropsOptions | undefined) => void;
+  InputLabelProps: InputLabelProps;
   variant: 'outlined';
   inputProps: object;
 }