wrap the fields inside form element and replace button type to submit…

… to handle submit on enter

src/apps/schema/src/app/components/CreateModelDialogue.tsx

@@ -19,7 +19,14 @@ import {
   Checkbox,
   ThemeProvider,
 } from "@mui/material";
-import { useEffect, useReducer, useState, useMemo } from "react";
+import {
+  useEffect,
+  useReducer,
+  useState,
+  useMemo,
+  useCallback,
+  useRef,
+} from "react";
 import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
 import MenuBookRoundedIcon from "@mui/icons-material/MenuBookRounded";
 import InfoRoundedIcon from "@mui/icons-material/InfoRounded";
@@ -41,6 +48,7 @@ import { withCursorPosition } from "../../../../../shell/components/withCursorPo
 import { formatPathPart } from "../../../../../utility/formatPathPart";
 import { AppState } from "../../../../../shell/store/types";
 import { SelectModelParentInput } from "./SelectModelParentInput";
+import { FormControl } from "@mui/base";
 
 interface Props {
   onClose: () => void;
@@ -274,7 +282,7 @@ export const CreateModelDialogue = ({ onClose, modelType = "" }: Props) => {
       );
     } else {
       return (
-        <>
+        <Box component="form">
           <DialogTitle component="div">
             <Stack
               direction="row"
@@ -424,6 +432,7 @@ export const CreateModelDialogue = ({ onClose, modelType = "" }: Props) => {
               Cancel
             </Button>
             <LoadingButton
+              type="submit"
               variant="contained"
               disabled={!model.name || !model.label}
               loading={!!isCreatingModel || !!isCreatingContentItem}
@@ -436,7 +445,7 @@ export const CreateModelDialogue = ({ onClose, modelType = "" }: Props) => {
               Create Model
             </LoadingButton>
           </DialogActions>
-        </>
+        </Box>
       );
     }
   };