@applica-software-guru/react-admin 1.0.41 → 1.0.43

package/src/components/ra-fields/index.jsx

@@ -1,16 +1,16 @@
-import ActionsField from './ActionsField'
-import AttachmentField from './AttachmentField'
-import CoverField from './CoverField'
-import DateAgoField from './DateAgoField'
-import DateField from './DateField'
-import EmailField from './EmailField'
-import FileField from './FileField'
-import FunctionField from './FunctionField'
-import ImageField from './ImageField'
-import ReadonlyField from './ReadonlyField'
-import ReferenceManyField from './ReferenceManyField'
-import SizeField from './SizeField'
-import TextField from './TextField'
+import ActionsField from './ActionsField';
+import AttachmentField from './AttachmentField';
+import CoverField from './CoverField';
+import DateAgoField from './DateAgoField';
+import DateField from './DateField';
+import EmailField from './EmailField';
+import FileField from './FileField';
+import FunctionField from './FunctionField';
+import ImageField from './ImageField';
+import ReadonlyField from './ReadonlyField';
+import ReferenceManyField from './ReferenceManyField';
+import SizeField from './SizeField';
+import TextField from './TextField';
 export {
   ActionsField,
   AttachmentField,
@@ -24,5 +24,5 @@ export {
   ReadonlyField,
   ReferenceManyField,
   SizeField,
-  TextField,
-}
+  TextField
+};

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

@@ -1,32 +1,26 @@
-import { Form, SaveButton, useResourceContext, useTranslate } from 'react-admin'
-import { Grid, Stack } from '@mui/material'
-import React, { Fragment, useMemo } from 'react'
+import { Form, SaveButton, useResourceContext, useTranslate } from 'react-admin';
+import { Grid, Stack } from '@mui/material';
+import React, { Fragment, useMemo } from 'react';
 
-import MainCard from '../MainCard'
-import PropTypes from 'prop-types'
-import Toolbar from './Toolbar'
-import { styled } from '@mui/material/styles'
-import { useThemeConfig } from '../../hooks'
+import MainCard from '../MainCard';
+import PropTypes from 'prop-types';
+import Toolbar from './Toolbar';
+import { styled } from '@mui/material/styles';
+import { useThemeConfig } from '../../hooks';
 
 const Section = ({ children, content, title, subheader, secondary, toolbar, ...gridProps }) => {
-  const translate = useTranslate()
-  const resource = useResourceContext()
+  const translate = useTranslate();
+  const resource = useResourceContext();
   const { cardTitle, cardSubheader } = useMemo(() => {
-    const defaultTitle = title || `resources.${resource}.title`
+    const defaultTitle = title || `resources.${resource}.title`;
     return {
       cardTitle: translate(defaultTitle, { _: defaultTitle }),
-      cardSubheader: subheader !== null ? translate(subheader, { _: subheader }) : null,
-    }
-  }, [resource, subheader, title, translate])
+      cardSubheader: subheader !== null ? translate(subheader, { _: subheader }) : null
+    };
+  }, [resource, subheader, title, translate]);
   return (
     <Grid item {...gridProps}>
-      <MainCard
-        content={content}
-        title={cardTitle}
-        subheader={cardSubheader}
-        secondary={secondary}
-        divider
-      >
+      <MainCard content={content} title={cardTitle} subheader={cardSubheader} secondary={secondary} divider>
         <Fragment>
           {children}
           {toolbar === true ? (
@@ -39,8 +33,8 @@ const Section = ({ children, content, title, subheader, secondary, toolbar, ...g
         </Fragment>
       </MainCard>
     </Grid>
-  )
-}
+  );
+};
 
 Section.defaultProps = {
   ...Grid.defaultProps,
@@ -54,8 +48,8 @@ Section.defaultProps = {
   lg: 12,
   md: 12,
   sm: 12,
-  xs: 12,
-}
+  xs: 12
+};
 
 Section.propTypes = {
   ...Grid.propTypes,
@@ -66,33 +60,33 @@ Section.propTypes = {
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   secondary: PropTypes.oneOfType([PropTypes.node, PropTypes.string, PropTypes.object]),
   spacing: PropTypes.number,
-  toolbar: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
-}
+  toolbar: PropTypes.oneOfType([PropTypes.node, PropTypes.bool])
+};
 
 const StyledForm = styled(Form, {
   name: 'RaApplicaCardForm',
-  slot: 'root',
+  slot: 'root'
 })(({ theme, spacing }) => ({
   backgroundColor: 'transparent',
   '& .RaToolbar-desktopToolbar': {
     marginTop: theme.spacing(spacing * 2),
-    padding: 0,
-  },
-}))
+    padding: 0
+  }
+}));
 
 /**
  * @see https://mui.com/material-ui/react-stack/
  */
 const CardForm = ({ children, spacing, defaultValues, ...gridProps }) => {
-  const { spacing: themeSpacing } = useThemeConfig()
+  const { spacing: themeSpacing } = useThemeConfig();
   return (
     <StyledForm defaultValues={defaultValues} spacing={spacing || themeSpacing}>
       <Grid container {...gridProps} spacing={spacing || themeSpacing}>
         {children}
       </Grid>
     </StyledForm>
-  )
-}
+  );
+};
 
 CardForm.propTypes = {
   ...Grid.propTypes,
@@ -101,13 +95,13 @@ CardForm.propTypes = {
   spacing: PropTypes.number,
   defaultValues: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   record: PropTypes.object,
-  validate: PropTypes.func,
-}
+  validate: PropTypes.func
+};
 
 CardForm.defaultProps = {
-  ...Stack.defaultProps,
-}
+  ...Stack.defaultProps
+};
 
