@applica-software-guru/react-admin 1.1.85 → 1.1.87

package/package.json

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

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

@@ -2,7 +2,7 @@ import { Alert, AlertTitle, Grid } from '@mui/material';
 import { EditContextProvider, ResourceContextProvider, required, useAuthProvider, useNotify, useTranslate } from 'ra-core';
 import { useCallback, useState } from 'react';
 
-import { SaveButton } from 'ra-ui-materialui';
+import { SaveButton } from 'react-admin';
 import SimpleForm from './SimpleForm';
 import { TextInput } from '../ra-inputs';
 import { Toolbar } from '../ra-forms';

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

@@ -1,8 +1,8 @@
-import { SimpleFormIterator as RaSimpleFormIterator } from 'ra-ui-materialui';
+import { SimpleFormIterator as RaSimpleFormIterator } from 'react-admin';
 import { styled } from '@mui/material/styles';
 
 // @ts-ignore
-export const SimpleFormIterator = styled(RaSimpleFormIterator, {
+const SimpleFormIterator = styled(RaSimpleFormIterator, {
   name: 'ApplicaSimpleFormIterator',
   root: 'root'
 })(({ theme }) => ({
@@ -22,7 +22,7 @@ export const SimpleFormIterator = styled(RaSimpleFormIterator, {
       position: 'relative',
       overflow: 'visible',
       transform: 'none',
-      ml: 0
+      marginLeft: 0
     }
   }
 }));

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

@@ -7,9 +7,12 @@ const StyledArrayInput = styled(RaArrayInput, {
   name: 'ApplicaArrayInput',
   slot: 'root'
 })(({ theme }) => ({
-  '& label:first-of-type': {
+  '& .MuiStack-root > label': {
     marginTop: theme.spacing(2)
   },
+  '& .MuiInputLabel-shrink': {
+    paddingBottom: 0
+  },
   marginTop: '0 !important',
   '& .RaSimpleFormIterator-line > .RaSimpleFormIterator-form': {
     paddingBottom: theme.spacing(0.5),
@@ -19,7 +22,10 @@ const StyledArrayInput = styled(RaArrayInput, {
   }
 }));
 
-export type ArrayInputProps = RaArrayInputProps & LabeledArrayInputProps;
+export type ArrayInputProps = RaArrayInputProps &
+  LabeledArrayInputProps & {
+    divider?: boolean;
+  };
 
 /**
  * Espone un componente di tipo ArrayInput con stile grafico di Applica.
@@ -28,11 +34,9 @@ export type ArrayInputProps = RaArrayInputProps & LabeledArrayInputProps;
  * @param {ArrayInputProps}
  * @returns {React.ReactElement}
  */
-const ArrayInput = ({ children, label, addLabel, source, helperText, ...props }: ArrayInputProps): React.ReactElement => (
-  <LabeledArrayInput label={label} addLabel={addLabel} source={source} helperText={helperText} divider>
-    <StyledArrayInput source={source} label={false} {...props}>
-      {children}
-    </StyledArrayInput>
+const ArrayInput = ({ label, addLabel, source, helperText, divider = true, ...props }: ArrayInputProps): React.ReactElement => (
+  <LabeledArrayInput label={label} addLabel={addLabel} source={source} helperText={helperText} divider={divider}>
+    <StyledArrayInput source={source} label={false} {...props} />
   </LabeledArrayInput>
 );
 

package/src/components/ra-inputs/{SelectInput.jsx → SelectInput.tsx}

@@ -1,5 +1,6 @@
-import LabeledInput from './LabeledInput';
-import { SelectInput as RaSelectInput } from 'react-admin';
+import LabeledInput, { LabeledInputProps } from './LabeledInput';
+import { SelectInput as RaSelectInput, SelectInputProps as RaSelectInputProps } from 'react-admin';
+
 import { styled } from '@mui/material/styles';
 
 const ApplicaStyledSelectInput = styled(RaSelectInput, {
@@ -10,7 +11,8 @@ const ApplicaStyledSelectInput = styled(RaSelectInput, {
     width: label === false ? 0 : 'auto'
   }
 }));
-const SelectInput = (props) => (
+export type SelectInputProps = LabeledInputProps & RaSelectInputProps;
+const SelectInput = (props: SelectInputProps) => (
   <LabeledInput {...props}>
     <ApplicaStyledSelectInput />
   </LabeledInput>

package/src/index.jsx

@@ -9,7 +9,6 @@ export * from './utils';
 export * from './i18n';
 
 export {
-  ArrayInput as RaArrayInput,
   ArrayInputContext,
   BooleanField,
   BulkDeleteWithConfirmButton,
@@ -72,5 +71,7 @@ export {
   useTranslate,
   useUnselect,
   useUnselectAll,
-  useUpdateMany
+  useUpdateMany,
+  useSimpleFormIterator,
+  useSimpleFormIteratorItem
 } from 'react-admin';