@applica-software-guru/react-admin 1.4.185 → 1.4.187

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applica-software-guru/react-admin",
-  "version": "1.4.185",
+  "version": "1.4.187",
   "private": false,
   "repository": {
     "type": "git",

package/src/components/ActionsMenu.tsx

@@ -1,9 +1,7 @@
 import { IconButton, MenuItem, styled } from '@mui/material';
-import React, { Children, useCallback, useState } from 'react';
-
-import MenuPopover from './MenuPopover/MenuPopover';
 import { MoreHoriz, MoreVert } from '@mui/icons-material';
-import PropTypes from 'prop-types';
+import MenuPopover from './MenuPopover/MenuPopover';
+import React, { Children, useCallback, useState } from 'react';
 
 const StyledRoot = styled('div', {
   shouldForwardProp: (prop) => prop !== 'color' && prop !== 'variant' && prop !== 'sx',
@@ -14,7 +12,6 @@ const StyledRoot = styled('div', {
 }));
 
 const StyledMenuPopover = styled(MenuPopover, {
-  name: 'ApplicaActionsMenu',
   slot: 'root'
 })(({ theme }) => ({
   '& .MuiMenuItem-root': {
@@ -26,30 +23,31 @@ const StyledMenuPopover = styled(MenuPopover, {
     }
   }
 }));
+
 export type ActionsMenuProps = {
   children: React.ReactNode;
   horizontal?: boolean;
 };
 
 /**
- * Consente di disegnare un menu di azioni raggruppate all'interno di un popover.
- * All'interno del menu è possibile inserire uno o più componenti che, è suggeribile, siano bottoni.
+ * Allows you to draw a menu of actions grouped within a popover.
+ * Inside the menu you can insert one or more components that, it is advisable, are buttons.
  *
  * @example
  * <ActionsMenu>
  *  <DeleteButton />
  *  <EditButton />
  * </ActionsMenu>
- *
- * @param {ActionsMenuProps}
- * @returns {React.ReactElement}
  */
-const ActionsMenu = ({ horizontal = false, children }: ActionsMenuProps): React.ReactElement | null => {
+export function ActionsMenu({ horizontal = false, children }: ActionsMenuProps): React.ReactElement | null {
   const [open, setOpen] = useState(null);
+  const actionRef = React.useRef(null);
+
   const handleClick = (e: any) => {
     e.stopPropagation();
     e.preventDefault();
     setOpen(e.currentTarget);
+    actionRef.current = e.currentTarget;
   };
   const handleClose = useCallback((e: any) => {
     e.stopPropagation();
@@ -72,7 +70,7 @@ const ActionsMenu = ({ horizontal = false, children }: ActionsMenuProps): React.
     setOpen(null);
 
     if (typeof e.currentTarget?.onClick === 'function') {
-      e.currentTarget.onClick();
+      e.currentTarget.onClick(e);
     }
   }, []);
 
@@ -84,16 +82,16 @@ const ActionsMenu = ({ horizontal = false, children }: ActionsMenuProps): React.
       <StyledMenuPopover open={open} onClose={handleClose} arrow="right-top">
         {Children.map(
           children,
-          (action, index) => React.isValidElement(action) && <MenuItem onClick={handleOnClick} key={index}>{React.cloneElement(action)}</MenuItem>
+          (action, index) =>
+            React.isValidElement(action) && (
+              <MenuItem onClick={handleOnClick} key={index}>
+                {React.cloneElement(action)}
+              </MenuItem>
+            )
         )}
       </StyledMenuPopover>
     </StyledRoot>
   );
-};
-
-ActionsMenu.propTypes = {
-  ...MenuPopover.propTypes,
-  children: PropTypes.node.isRequired
-};
+}
 
 export default ActionsMenu;

package/src/components/MenuPopover/MenuPopover.jsx

@@ -13,6 +13,7 @@ const MenuPopover = ({ open, children, arrow = 'top-right', disabledArrow, sx, .
       anchorEl={open}
       anchorOrigin={anchorOrigin}
       transformOrigin={transformOrigin}
+      keepMounted
       PaperProps={{
         sx: {
           p: 1,

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

@@ -14,8 +14,7 @@ import {
 import { Dialog, Fab, useMediaQuery } from '@mui/material';
 import React, { useCallback, useState } from 'react';
 import { SxProps, Theme, styled } from '@mui/material/styles';
-
-import { Add } from '@mui/icons-material';
+import { PlusCircleOutlined } from '@ant-design/icons';
 import { Toolbar } from '../ra-forms';
 import clsx from 'clsx';
 import { useAppConfig } from '../../hooks';
@@ -119,7 +118,7 @@ const CreateInDialogContent = ({
         toolbar: (
           <Toolbar>
             <Button variant="text" size="medium" label="ra.action.cancel" onClick={onClose} disabled={createProps?.saving} />
-            <SaveButton disabled={createProps?.saving} />
+            <SaveButton type="button" disabled={createProps?.saving} />
           </Toolbar>
         )
       })}
@@ -132,10 +131,7 @@ const scrollStates = {
   false: {}
 } as any;
 
-const StyledFab = styled(Fab, {
-  name: 'RaApplicaCreateInDialogButton',
-  overridesResolver: (_props, styles) => styles.root
-})(({ theme }) => ({
+const StyledFab = styled(Fab, { overridesResolver: (_props, styles) => styles.root })(({ theme }) => ({
   [`&.${CreateButtonClasses.floating}`]: {
     color: theme.palette.getContrastText(theme.palette.primary.main),
     margin: 0,
@@ -200,21 +196,17 @@ export function CreateInDialogButton({
           aria-label={label && translate(label)}
           onClick={handleOpen}
         >
-          <Add />
+          <PlusCircleOutlined />
         </StyledFab>
       ) : (
         <Button {...props} sx={sx} label={label} onClick={handleOpen}>
-          <Add />
+          <PlusCircleOutlined />
         </Button>
       )}
       <Dialog
         open={open}
         scroll="body"
-        sx={{
-          '& .MuiToolbar-root': {
-            position: 'initial'
-          }
-        }}
+        sx={{ '& .MuiToolbar-root': { position: 'initial' } }}
         onClose={handleClose}
         fullWidth={fullWidth}
         maxWidth={maxWidth}

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

@@ -59,7 +59,7 @@ const EditInDialogContent = ({ onClose, children }: EditInDialogContentProps) =>
         toolbar: (
           <Toolbar>
             <Button variant="text" size="medium" label="ra.action.cancel" onClick={onClose} />
-            <SaveButton />
+            <SaveButton type="button" />
           </Toolbar>
         )
       })}

package/src/components/ra-custom/ListItem.tsx

@@ -38,12 +38,9 @@ const defaultIconStyle = {
 };
 
 /**
- * Implementa il componente ListItem progettato e disegnato da Applica.
- * Questo componente può essere utilizzato in diverse combinazioni di proprietà e consente di visualizzare e/o modificare dati
- * aggiungendo elementi decorativi di dettagli e personalizzazioni nella formattazione dei dati.
- *
- * @param {ListItemProps} props
- * @returns {JSX.Element}
+ * Implements the ListItem component designed and drawn by Applica.
+ * This component can be used in different combinations of properties and allows you to view and/or modify data
+ * by adding decorative elements of details and customizations in data formatting.
  */
 export function ListItem({
   source,

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

@@ -3,12 +3,7 @@ import { Typography } from '@mui/material';
 import { get } from 'lodash';
 import { styled } from '@mui/material/styles';
 
-const Root = styled('div', {
-  name: 'ApplicaBaseAttachmentField',
-  overridesResolver: (props, styles) => styles.root
-})({
-  display: 'inline-block'
-});
+const Root = styled('div', { overridesResolver: (props, styles) => styles.root })({ display: 'inline-block' });
 
 const StyledList = styled('ul')({
   display: 'inline-block'

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

@@ -1,10 +1,7 @@
 import { DateFieldProps, DateField as RaDateField } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-const StyledDateField = styled(RaDateField, {
-  name: 'RaApplicaDateField',
-  slot: 'Root'
-})(() => ({}));
+const StyledDateField = styled(RaDateField, { slot: 'Root' })(() => ({}));
 
 export function DateField({ variant = 'body1', ...props }: DateFieldProps): JSX.Element {
   // @ts-ignore

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

@@ -1,10 +1,7 @@
 import { EmailFieldProps, EmailField as RaEmailField } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-const StyledEmailField = styled(RaEmailField, {
-  name: 'RaApplicaEmailField',
-  slot: 'Root'
-})(() => ({}));
+const StyledEmailField = styled(RaEmailField, { slot: 'Root' })(() => ({}));
 
 export function EmailField({ variant = 'body1', ...props }: EmailFieldProps): JSX.Element {
   return <StyledEmailField {...props} variant={variant} />;

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

@@ -3,10 +3,7 @@ import { get } from 'lodash';
 import { styled } from '@mui/material/styles';
 import { useCallback } from 'react';
 
-const StyledFileField = styled(RaFileField, {
-  name: 'RaApplicaFileField',
-  slot: 'root'
-})(() => ({}));
+const StyledFileField = styled(RaFileField, { slot: 'root' })(() => ({}));
 
 export type FileFieldProps = {
   source: string;

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

@@ -1,10 +1,7 @@
 import { ImageFieldProps, ImageField as RaImageField } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-const StyledImageField = styled(RaImageField, {
-  name: 'RaApplicaImageField',
-  slot: 'root'
-})(() => ({}));
+const StyledImageField = styled(RaImageField, { slot: 'root' })(() => ({}));
 
 export function ImageField(props: ImageFieldProps): JSX.Element {
   const source = `_${props?.source}`;

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

@@ -14,10 +14,7 @@ const StyledDiv = function ({ children = null, className = '' }: StyledDivProps)
   return <div className={className}>{children}</div>;
 };
 
-const StyledRoot = styled(StyledDiv, {
-  name: 'RaApplicaReferenceManyField',
-  slot: 'root'
-})(({ theme, bulkActionButtons }: StyledRootProps) => {
+const StyledRoot = styled(StyledDiv, { slot: 'root' })(({ theme, bulkActionButtons }: StyledRootProps) => {
   return {
     marginLeft: `-${theme.spacing(2.5)}`,
     marginRight: `-${theme.spacing(2.5)}`,
@@ -100,9 +97,6 @@ export type ReferenceManyFieldProps = RaReferenceManyFieldProps & {
  *     ...
  *   </Datagrid>
  * </ReferenceManyField>
- *
- * @param props {ReferenceManyFieldProps}
- * @returns {JSX.Element}
  */
 export function ReferenceManyField(props: ReferenceManyFieldProps): JSX.Element {
   return (

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

@@ -1,10 +1,7 @@
 import { TextField as RaTextField, TextFieldProps } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-const StyledTextField = styled(RaTextField, {
-  name: 'RaApplicaTextField',
-  slot: 'Root'
-})(() => ({}));
+const StyledTextField = styled(RaTextField, { slot: 'Root' })(() => ({}));
 
 export function TextField({ variant = 'body1', ...props }: TextFieldProps): JSX.Element {
   // @ts-ignore

package/src/components/ra-forms/CardForm.tsx

@@ -63,10 +63,7 @@ type StyledFormProps = {
   theme: any;
 };
 
-const StyledForm = styled(Form, {
-  name: 'RaApplicaCardForm',
-  slot: 'root'
-})(({ theme, spacing }: StyledFormProps) => ({
+const StyledForm = styled(Form, { slot: 'root' })(({ theme, spacing }: StyledFormProps) => ({
   backgroundColor: 'transparent',
   '& .RaToolbar-desktopToolbar': {
     marginTop: theme.spacing((spacing as number) * 2),

package/src/components/ra-forms/Create.tsx

@@ -71,10 +71,7 @@ export function useResourceDefaultValues(): IResourceDefaultValue {
   return useContext(ResourceDefaultValueContext);
 }
 
-export const Create = styled(CreateWithDefaults, {
-  name: 'RaApplicaEdit',
-  slot: 'root'
-})(({ theme }) => ({
+export const Create = styled(CreateWithDefaults, { slot: 'root' })(({ theme }) => ({
   '& .RaCreate-card, & > div > div > form': {
     backgroundColor: theme.palette.background.default
   },
@@ -87,7 +84,7 @@ export const Create = styled(CreateWithDefaults, {
   // Ci ho messo 4 ore per scrivere questa riga di codice e risolvere un problema con react-sticky-box ed i Long Form.
   // L'overflow è di default 'hidden', a noi serve visibile per consentire a react-sticky-box di funzionare e gestire la visiblità con ancore
   // di tutti gli elementi presenti all'interno della pagina.
-  '& .RaCreate-main:has(.ApplicaLongFormView)>.MuiPaper-root:first-of-type': {
+  '& .RaCreate-main:has(.LongFormView)>.MuiPaper-root:first-of-type': {
     overflow: 'visible'
   },
   '& .RaCreate-main:has(.tabbed-form) .MuiTableContainer-root': {

package/src/components/ra-forms/Edit.tsx

@@ -1,10 +1,7 @@
-import { Edit as RaEdit } from 'react-admin';
+import { EditProps, Edit as RaEdit } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-export const Edit = styled(RaEdit, {
-  name: 'RaApplicaEdit',
-  slot: 'root'
-})(({ theme }) => ({
+const StyledEdit = styled(RaEdit, { slot: 'root' })(({ theme }) => ({
   '&>.MuiToolbar-root:first-of-type': {
     backgroundColor: theme.palette.background.default
   },
@@ -29,7 +26,7 @@ export const Edit = styled(RaEdit, {
   // This line of code took me 4 hours to write and solve a problem with react-sticky-box and Long Forms.
   // The overflow is 'hidden' by default, we need it to be visible to allow react-sticky-box to work and manage visibility with anchors
   // of all the elements inside the page.
-  '& .RaEdit-main:has(.ApplicaLongFormView)>.MuiPaper-root:first-of-type': {
+  '& .RaEdit-main:has(.LongFormView)>.MuiPaper-root:first-of-type': {
     overflow: 'visible'
   },
   '& .RaEdit-main:has(.tabbed-form) .MuiTableContainer-root': {
@@ -37,4 +34,9 @@ export const Edit = styled(RaEdit, {
   }
 }));
 
+export function Edit(props: EditProps): JSX.Element {
+  // @ts-ignore
+  return <StyledEdit {...props} />;
+}
+
 export default Edit;

package/src/components/ra-forms/LongForm/BaseForm.tsx

@@ -9,7 +9,7 @@ type IBaseFormProps = FormProps & {
 };
 
 const StyledGrid = styled(Grid, {
-  name: 'ApplicaLongFormView',
+  name: 'LongFormView',
   slot: 'Root'
 })(({ theme }) => ({
   // This style must be applied only to root toolbars used to save data in the form.
@@ -46,7 +46,7 @@ function BaseForm(props: IBaseFormProps) {
     formProps = _.omit(props, ['spacing']);
 
   return (
-    <Form {...formProps} className="ApplicaLongFormView">
+    <Form {...formProps} className="LongFormView">
       <StyledGrid container spacing={spacing * 2}>
         {props.children}
       </StyledGrid>

package/src/components/ra-forms/Show.tsx

@@ -1,24 +1,23 @@
-import { Show as RaShow } from 'react-admin';
+import { Show as RaShow, ShowProps } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-export function Show(): JSX.Element {
+const StyledShow = styled(RaShow, { slot: 'root' })(({ theme }) => ({
+  '&>.MuiToolbar-root:first-of-type': {
+    backgroundColor: theme.palette.background.default
+  },
+  '& .RaShow-card, & > div > div > form': {
+    backgroundColor: theme.palette.background.default
+  },
+  '& .RaShow-main>.MuiPaper-root:first-of-type': {
+    // It took me 4 hours to write this line of code and solve a problem with react-sticky-box and Long Forms.
+    // The overflow is 'hidden' by default, we need it to be visible to allow react-sticky-box to work and manage visibility with anchors
+    // of all the elements inside the page.
+    overflow: 'visible'
+  }
+}));
+
+export function Show(props: ShowProps): JSX.Element {
   // @ts-ignore
-  return styled(RaShow, {
-    name: 'RaApplicaShow',
-    slot: 'root'
-  })(({ theme }) => ({
-    '&>.MuiToolbar-root:first-of-type': {
-      backgroundColor: theme.palette.background.default
-    },
-    '& .RaShow-card, & > div > div > form': {
-      backgroundColor: theme.palette.background.default
-    },
-    '& .RaShow-main>.MuiPaper-root:first-of-type': {
-      // It took me 4 hours to write this line of code and solve a problem with react-sticky-box and Long Forms.
-      // The overflow is 'hidden' by default, we need it to be visible to allow react-sticky-box to work and manage visibility with anchors
-      // of all the elements inside the page.
-      overflow: 'visible'
-    }
-  }));
+  return <StyledShow {...props} />;
 }
 export default Show;

package/src/components/ra-forms/SimpleForm.tsx

@@ -11,10 +11,7 @@ import ActionsMenu from '../ActionsMenu';
 import MainCard from '../MainCard';
 import Toolbar from './Toolbar';
 
-const ApplicaStyledSimpleForm = styled(RaSimpleForm, {
-  name: 'RaApplicaSimpleForm',
-  slot: 'Root'
-})(({ theme, modal }: { theme: any; modal: boolean }) => ({
+const StyledSimpleForm = styled(RaSimpleForm, { slot: 'Root' })(({ theme, modal }: { theme: any; modal: boolean }) => ({
   '& .MuiGrid-root.MuiGrid-container': {
     paddingBottom: theme.spacing(modal ? 0 : 2.5)
   } as any,
@@ -71,7 +68,7 @@ export function SimpleForm({
       divider
     >
       {/* @ts-ignore */}
-      <ApplicaStyledSimpleForm toolbar={toolbar} {...props} />
+      <StyledSimpleForm toolbar={toolbar} {...props} />
     </MainCard>
   );
 }

package/src/components/ra-forms/SimpleFormIterator.tsx

@@ -1,32 +1,30 @@
 import { SimpleFormIterator as RaSimpleFormIterator } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
-export function SimpleFormIterator(): JSX.Element {
-  // @ts-ignore
-  return styled(RaSimpleFormIterator, {
-    name: 'ApplicaSimpleFormIterator',
-    root: 'root'
-  })(({ theme }) => ({
-    '& .RaSimpleFormIterator-line': {
-      paddingTop: theme.spacing(1),
-      paddingBottom: theme.spacing(0.5)
-    },
-    '& .RaSimpleFormIterator-action': {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      mb: 1.5
-    },
-    '& section': {
-      width: '100%',
-      '& label': {
-        position: 'relative',
-        overflow: 'visible',
-        transform: 'none',
-        marginLeft: 0
-      }
+// @ts-ignore
+const StyledSimpleFormIterator = styled(RaSimpleFormIterator, { root: 'root' })(({ theme }) => ({
+  '& .RaSimpleFormIterator-line': {
+    paddingTop: theme.spacing(1),
+    paddingBottom: theme.spacing(0.5)
+  },
+  '& .RaSimpleFormIterator-action': {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    mb: 1.5
+  },
+  '& section': {
+    width: '100%',
+    '& label': {
+      position: 'relative',
+      overflow: 'visible',
+      transform: 'none',
+      marginLeft: 0
     }
-  }));
-}
+  }
+}));
 
+export function SimpleFormIterator(props: any): JSX.Element {
+  return <StyledSimpleFormIterator {...props} />;
+}
 export default SimpleFormIterator;

package/src/components/ra-forms/TabbedForm.tsx

@@ -25,10 +25,7 @@ export type TabbedFormProps = RaTabbedFormProps & {
   noPadding?: boolean;
 };
 
-const StyledTabbedForm = styled(RaTabbedForm, {
-  name: 'RaApplicaTabbedForm',
-  slot: 'Root'
-})(({ theme, modal }: { theme: any; modal: boolean }) => ({
+const StyledTabbedForm = styled(RaTabbedForm, { slot: 'Root' })(({ theme, modal }: { theme: any; modal: boolean }) => ({
   '& .MuiGrid-root.MuiGrid-container': {
     paddingBottom: theme.spacing(modal ? 0 : 1)
   } as any,

package/src/components/ra-forms/TableForm/TableFormIterator.tsx

@@ -38,9 +38,6 @@ import get from 'lodash/get';
  *       </ArrayInput>
  *     </Grid>
  *   </Grid>
- *
- * @param props
- * @returns
  */
 export function RawTableFormIterator(props: TableFormIteratorProps): ReactElement | null {
   const {
@@ -277,10 +274,7 @@ function AddTableRow(props: any): JSX.Element {
   );
 }
 
-export const TableFormIterator = styled(RawTableFormIterator, {
-  name: 'RaApplicaTableFormIterator',
-  slot: 'Root'
-})(({ theme }) => ({
+export const TableFormIterator = styled(RawTableFormIterator, { slot: 'Root' })(({ theme }) => ({
   '& > div.MuiPaper-root': {
     overflowX: 'auto',
     [theme.breakpoints.down('sm')]: {

package/src/components/ra-forms/Toolbar.tsx

@@ -1,10 +1,7 @@
 import { styled } from '@mui/system';
 import { Toolbar as RaToolbar, ToolbarProps } from 'react-admin';
 
-const StyledToolbar = styled(RaToolbar, {
-  name: 'RaApplicaToolbar',
-  slot: 'Root'
-})(({ theme }: { theme: any }) => ({
+const StyledToolbar = styled(RaToolbar, { slot: 'Root' })(({ theme }: { theme: any }) => ({
   ...theme.mixins.toolbar,
   backgroundColor: theme.palette.background.paper,
   justifyContent: 'flex-end',

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

@@ -10,3 +10,4 @@ export * from './SimpleFormIterator';
 export * from './TabbedForm';
 export * from './TableForm';
 export * from './Toolbar';
+export { default as LongForm } from './LongForm';

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

@@ -2,10 +2,7 @@ import { ArrayInput as RaArrayInput, ArrayInputProps as RaArrayInputProps } from
 import { styled } from '@mui/material/styles';
 import LabeledArrayInput, { LabeledArrayInputProps } from './LabeledArrayInput';
 
-const StyledArrayInput = styled(RaArrayInput, {
-  name: 'ApplicaArrayInput',
-  slot: 'root'
-})(({ theme }) => ({
+const StyledArrayInput = styled(RaArrayInput, { slot: 'root' })(({ theme }) => ({
   '& .MuiStack-root > label': {
     marginTop: theme.spacing(2)
   },
@@ -27,11 +24,8 @@ export type ArrayInputProps = RaArrayInputProps &
   };
 
 /**
- * Espone un componente di tipo ArrayInput con stile grafico di Applica.
- * Se vuoi utilizzare il componente puro di react-admin puoi usare RaArrayInput esposto nella libreria.
- *
- * @param {ArrayInputProps}
- * @returns {React.ReactElement}
+ * Expose an ArrayInput component with Applica graphic style.
+ * If you want to use the pure react-admin component you can use RaArrayInput exposed in the library.
  */
 export function ArrayInput({ label, addLabel, source, helperText, divider = true, ...props }: ArrayInputProps): React.ReactElement {
   return (

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

@@ -20,10 +20,7 @@ const removeDeleteIfNecessary = (disabled: boolean) => {
   return {};
 };
 
-const StyledFileInput = styled(RaFileInput, {
-  name: 'RaApplicaFileInput',
-  slot: 'root'
-})(({ disabled, theme }: { disabled: boolean; theme: any }) => ({
+const StyledFileInput = styled(RaFileInput, { slot: 'root' })(({ disabled, theme }: { disabled: boolean; theme: any }) => ({
   '& .previews': {},
   '& .previews>div': {
     marginTop: theme.spacing(1),
@@ -57,9 +54,6 @@ export type AttachmentInputProps = FileInputProps & {
  *
  * @example
  * <AttachmentInput source="attachments" title="name" accept="image/*" multiple>
- *
- * @param {AttachmentInputProps}
- * @returns
  */
 export function AttachmentInput({
   // @ts-ignore

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

@@ -3,10 +3,7 @@ import { styled } from '@mui/material/styles';
 import { useTheme } from '@emotion/react';
 import LabeledInput from './LabeledInput';
 
-const StyledBooleanInput = styled(RaBooleanInput, {
-  name: 'RaApplicaBooleanInput',
-  slot: 'Root'
-})(() => ({
+const StyledBooleanInput = styled(RaBooleanInput, { slot: 'Root' })(() => ({
   marginTop: '0 !important'
 }));
 

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

@@ -2,10 +2,7 @@ import { DateInputProps, DateInput as RaDateInput } from 'react-admin';
 import { styled } from '@mui/material/styles';
 import LabeledInput from './LabeledInput';
 
-const StyledDateInput = styled(RaDateInput, {
-  name: 'RaApplicaDateInput',
-  slot: 'root'
-})(({ label }) => ({
+const StyledDateInput = styled(RaDateInput, { slot: 'root' })(({ label }) => ({
   '& legend': {
     width: label === false ? 0 : 'auto'
   }

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

@@ -2,10 +2,7 @@ import { DateTimeInputProps, DateTimeInput as RaDateTimeInput } from 'react-admi
 import { styled } from '@mui/material/styles';
 import LabeledInput from './LabeledInput';
 
-const StyledDateInput = styled(RaDateTimeInput, {
-  name: 'RaApplicaDateTimeInput',
-  slot: 'root'
-})(({ label }) => ({
+const StyledDateInput = styled(RaDateTimeInput, { slot: 'root' })(({ label }) => ({
   '& legend': {
     width: label === false ? 0 : 'auto'
   }