-CardForm.Section = Section
+CardForm.Section = Section;
 
-export default CardForm
+export default CardForm;

package/src/components/ra-forms/LongForm/useFormRootPath.ts

@@ -1,26 +1,21 @@
-import { matchPath, useLocation } from 'react-router-dom'
+import { matchPath, useLocation } from 'react-router-dom';
 
 /**
  * Restituisce il path di base del form in base ad una serie di specifici match di path che è possibile incontrare.
  */
 const useFormRootPath = (): string => {
-  const location = useLocation()
+  const location = useLocation();
   // I possibili match sono ordinati per priorità (è fondamentale).
-  const allPossibleMatches = [
-    'entities/:resource/create/*',
-    ':resource/create/*',
-    'entities/:resource/:id/*',
-    ':resource/:id/*'
-  ]
+  const allPossibleMatches = ['entities/:resource/create/*', ':resource/create/*', 'entities/:resource/:id/*', ':resource/:id/*'];
 
   for (const possibleMatch of allPossibleMatches) {
-    const match = matchPath(possibleMatch, location.pathname)
+    const match = matchPath(possibleMatch, location.pathname);
     if (match) {
-      return match.pathnameBase
+      return match.pathnameBase;
     }
   }
 
-  return ''
-}
+  return '';
+};
 
-export default useFormRootPath
+export default useFormRootPath;

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

@@ -1,19 +1,19 @@
-import { TabbedForm as RaTabbedForm } from 'react-admin'
-import { styled } from '@mui/system'
+import { TabbedForm as RaTabbedForm } from 'react-admin';
+import { styled } from '@mui/system';
 
 const ApplicaStyledTabbedForm = styled(RaTabbedForm, {
   name: 'RaApplicaTabbedForm',
-  slot: 'Root',
-})(() => ({}))
+  slot: 'Root'
+})(() => ({}));
 
 ApplicaStyledTabbedForm.propTypes = {
-  ...RaTabbedForm.propTypes,
-}
+  ...RaTabbedForm.propTypes
+};
 
 ApplicaStyledTabbedForm.defaultProps = {
-  ...RaTabbedForm.defaultProps,
-}
+  ...RaTabbedForm.defaultProps
+};
 
-ApplicaStyledTabbedForm.Tab = RaTabbedForm.Tab
+ApplicaStyledTabbedForm.Tab = RaTabbedForm.Tab;
 
-export default ApplicaStyledTabbedForm
+export default ApplicaStyledTabbedForm;

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

@@ -1,10 +1,10 @@
-import { Toolbar as RaToolbar } from 'react-admin'
-import React from 'react'
-import { styled } from '@mui/system'
+import { Toolbar as RaToolbar } from 'react-admin';
+import React from 'react';
+import { styled } from '@mui/system';
 
 const ApplicaStyledToolbar = styled(RaToolbar, {
   name: 'RaApplicaToolbar',
-  slot: 'Root',
+  slot: 'Root'
 })(({ theme }) => ({
   ...theme.mixins.toolbar,
   backgroundColor: theme.palette.background.paper,
@@ -15,22 +15,22 @@ const ApplicaStyledToolbar = styled(RaToolbar, {
     justifyContent: 'right',
     paddingBottom: theme.spacing(2),
     '& > *': {
-      marginLeft: theme.spacing(1),
-    },
+      marginLeft: theme.spacing(1)
+    }
   },
   '& .MuiButtonBase-root': {
-    marginLeft: theme.spacing(1),
-  },
-}))
+    marginLeft: theme.spacing(1)
+  }
+}));
 
