@applica-software-guru/react-admin 1.5.283 → 1.5.285

package/package.json

@@ -106,5 +106,5 @@
   "type": "module",
   "types": "dist/index.d.ts",
   "typings": "dist/index.d.ts",
-  "version": "1.5.283"
+  "version": "1.5.285"
 }

package/src/components/ra-forms/WizardForm/Content.tsx

@@ -1,5 +1,5 @@
 import { Children, ReactElement, ReactNode, isValidElement, useMemo } from 'react';
-import { Box, Button, Divider, Grid } from '@mui/material';
+import { Box, Button, Divider, Grid, useTheme } from '@mui/material';
 import { MainCard } from '@/components/MainCard';
 import { Toolbar } from './Toolbar';
 import { useTranslate } from 'react-admin';
@@ -23,6 +23,7 @@ interface ContentProps {
 function Content({ title, subheader, secondary, toolbar, progress, isSmall, modal, sx, setCurrentStep }: ContentProps) {
   const { currentStep, steps } = useWizardFormContext();
   const translate = useTranslate();
+  const theme = useTheme();
   const isHorizontal = isSmall || modal;
 
   const cancelButton = useMemo(() => {
@@ -72,7 +73,18 @@ function Content({ title, subheader, secondary, toolbar, progress, isSmall, moda
           divider
         >
           <Box>{steps[currentStep]}</Box>
-          {toolbar && !cancelButton ? toolbar : <Toolbar cancelButton={cancelButton} />}
+          <Box
+            sx={{
+              '& .MuiToolbar-root': {
+                paddingLeft: 0,
+                paddingRight: 0,
+                paddingBottom: 0,
+                paddingTop: theme.spacing(2)
+              }
+            }}
+          >
+            {toolbar && !cancelButton ? toolbar : <Toolbar cancelButton={cancelButton} />}
+          </Box>
         </MainCard>
       </Grid>
     </Grid>

package/src/components/ra-forms/WizardForm/Form.tsx

@@ -21,13 +21,7 @@ const StyledForm = styled(RaForm, {
     ? {
         paddingBottom: `${theme.spacing(2.5)}`
       }
-    : {},
-  '& .MuiToolbar-root': {
-    paddingLeft: '0 !important',
-    paddingRight: '0 !important',
-    paddingBottom: '0 !important',
-    paddingTop: `${theme.spacing(2)} !important`
-  }
+    : {}
 }));
 
 /**

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

@@ -0,0 +1,22 @@
+import { LabeledInput } from '@/components/ra-inputs/LabeledInput';
+import { RadioButtonGroupInput as RaRadioButtonGroupInput, RadioButtonGroupInputProps } from 'react-admin';
+import { styled } from '@mui/material/styles';
+
+const StyledRadioButtonGroupInput = styled(RaRadioButtonGroupInput, { slot: 'root' })(() => ({
+  marginTop: '0 !important',
+  '& .MuiFormControlLabel-root': {
+    marginLeft: -8 // Mantis overrides
+  }
+}));
+function RadioButtonGroupInput(props: RadioButtonGroupInputProps): JSX.Element {
+  return (
+    // @ts-ignore
+    <LabeledInput {...props}>
+      {/* @ts-ignore */}
+      <StyledRadioButtonGroupInput />
+    </LabeledInput>
+  );
+}
+
+export { RadioButtonGroupInput };
+export type { RadioButtonGroupInputProps };

package/src/components/ra-inputs/index.ts

@@ -11,6 +11,7 @@ export * from './LabeledArrayInput';
 export * from './LabeledInput';
 export * from './LocalizedTextInput';
 export * from './NumberInput';
+export * from './RadioButtonGroupInput';
 export * from './RecordInput';
 export * from './ReferenceArrayInput';
 export * from './ReferenceInput';