muffin-admin 3.7.2 → 3.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muffin-admin",
-  "version": "3.7.2",
+  "version": "3.7.3",
   "description": "NPM package for https://github.com/klen/muffin-admin",
   "files": [
     "src",

package/src/buttons/ActionButton.tsx

@@ -116,20 +116,18 @@ export function CommonPayload({ active, onClose, onHandle, schema, title }) {
   })
 
   return (
-    <AdminModal
-      maxWidth="sm"
-      open={active}
-      onClose={onClose}
-      title={translate(title, { _: title })}
-    >
-      <FormProvider {...form}>
-        <FormGroupsProvider>
-          <form onSubmit={formHandleSubmit}>
-            {inputs}
-            <PayloadButtons onClose={onClose} />
-          </form>
-        </FormGroupsProvider>
-      </FormProvider>
-    </AdminModal>
+    <FormProvider {...form}>
+      <FormGroupsProvider>
+        <AdminModal
+          maxWidth="sm"
+          open={active}
+          onClose={onClose}
+          title={translate(title, { _: title })}
+          actions={<PayloadButtons onClose={onClose} onSubmit={formHandleSubmit} />}
+        >
+          {inputs}
+        </AdminModal>
+      </FormGroupsProvider>
+    </FormProvider>
   )
 }

package/src/common/PayloadButtons.tsx

@@ -2,16 +2,16 @@ import { Stack } from "@mui/material"
 import { Button } from "react-admin"
 import { useFormContext } from "react-hook-form"
 
-export function PayloadButtons({ onClose }) {
+export function PayloadButtons({ onClose, onSubmit }) {
   const { formState } = useFormContext()
   return (
     <Stack direction="row" alignItems="center" justifyContent="flex-end" spacing={1}>
       <Button
-        type="submit"
         label="ra.action.confirm"
         variant="contained"
         disabled={!formState.isValid}
         size="medium"
+        onClick={onSubmit}
       />
       <Button label="ra.action.cancel" variant="outlined" size="medium" onClick={onClose} />
     </Stack>