-const Toolbar = (props) => <ApplicaStyledToolbar {...props} />
+const Toolbar = (props) => <ApplicaStyledToolbar {...props} />;
 
 Toolbar.defaultProps = {
-  ...RaToolbar.defaultProps,
-}
+  ...RaToolbar.defaultProps
+};
 
 Toolbar.propTypes = {
-  ...RaToolbar.propTypes,
-}
+  ...RaToolbar.propTypes
+};
 
-export default Toolbar
+export default Toolbar;

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

@@ -1,9 +1,9 @@
-import CardForm from './CardForm'
-import Edit from './Edit'
-import FormHeader from './FormHeader'
-import LongForm from './LongForm'
-import SimpleForm from './SimpleForm'
-import SimpleFormIterator from './SimpleFormIterator'
-import TabbedForm from './TabbedForm'
-import Toolbar from './Toolbar'
-export { CardForm, Edit, FormHeader, LongForm, SimpleForm, SimpleFormIterator, TabbedForm, Toolbar }
+import CardForm from './CardForm';
+import Edit from './Edit';
+import FormHeader from './FormHeader';
+import LongForm from './LongForm';
+import SimpleForm from './SimpleForm';
+import SimpleFormIterator from './SimpleFormIterator';
+import TabbedForm from './TabbedForm';
+import Toolbar from './Toolbar';
+export { CardForm, Edit, FormHeader, LongForm, SimpleForm, SimpleFormIterator, TabbedForm, Toolbar };

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

@@ -1,6 +1,6 @@
-import LabeledInput from './LabeledInput'
-import { AutocompleteArrayInput as RaAutocompleteArrayInput } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import LabeledInput from './LabeledInput';
+import { AutocompleteArrayInput as RaAutocompleteArrayInput } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const StyledAutocompleteArrayInput = styled(RaAutocompleteArrayInput, {
   name: 'StyledAutocompleteInput',
@@ -9,17 +9,17 @@ const StyledAutocompleteArrayInput = styled(RaAutocompleteArrayInput, {
   '& legend': {
     width: label === false ? 0 : 'auto'
   }
-}))
+}));
 
 // eslint-disable-next-line no-unused-vars
 const AutocompleteArrayInput = ({ ...props }) => (
   <LabeledInput {...props}>
     <StyledAutocompleteArrayInput />
   </LabeledInput>
-)
+);
 AutocompleteArrayInput.propTypes = {
   ...RaAutocompleteArrayInput.propTypes,
   ...LabeledInput.propTypes
-}
+};
 
-export default AutocompleteArrayInput
+export default AutocompleteArrayInput;

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

@@ -1,6 +1,6 @@
-import LabeledInput from './LabeledInput'
-import { AutocompleteInput as RaAutocompleteInput } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import LabeledInput from './LabeledInput';
+import { AutocompleteInput as RaAutocompleteInput } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const StyledAutocompleteInput = styled(RaAutocompleteInput, {
   name: 'StyledAutocompleteInput',
@@ -9,21 +9,21 @@ const StyledAutocompleteInput = styled(RaAutocompleteInput, {
   '& legend': {
     width: label === false ? 0 : 'auto'
   }
-}))
+}));
 
 const AutocompleteInput = (props) => {
   // Sanitize props removing "perPage":
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const { perPage, ...rest } = props
+  const { perPage, ...rest } = props;
   return (
     <LabeledInput {...rest}>
       <StyledAutocompleteInput />
     </LabeledInput>
-  )
-}
+  );
+};
 AutocompleteInput.propTypes = {
   ...RaAutocompleteInput.propTypes,
   ...LabeledInput.propTypes
-}
+};
 
-export default AutocompleteInput
+export default AutocompleteInput;

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

@@ -1,17 +1,17 @@
-import { styled, useTheme } from '@mui/material/styles'
+import { styled, useTheme } from '@mui/material/styles';
 
