@applica-software-guru/react-admin 1.0.38 → 1.0.39

package/package.json

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

package/playground/src/menu.js

@@ -66,13 +66,6 @@ const config = [
         type: 'item',
         url: '/entities/device',
         icon: TableOutlined
-      },
-      {
-        id: 'entities/work-cycle',
-        title: 'ra.menu.item.entities/work-cycle',
-        type: 'item',
-        url: '/entities/work-cycle',
-        icon: TableOutlined
       }
     ]
   }

package/playground/src/theme.js

@@ -1,11 +1,9 @@
 const theme = (theme) => ({
   components: {
     MuiPaper: {
-      styleOverrides: {
-        backgroundColor: 'yellow'
-      }
+      styleOverrides: {}
     }
   }
-})
+});
 
-export default theme
+export default theme;

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

@@ -8,7 +8,7 @@ const StyledEdit = styled(RaEdit, {
   '& .RaEdi-card, & > div > div > form': {
     backgroundColor: theme.palette.background.default
   },
-  '& .RaEdit-main>.MuiPaper-root:first-child': {
+  '& .RaEdit-main>.MuiPaper-root:first-of-type': {
     // 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.

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

@@ -0,0 +1,30 @@
+import { SimpleFormIterator as RaSimpleFormIterator } from 'ra-ui-materialui';
+import { styled } from '@mui/material/styles';
+
+// @ts-ignore
+export const SimpleFormIterator = 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',
+      ml: 0
+    }
+  }
+}));
+
+export default SimpleFormIterator;

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

@@ -1,29 +1,29 @@
-import LabeledInput from './LabeledInput'
-import { ArrayInput as RaArrayInput } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import LabeledInput from './LabeledInput';
+import { ArrayInput as RaArrayInput } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const StyledArrayInput = styled(RaArrayInput, {
   name: 'RaApplicaArrayInput',
-  slot: 'root',
+  slot: 'root'
 })(({ theme }) => ({
   marginTop: '0 !important',
   '& .RaSimpleFormIterator-line > .RaSimpleFormIterator-form': {
     paddingBottom: theme.spacing(0.5),
     '& > div': {
-      width: '100%',
-    },
-  },
-}))
+      width: '100%'
+    }
+  }
+}));
 
 const ArrayInput = (props) => (
-  <LabeledInput {...props}>
+  <LabeledInput {...props} divider>
     <StyledArrayInput {...props} />
   </LabeledInput>
-)
+);
 
 ArrayInput.propTypes = {
   ...RaArrayInput.propTypes,
-  ...LabeledInput.propTypes,
-}
+  ...LabeledInput.propTypes
+};
 
-export default ArrayInput
+export default ArrayInput;

package/src/components/ra-inputs/LabeledInput.jsx

@@ -6,7 +6,7 @@ import React from 'react';
 import { useAppConfig } from '../../hooks';
 import { useTheme } from '@emotion/react';
 
-const LabeledInput = ({ label, children, display, helperText, sx, addLabel, ...props }) => {
+const LabeledInput = ({ label, children, display, helperText, sx, addLabel, divider, ...props }) => {
   const theme = useTheme();
   const { getCurrentDialog } = useAppConfig();
   const { source, resource, isRequired } = props;
@@ -31,7 +31,14 @@ const LabeledInput = ({ label, children, display, helperText, sx, addLabel, ...p
       }}
     >
       {display === 'label' && label !== false && addLabel !== false && (
-        <InputLabel error={invalid === true}>
+        <InputLabel
+          error={invalid === true}
+          sx={{
+            borderBottom: divider ? `1px solid ${theme.palette.divider}` : 'none',
+            pb: divider ? 1 : 0,
+            mt: divider ? 1 : 0
+          }}
+        >
           <FieldTitle label={label} source={source} resource={dialogResource || resource} isRequired={isRequired} />
         </InputLabel>
       )}
@@ -43,7 +50,7 @@ const LabeledInput = ({ label, children, display, helperText, sx, addLabel, ...p
       {display === 'label' && helperText && (
         <FormHelperText
           sx={{
-            pl: 2,
+            pl: 1.8,
             pb: 2,
             marginTop: '0 !important'
           }}
@@ -65,11 +72,13 @@ LabeledInput.propTypes = {
   isRequired: PropTypes.bool,
   source: PropTypes.string,
   display: PropTypes.oneOf(['legend', 'label']),
-  helperText: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
+  helperText: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  divider: PropTypes.bool
 };
 
 LabeledInput.defaultProps = {
-  display: 'label'
+  display: 'label',
+  divider: false
 };
 
 export default LabeledInput;

package/src/components/ra-lists/Datagrid.jsx

@@ -1,5 +1,5 @@
-import { Datagrid as RaDatagrid } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import { Datagrid as RaDatagrid } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const ApplicaStyledDatagrid = styled(RaDatagrid, {
   name: 'RaApplicaDatagrid',
@@ -23,20 +23,19 @@ const ApplicaStyledDatagrid = styled(RaDatagrid, {
     left: -1
   },
   '& th': {
-    backgroundColor: 'yellow',
     textOverflow: 'ellipsis',
     overflow: 'hidden',
     whiteSpace: 'nowrap'
   }
-}))
+}));
 
-const Datagrid = (props) => <ApplicaStyledDatagrid {...props} />
+const Datagrid = (props) => <ApplicaStyledDatagrid {...props} />;
 
 Datagrid.propTypes = {
   ...RaDatagrid.propTypes
-}
+};
 Datagrid.defaultProps = {
   ...RaDatagrid.defaultProps
-}
+};
 
-export default Datagrid
+export default Datagrid;

package/src/index.jsx

@@ -7,7 +7,6 @@ export * from './contexts';
 export * from './utils';
 
 export {
-  ArrayInput,
   ArrayInputContext,
   BooleanField,
   BulkDeleteWithConfirmButton,

package/dist/components/ra-forms/SimpleFormIterator.d.ts

@@ -1,5 +0,0 @@
-export const SimpleFormIterator: import("@emotion/styled").StyledComponent<Pick<import("ra-ui-materialui").SimpleFormIteratorProps, keyof import("ra-ui-materialui").SimpleFormIteratorProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
-    ref?: import("react").Ref<import("react").Component<import("ra-ui-materialui").SimpleFormIteratorProps, any, any>> | undefined;
-}>;
-export default SimpleFormIterator;
-//# sourceMappingURL=SimpleFormIterator.d.ts.map

package/dist/components/ra-forms/SimpleFormIterator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleFormIterator.d.ts","sourceRoot":"","sources":["../../../../src/components/ra-forms/SimpleFormIterator.jsx"],"names":[],"mappings":"AAGA;;GAQG"}

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

@@ -1,14 +0,0 @@
-import { SimpleFormIterator as RaSimpleFormIterator } from 'ra-ui-materialui'
-import { styled } from '@mui/material/styles'
-
-export const SimpleFormIterator = styled(RaSimpleFormIterator, {
-  name: 'ApplicaSimpleFormIterator',
-  root: 'root'
-})(({ theme }) => ({
-  '& .RaSimpleFormIterator-line': {
-    paddingTop: theme.spacing(1),
-		paddingBottom: theme.spacing(0.5),
-  }
-}))
-
-export default SimpleFormIterator