@applica-software-guru/react-admin 1.5.235 → 1.5.237

package/package.json

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

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

@@ -67,7 +67,7 @@ type CreateInDialogButtonProps = PropsWithChildren &
     maxWidth: Breakpoint;
     fullWidth?: boolean;
     fullScreen?: boolean;
-
+    scroll: 'paper' | 'body' | undefined;
     /**
      * Custom handler for the submit event, in this case you are responsible for closing the dialog.
      * @example
@@ -86,7 +86,7 @@ type CreateInDialogButtonProps = PropsWithChildren &
     onSubmit?: SubmitFunction;
   };
 function CreateInDialogButton(props: CreateInDialogButtonProps) {
-  const { children, maxWidth = 'md', fullWidth = true, fullScreen, onSubmit, mutationOptions, ...rest } = props;
+  const { children, maxWidth = 'md', fullWidth = true, fullScreen, onSubmit, mutationOptions, scroll, ...rest } = props;
   const queryClient = useQueryClient();
   const resource = useResourceContext();
   const Child = Children.only(children);
@@ -124,7 +124,14 @@ function CreateInDialogButton(props: CreateInDialogButtonProps) {
           onSuccess: handleSuccess
         }}
       >
-        <Dialog open={open} onClose={handleClose} maxWidth={maxWidth} fullWidth={fullWidth} fullScreen={fullScreen}>
+        <Dialog
+          open={open}
+          scroll={scroll}
+          onClose={handleClose}
+          maxWidth={maxWidth}
+          fullWidth={fullWidth}
+          fullScreen={fullScreen}
+        >
           {React.isValidElement(Child)
             ? React.cloneElement(Child, {
                 ...Child.props,

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

@@ -27,9 +27,10 @@ type EditInDialogButtonProps = PropsWithChildren &
     maxWidth: Breakpoint;
     fullWidth?: boolean;
     fullScreen?: boolean;
+    scroll: 'paper' | 'body' | undefined;
   };
 function EditInDialogButton(props: EditInDialogButtonProps): JSX.Element {
-  const { children, maxWidth = 'md', fullWidth = true, fullScreen, mutationOptions, ...rest } = props;
+  const { children, maxWidth = 'md', fullWidth = true, fullScreen, mutationOptions, scroll, ...rest } = props;
   const [open, setOpen] = useState(false);
   const Child = Children.only(children);
   const handleOpen = useCallback(() => setOpen(true), []);
@@ -56,6 +57,7 @@ function EditInDialogButton(props: EditInDialogButtonProps): JSX.Element {
       >
         <Dialog
           open={open}
+          scroll={scroll}
           onClose={handleClose}
           fullWidth={fullWidth}
           maxWidth={maxWidth}

package/src/components/ra-inputs/LocalizedTextInput.tsx

@@ -47,38 +47,40 @@ function LocalizedTextInput(props: ILocalizedTextInputProps) {
 
   return (
     <LabeledInput {...props} helperText={error?.message}>
-      <Box flex={1}>
-        {_.map(locales, (l, index) => {
-          return (
-            <TextInput
-              key={index}
-              {...props}
-              source={`${source}.${l.locale}`}
-              sx={{ width: '100%', display: l.locale === locale ? 'inline-flex' : 'none' }}
-              label={false}
-              InputProps={{
-                endAdornment: (
-                  <Chip
-                    label={<Typography variant="button">{locale}</Typography>}
-                    size="small"
-                    onClick={toggle}
-                    color={isMissingLocalizations ? 'warning' : undefined}
-                  />
-                )
-              }}
-            />
-          );
-        })}
-        <Menu
-          anchorEl={anchorEl}
-          open={open}
-          anchorOrigin={ANCHOR_ORIGIN}
-          transformOrigin={TRANSFORM_ORIGIN}
-          onClose={handleClose}
-        >
-          {MenuItems}
-        </Menu>
-      </Box>
+      <>
+        <Box flex={1}>
+          {_.map(locales, (l, index) => {
+            return (
+              <TextInput
+                key={index}
+                {...props}
+                source={`${source}.${l.locale}`}
+                sx={{ width: '100%', display: l.locale === locale ? 'inline-flex' : 'none' }}
+                label={false}
+                InputProps={{
+                  endAdornment: (
+                    <Chip
+                      label={<Typography variant="button">{locale}</Typography>}
+                      size="small"
+                      onClick={toggle}
+                      color={isMissingLocalizations ? 'warning' : undefined}
+                    />
+                  )
+                }}
+              />
+            );
+          })}
+          <Menu
+            anchorEl={anchorEl}
+            open={open}
+            anchorOrigin={ANCHOR_ORIGIN}
+            transformOrigin={TRANSFORM_ORIGIN}
+            onClose={handleClose}
+          >
+            {MenuItems}
+          </Menu>
+        </Box>
+      </>
     </LabeledInput>
   );
 }