@applica-software-guru/react-admin 1.5.254 → 1.5.256

package/package.json

@@ -115,5 +115,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.254"
+  "version": "1.5.256"
 }

package/src/components/ra-buttons/CreateInDialogButton.tsx

@@ -1,7 +1,7 @@
 import { Button as RaButton } from './Button';
 import { Toolbar } from '@/components/ra-forms';
 import { PlusCircleOutlined } from '@ant-design/icons';
-import { Breakpoint, Button, Dialog } from '@mui/material';
+import { Breakpoint, Button, Dialog, DialogContent } from '@mui/material';
 import { CreateBase, UseCreateMutateParams, useResourceContext, useTranslate } from 'ra-core';
 import { ButtonProps, CreateButton, CreateButtonProps, CreateProps, SaveButton } from 'ra-ui-materialui';
 import React, { Children, PropsWithChildren, useCallback, useState } from 'react';
@@ -158,24 +158,26 @@ function CreateInDialogButton(props: CreateInDialogButtonProps) {
           fullWidth={fullWidth}
           fullScreen={fullScreen}
         >
-          {React.isValidElement(Child)
-            ? React.cloneElement(Child, {
-                ...Child.props,
-                modal: true,
-                toolbar: (
-                  <Toolbar>
-                    <Button variant="text" size="medium" onClick={handleClose}>
-                      {translate('ra.action.cancel')}
-                    </Button>
-                    {onSubmit ? (
-                      <SubmitButton onSubmit={onSubmit!} closeDialog={handleClose} />
-                    ) : (
-                      <SaveButton type="button" />
-                    )}
-                  </Toolbar>
-                )
-              })
-            : null}
+          <DialogContent sx={{ m: 0, p: 0 }}>
+            {React.isValidElement(Child)
+              ? React.cloneElement(Child, {
+                  ...Child.props,
+                  modal: true,
+                  toolbar: (
+                    <Toolbar>
+                      <Button variant="text" size="medium" onClick={handleClose}>
+                        {translate('ra.action.cancel')}
+                      </Button>
+                      {onSubmit ? (
+                        <SubmitButton onSubmit={onSubmit!} closeDialog={handleClose} />
+                      ) : (
+                        <SaveButton type="button" />
+                      )}
+                    </Toolbar>
+                  )
+                })
+              : null}
+          </DialogContent>
         </Dialog>
       </CreateBase>
     </>

package/src/components/ra-buttons/EditInDialogButton.tsx

@@ -1,6 +1,6 @@
 import { Button } from './Button';
 import { Toolbar } from '@/components/ra-forms';
-import { Breakpoint, Dialog } from '@mui/material';
+import { Breakpoint, Dialog, DialogContent } from '@mui/material';
 import { EditBase, UseUpdateMutateParams, useRecordContext } from 'ra-core';
 import { EditButton, EditProps, SaveButton } from 'ra-ui-materialui';
 import React, { Children, PropsWithChildren, useCallback, useState } from 'react';
@@ -76,7 +76,16 @@ type EditInDialogButtonProps = PropsWithChildren &
     onSubmit?: SubmitFunction;
   };
 function EditInDialogButton(props: EditInDialogButtonProps): JSX.Element {
-  const { children, maxWidth = 'md', fullWidth = true, fullScreen, mutationOptions, onSubmit, scroll, ...rest } = props;
+  const {
+    children,
+    maxWidth = 'md',
+    fullWidth = true,
+    fullScreen,
+    mutationOptions,
+    onSubmit,
+    scroll = 'paper',
+    ...rest
+  } = props;
   const [open, setOpen] = useState(false);
   const Child = Children.only(children);
   const handleOpen = useCallback(() => setOpen(true), []);
@@ -110,28 +119,30 @@ function EditInDialogButton(props: EditInDialogButtonProps): JSX.Element {
           fullScreen={fullScreen}
           keepMounted={false}
         >
-          {React.isValidElement(Child)
-            ? React.cloneElement(Child, {
-                ...Child.props,
-                modal: true,
-                toolbar: (
-                  <Toolbar>
-                    <Button
-                      disableIconOnly
-                      variant="text"
-                      size="medium"
-                      onClick={handleClose}
-                      label="ra.action.cancel"
-                    />
-                    {onSubmit ? (
-                      <SubmitButton onSubmit={onSubmit!} closeDialog={handleClose} />
-                    ) : (
-                      <SaveButton type="button" />
-                    )}
-                  </Toolbar>
-                )
-              })
-            : null}
+          <DialogContent sx={{ m: 0, p: 0 }}>
+            {React.isValidElement(Child)
+              ? React.cloneElement(Child, {
+                  ...Child.props,
+                  modal: true,
+                  toolbar: (
+                    <Toolbar>
+                      <Button
+                        disableIconOnly
+                        variant="text"
+                        size="medium"
+                        onClick={handleClose}
+                        label="ra.action.cancel"
+                      />
+                      {onSubmit ? (
+                        <SubmitButton onSubmit={onSubmit!} closeDialog={handleClose} />
+                      ) : (
+                        <SaveButton type="button" />
+                      )}
+                    </Toolbar>
+                  )
+                })
+              : null}
+          </DialogContent>
         </Dialog>
       </EditBase>
     </>

package/src/components/ra-fields/CoverField.tsx

@@ -1,4 +1,5 @@
 import { ImageField } from '@/components/ra-fields/ImageField';
+import { SxProps } from '@mui/material';
 import { useMemo } from 'react';
 import { FieldProps, useRecordContext } from 'react-admin';
 
@@ -7,6 +8,7 @@ type CoverFieldProps = {
   height?: number | string;
   circle?: boolean;
   justify?: 'flex-start' | 'center' | 'flex-end';
+  sx?: SxProps;
 } & FieldProps;
 
 /**
@@ -30,15 +32,17 @@ function CoverField({
   circle: defaultCircle = false,
   justify: defaultJustify = 'flex-start',
   record: _propRecord,
+  sx: _sx,
   ...props
 }: CoverFieldProps): JSX.Element {
   const sx = useMemo(
     () => ({
       width: typeof defaultWidth === 'number' ? `${defaultWidth}px !important` : `${defaultWidth} !important`,
       height: typeof defaultHeight === 'number' ? `${defaultHeight}px !important` : `${defaultHeight} !important`,
-      borderRadius: defaultCircle ? '50%' : 1.5
+      borderRadius: defaultCircle ? '50%' : 1.5,
+      ..._sx
     }),
-    [defaultWidth, defaultHeight, defaultCircle]
+    [defaultWidth, defaultHeight, defaultCircle, _sx]
   );
   const _recordContext = useRecordContext();
   const record = _propRecord || _recordContext;

package/src/playground/components/ra-forms/CategoryForm.jsx

@@ -1,4 +1,5 @@
 import { BooleanInput, LocalizedTextInput, SimpleForm, required } from '@/';
+import { ArrayInput, SimpleFormIterator } from 'ra-ui-materialui';
 
 function requiredAtLeastOneTranslation(message = 'ra.validation.at_least_one_translation') {
   return (value, values) => {