-import LabeledInput from './LabeledInput'
-import PropTypes from 'prop-types'
-import { BooleanInput as RaBooleanInput } from 'react-admin'
+import LabeledInput from './LabeledInput';
+import PropTypes from 'prop-types';
+import { BooleanInput as RaBooleanInput } from 'react-admin';
 
 const ApplicaStyledBooleanInput = styled(RaBooleanInput, {
   name: 'RaApplicaBooleanInput',
-  slot: 'Root',
-})(() => ({}))
+  slot: 'Root'
+})(() => ({}));
 
 const BooleanInput = ({ horizontal, ...props }) => {
   // eslint-disable-next-line no-unused-vars
-  const theme = useTheme()
+  const theme = useTheme();
   return (
     <LabeledInput
       {...props}
@@ -21,34 +21,34 @@ const BooleanInput = ({ horizontal, ...props }) => {
               flexDirection: horizontal ? 'row' : 'column',
               alignItems: horizontal ? 'center' : 'flex-start',
               '& .MuiFormGroup-root': {
-                margin: 0,
+                margin: 0
               },
               '& .MuiFormControlLabel-root': {
                 margin: 0,
                 '& .MuiTypography-root': {
                   display: 'none',
-                  visibility: 'hidden',
+                  visibility: 'hidden'
                 },
                 '& .MuiSwitch-root': {
-                  marginRight: `-${theme.spacing(0.5)}`,
-                },
-              },
+                  marginRight: `-${theme.spacing(0.5)}`
+                }
+              }
             }
           : {}
       }
     >
       <ApplicaStyledBooleanInput />
     </LabeledInput>
-  )
-}
+  );
+};
 BooleanInput.defaultProps = {
   ...RaBooleanInput.defaultProps,
-  ...LabeledInput.defaultProps,
-}
+  ...LabeledInput.defaultProps
+};
 BooleanInput.propTypes = {
   ...RaBooleanInput.propTypes,
   ...LabeledInput.propTypes,
-  horizontal: PropTypes.bool,
-}
+  horizontal: PropTypes.bool
+};
 
-export default BooleanInput
+export default BooleanInput;

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

@@ -1,30 +1,30 @@
-import LabeledInput from './LabeledInput'
-import { DateInput as RaDateInput } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import LabeledInput from './LabeledInput';
+import { DateInput as RaDateInput } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const StyledDateInput = styled(RaDateInput, {
   name: 'RaApplicaDateInput',
-  slot: 'root',
+  slot: 'root'
 })(({ label }) => ({
   '& legend': {
-    width: label === false ? 0 : 'auto',
-  },
-}))
+    width: label === false ? 0 : 'auto'
+  }
+}));
 
 const DateInput = (props) => (
   <LabeledInput {...props}>
     <StyledDateInput />
   </LabeledInput>
-)
+);
 
 DateInput.propTypes = {
   ...RaDateInput.propTypes,
-  ...LabeledInput.propTypes,
-}
+  ...LabeledInput.propTypes
+};
 
 DateInput.defaultProps = {
   ...RaDateInput.defaultProps,
-  ...LabeledInput.defaultProps,
-}
+  ...LabeledInput.defaultProps
+};
 
-export default DateInput
+export default DateInput;

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

@@ -1,16 +1,16 @@
-import { FileInput as RaFileInput, useRecordContext } from 'react-admin'
-import React, { useMemo } from 'react'
+import { FileInput as RaFileInput, useRecordContext } from 'react-admin';
+import React, { useMemo } from 'react';
 
-import { FileField } from '../ra-fields'
-import LabeledInput from './LabeledInput'
-import PropTypes from 'prop-types'
-import { get } from 'lodash'
-import { styled } from '@mui/material/styles'
-import { useWatch } from 'react-hook-form'
+import { FileField } from '../ra-fields';
+import LabeledInput from './LabeledInput';
+import PropTypes from 'prop-types';
+import { get } from 'lodash';
+import { styled } from '@mui/material/styles';
+import { useWatch } from 'react-hook-form';
 
 const StyledFileInput = styled(RaFileInput, {
   name: 'RaApplicaFileInput',
-  slot: 'root',
+  slot: 'root'
 })(({ theme }) => ({
   '& .previews': {},
   '& .previews>div': {
@@ -21,16 +21,16 @@ const StyledFileInput = styled(RaFileInput, {
     '& button': {
       float: 'right',
       placeItems: 'flex-end',
-      verticalAlign: 'middle',
+      verticalAlign: 'middle'
     },
     '&:hover': {
-      backgroundColor: theme.palette.action.hover,
+      backgroundColor: theme.palette.action.hover
     },
     '& .MuiLink-root': {
-      fontSize: theme.typography.body1.fontSize,
-    },
-  },
-}))
+      fontSize: theme.typography.body1.fontSize
+    }
+  }
+}));
 
 /**
  * FileInput is designed to be used as single input. It does not support multiple files and
@@ -47,23 +47,23 @@ const StyledFileInput = styled(RaFileInput, {
  *
  */
 const FileInput = ({ children, title, ...props }) => {
-  const file = useWatch({ name: props.source })
-  const record = useRecordContext(props)
-  const { source } = props
+  const file = useWatch({ name: props.source });
+  const record = useRecordContext(props);
+  const { source } = props;
   // Base64 files are persisted with a simple string that contains the temporary filename.
   // Applica Framework add a suffix to the temporary filename that is the original filename.
   // With a little trick we try (because we are not sure that this is true) to get the original filename.
   const filename = useMemo(() => {
     if (file && file?.title) {
-      return file?.title
+      return file?.title;
     }
-    const filename = get(record, source)
+    const filename = get(record, source);
     if (filename) {
-      const parts = filename.split('__')
-      return parts.length > 0 ? parts[parts.length - 1] : filename
+      const parts = filename.split('__');
+      return parts.length > 0 ? parts[parts.length - 1] : filename;
     }
-    return filename
-  }, [record, source, file])
+    return filename;
+  }, [record, source, file]);
 
   return (
     <LabeledInput {...props}>
@@ -76,23 +76,23 @@ const FileInput = ({ children, title, ...props }) => {
             ...record,
             [source]: file?.title || get(record, source),
             [`_${source}`]: file?.src || get(record, `_${source}`),
-            [title || source]: filename,
-          },
+            [title || source]: filename
+          }
         })}
       </StyledFileInput>
     </LabeledInput>
-  )
-}
+  );
+};
 
 FileInput.propTypes = {
   ...RaFileInput.propTypes,
   source: PropTypes.string,
   title: PropTypes.string,
-  children: PropTypes.node,
-}
+  children: PropTypes.node
+};
 
 FileInput.defaultProps = {
-  children: <FileField />,
-}
+  children: <FileField />
+};
 
-export default FileInput
+export default FileInput;

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

@@ -1,16 +1,16 @@
-import { ImageInput as RaImageInput, useRecordContext } from 'react-admin'
+import { ImageInput as RaImageInput, useRecordContext } from 'react-admin';
 
-import { CoverField } from '../ra-fields'
-import LabeledInput from './LabeledInput'
-import PropTypes from 'prop-types'
-import React from 'react'
-import { get } from 'lodash'
-import { useWatch } from 'react-hook-form'
+import { CoverField } from '../ra-fields';
+import LabeledInput from './LabeledInput';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { get } from 'lodash';
+import { useWatch } from 'react-hook-form';
 
 const ImageInput = ({ children, title, ...props }) => {
-  const file = useWatch({ name: props.source })
-  const record = useRecordContext(props)
-  const { source } = props
+  const file = useWatch({ name: props.source });
+  const record = useRecordContext(props);
+  const { source } = props;
   return (
     <LabeledInput {...props}>
       <RaImageInput accept="image/*">
@@ -21,24 +21,24 @@ const ImageInput = ({ children, title, ...props }) => {
           record: {
             ...record,
             [source]: file?.title || get(record, source),
-            [`_${source}`]: file?.src || get(record, `_${source}`),
-          },
+            [`_${source}`]: file?.src || get(record, `_${source}`)
+          }
         })}
       </RaImageInput>
     </LabeledInput>
-  )
-}
+  );
+};
 ImageInput.defaultProps = {
   children: <CoverField />,
-  multiple: false,
-}
+  multiple: false
+};
 
 ImageInput.propTypes = {
   ...RaImageInput.propTypes,
   source: PropTypes.string,
   title: PropTypes.string,
   children: PropTypes.node,
-  multiple: PropTypes.bool,
-}
+  multiple: PropTypes.bool
+};
 
-export default ImageInput
+export default ImageInput;