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

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

@@ -1,8 +1,8 @@
-import React, { useMemo } from 'react'
+import React, { useMemo } from 'react';
 
-import ImageField from './ImageField'
-import PropTypes from 'prop-types'
-import { useRecordContext } from 'react-admin'
+import ImageField from './ImageField';
+import PropTypes from 'prop-types';
+import { useRecordContext } from 'react-admin';
 
 /**
  * A component that displays an image in a circle or square (with minimum radius).
@@ -30,20 +30,14 @@ const CoverField = ({
 }) => {
   const sx = useMemo(
     () => ({
-      width:
-        typeof defaultWidth === 'number'
-          ? `${defaultWidth}px !important`
-          : `${defaultWidth} !important`,
-      height:
-        typeof defaultHeight === 'number'
-          ? `${defaultHeight}px !important`
-          : `${defaultHeight} !important`,
-      borderRadius: defaultCircle ? '50%' : 1.5,
+      width: typeof defaultWidth === 'number' ? `${defaultWidth}px !important` : `${defaultWidth} !important`,
+      height: typeof defaultHeight === 'number' ? `${defaultHeight}px !important` : `${defaultHeight} !important`,
+      borderRadius: defaultCircle ? '50%' : 1.5
     }),
-    [defaultWidth, defaultHeight, defaultCircle],
-  )
-  const _recordContext = useRecordContext()
-  const record = _propRecord || _recordContext
+    [defaultWidth, defaultHeight, defaultCircle]
+  );
+  const _recordContext = useRecordContext();
+  const record = _propRecord || _recordContext;
 
   return (
     <ImageField
@@ -57,27 +51,27 @@ const CoverField = ({
           objectFit: 'cover !important',
           ...sx,
           minWidth: sx.width,
-          minHeight: sx.height,
-        },
+          minHeight: sx.height
+        }
       })}
       {...props}
       record={record}
     />
-  )
-}
+  );
+};
 CoverField.defaultProps = {
   ...ImageField.defaultProps,
   width: 150,
   height: 150,
   circle: false,
-  justify: 'flex-start',
-}
+  justify: 'flex-start'
+};
 CoverField.propTypes = {
   ...ImageField.propTypes,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   circle: PropTypes.bool,
-  justify: PropTypes.oneOf(['flex-start', 'center', 'flex-end']),
-}
+  justify: PropTypes.oneOf(['flex-start', 'center', 'flex-end'])
+};
 
-export default CoverField
+export default CoverField;

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

@@ -1,21 +1,18 @@
-import { DateField, useLocaleState, useRecordContext } from 'react-admin'
-import React, { Fragment, useMemo } from 'react'
+import { DateField, useLocaleState, useRecordContext } from 'react-admin';
+import React, { Fragment, useMemo } from 'react';
 
-import PropTypes from 'prop-types'
-import { Typography } from '@mui/material'
-import dayjs from 'dayjs'
-import { get } from 'lodash'
-import relativeTime from 'dayjs/plugin/relativeTime'
+import PropTypes from 'prop-types';
+import { Typography } from '@mui/material';
+import dayjs from 'dayjs';
+import { get } from 'lodash';
+import relativeTime from 'dayjs/plugin/relativeTime';
 
-dayjs.extend(relativeTime)
+dayjs.extend(relativeTime);
 
 const DateAgoField = (props) => {
-  const record = useRecordContext(props)
-  const [locale] = useLocaleState()
-  const fromNow = useMemo(
-    () => dayjs(get(record, props?.source)).locale(locale).fromNow(),
-    [record, props?.source, locale],
-  )
+  const record = useRecordContext(props);
+  const [locale] = useLocaleState();
+  const fromNow = useMemo(() => dayjs(get(record, props?.source)).locale(locale).fromNow(), [record, props?.source, locale]);
 
   return (
     <Fragment>
@@ -25,11 +22,11 @@ const DateAgoField = (props) => {
         {fromNow}
       </Typography>
     </Fragment>
-  )
-}
-DateAgoField.displayName = 'DateAgoField'
+  );
+};
+DateAgoField.displayName = 'DateAgoField';
 DateAgoField.propTypes = {
-  source: PropTypes.string.isRequired,
-}
+  source: PropTypes.string.isRequired
+};
 
-export default DateAgoField
+export default DateAgoField;

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

@@ -1,27 +1,27 @@
-import { DateField as RaDateField } from 'react-admin'
-import React from 'react'
-import { styled } from '@mui/material/styles'
+import { DateField as RaDateField } from 'react-admin';
+import React from 'react';
+import { styled } from '@mui/material/styles';
 
 const ApplicaStyledDateField = styled(RaDateField, {
   name: 'RaApplicaDateField',
-  slot: 'Root',
-})(() => ({}))
+  slot: 'Root'
+})(() => ({}));
 
 ApplicaStyledDateField.propTypes = {
-  ...RaDateField.propTypes,
-}
+  ...RaDateField.propTypes
+};
 
 const DateField = (props) => {
-  return <ApplicaStyledDateField {...props} />
-}
+  return <ApplicaStyledDateField {...props} />;
+};
 
 DateField.defaultProps = {
   ...RaDateField.defaultProps,
-  variant: 'body1',
-}
+  variant: 'body1'
+};
 
 DateField.propTypes = {
-  ...RaDateField.propTypes,
-}
+  ...RaDateField.propTypes
+};
 
-export default DateField
+export default DateField;

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

@@ -1,27 +1,27 @@
-import { EmailField as RaEmailField } from 'react-admin'
-import React from 'react'
-import { styled } from '@mui/material/styles'
+import { EmailField as RaEmailField } from 'react-admin';
+import React from 'react';
+import { styled } from '@mui/material/styles';
 
 const ApplicaStyledEmailField = styled(RaEmailField, {
   name: 'RaApplicaEmailField',
-  slot: 'Root',
-})(() => ({}))
+  slot: 'Root'
+})(() => ({}));
 
 ApplicaStyledEmailField.propTypes = {
-  ...RaEmailField.propTypes,
-}
+  ...RaEmailField.propTypes
+};
 
 const EmailField = (props) => {
-  return <ApplicaStyledEmailField {...props} />
-}
+  return <ApplicaStyledEmailField {...props} />;
+};
 
 EmailField.defaultProps = {
   ...RaEmailField.defaultProps,
-  variant: 'body1',
-}
+  variant: 'body1'
+};
 
 EmailField.propTypes = {
-  ...RaEmailField.propTypes,
-}
+  ...RaEmailField.propTypes
+};
 
-export default EmailField
+export default EmailField;

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

@@ -1,40 +1,40 @@
-import { FileField as RaFileField, useRecordContext } from 'react-admin'
+import { FileField as RaFileField, useRecordContext } from 'react-admin';
 
-import PropTypes from 'prop-types'
-import { get } from 'lodash'
-import { styled } from '@mui/material/styles'
-import { useCallback } from 'react'
+import PropTypes from 'prop-types';
+import { get } from 'lodash';
+import { styled } from '@mui/material/styles';
+import { useCallback } from 'react';
 
 const StyledFileField = styled(RaFileField, {
   name: 'RaApplicaFileField',
-  slot: 'root',
-})(() => ({}))
+  slot: 'root'
+})(() => ({}));
 
 /**
  * This component works with Base64 files.
  */
 const FileField = ({ ...props }) => {
-  const record = useRecordContext(props)
+  const record = useRecordContext(props);
   const handleClick = useCallback(
     (event) => {
-      event.preventDefault()
-      event.stopPropagation()
-      const base64 = get(record, `_${props?.source}`, get(record, props?.source))
-      const name = get(record, props?.title || props?.source) || props?.title
-      const link = document.createElement('a')
-      link.href = base64
-      link.download = name
-      link.click()
+      event.preventDefault();
+      event.stopPropagation();
+      const base64 = get(record, `_${props?.source}`, get(record, props?.source));
+      const name = get(record, props?.title || props?.source) || props?.title;
+      const link = document.createElement('a');
+      link.href = base64;
+      link.download = name;
+      link.click();
     },
-    [props?.source, record, props?.title],
-  )
-  return <StyledFileField {...props} record={record} onClick={handleClick} />
-}
+    [props?.source, record, props?.title]
+  );
+  return <StyledFileField {...props} record={record} onClick={handleClick} />;
+};
 
 FileField.propTypes = {
   ...RaFileField.propTypes,
   source: PropTypes.string,
-  title: PropTypes.string,
-}
+  title: PropTypes.string
+};
 
-export default FileField
+export default FileField;

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

@@ -1,9 +1,9 @@
-import { FunctionField as RaFunctionField } from 'react-admin'
+import { FunctionField as RaFunctionField } from 'react-admin';
 
-const FunctionField = (props) => <RaFunctionField {...props} />
+const FunctionField = (props) => <RaFunctionField {...props} />;
 
 FunctionField.defaultProps = {
-  variant: 'body1',
-}
+  variant: 'body1'
+};
 
-export default FunctionField
+export default FunctionField;

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

@@ -1,20 +1,20 @@
-import PropTypes from 'prop-types'
-import { ImageField as RaImageField } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import PropTypes from 'prop-types';
+import { ImageField as RaImageField } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const StyledImageField = styled(RaImageField, {
   name: 'RaApplicaImageField',
-  slot: 'root',
-})(() => ({}))
+  slot: 'root'
+})(() => ({}));
 
 const ImageField = (props) => {
-  const source = `_${props?.source}`
-  return <StyledImageField {...props} source={source} />
-}
+  const source = `_${props?.source}`;
+  return <StyledImageField {...props} source={source} />;
+};
 
 ImageField.propTypes = {
   ...RaImageField.propTypes,
-  source: PropTypes.string,
-}
+  source: PropTypes.string
+};
 
-export default ImageField
+export default ImageField;

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

@@ -1,11 +1,11 @@
-import { FieldTitle, useRecordContext, useResourceContext } from 'react-admin'
-import { InputLabel, Tooltip } from '@mui/material'
-import React, { Fragment, useMemo } from 'react'
+import { FieldTitle, useRecordContext, useResourceContext } from 'react-admin';
+import { InputLabel, Tooltip } from '@mui/material';
+import React, { Fragment, useMemo } from 'react';
 
-import PropTypes from 'prop-types'
-import { get } from 'lodash'
-import { styled } from '@mui/material/styles'
-import { useAppConfig } from '../../hooks'
+import PropTypes from 'prop-types';
+import { get } from 'lodash';
+import { styled } from '@mui/material/styles';
+import { useAppConfig } from '../../hooks';
 
 const StyledField = styled('div')(({ theme }) => ({
   borderBottom: `1px solid ${theme.palette.divider}`,
@@ -18,27 +18,25 @@ const StyledField = styled('div')(({ theme }) => ({
   [theme.breakpoints.down('sm')]: {
     whiteSpace: 'normal',
     overflow: 'visible',
-    textOverflow: 'inherit',
-  },
-}))
+    textOverflow: 'inherit'
+  }
+}));
 
 const BasicField = ({ source, defaultValue, ...props }) => {
-  const record = useRecordContext(props)
-  const value = get(record, source, defaultValue)
-  return (
-    <span dangerouslySetInnerHTML={{ __html: value && value !== null ? value : defaultValue }} />
-  )
-}
+  const record = useRecordContext(props);
+  const value = get(record, source, defaultValue);
+  return <span dangerouslySetInnerHTML={{ __html: value && value !== null ? value : defaultValue }} />;
+};
 
 BasicField.propTypes = {
   defaultValue: PropTypes.any,
   source: PropTypes.string,
-  record: PropTypes.object,
-}
+  record: PropTypes.object
+};
 
 BasicField.defaultProps = {
-  defaultValue: '&nbsp;',
-}
+  defaultValue: '&nbsp;'
+};
 
 const ContentWrapper = ({ title, children }) => {
   if (title && title !== false) {
@@ -46,30 +44,30 @@ const ContentWrapper = ({ title, children }) => {
       <Tooltip title={title} placement="top">
         {children}
       </Tooltip>
-    )
+    );
   }
-  return children
-}
+  return children;
+};
 
 ContentWrapper.propTypes = {
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
-}
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)])
+};
 
 const ReadonlyField = ({ label, source, defaultValue, children, tooltip: _tooltip, ...props }) => {
-  const { getCurrentDialog } = useAppConfig()
-  const record = useRecordContext(props)
-  const resource = useResourceContext(props)
-  const dialogResource = getCurrentDialog()
+  const { getCurrentDialog } = useAppConfig();
+  const record = useRecordContext(props);
+  const resource = useResourceContext(props);
+  const dialogResource = getCurrentDialog();
 
   const tooltip = useMemo(() => {
-    if (!_tooltip || _tooltip === false) return false
-    if (typeof _tooltip === 'function') return _tooltip(record)
+    if (!_tooltip || _tooltip === false) return false;
+    if (typeof _tooltip === 'function') return _tooltip(record);
     if (typeof _tooltip === 'string') {
-      return get(record, _tooltip, _tooltip)
+      return get(record, _tooltip, _tooltip);
     }
-    return _tooltip
-  }, [record, _tooltip])
+    return _tooltip;
+  }, [record, _tooltip]);
 
   return (
     <ContentWrapper title={tooltip}>
@@ -82,13 +80,13 @@ const ReadonlyField = ({ label, source, defaultValue, children, tooltip: _toolti
             source,
             record,
             defaultValue,
-            resource: dialogResource || resource,
+            resource: dialogResource || resource
           })}
         </StyledField>
       </Fragment>
     </ContentWrapper>
-  )
-}
+  );
+};
 
 ReadonlyField.propTypes = {
   defaultValue: PropTypes.any,
@@ -96,12 +94,12 @@ ReadonlyField.propTypes = {
   source: PropTypes.string,
   label: PropTypes.string,
   name: PropTypes.string,
-  children: PropTypes.element,
-}
+  children: PropTypes.element
+};
 
 ReadonlyField.defaultProps = {
   defaultValue: '&nbsp;',
-  children: <BasicField />,
-}
+  children: <BasicField />
+};
 
-export default ReadonlyField
+export default ReadonlyField;

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

@@ -1,15 +1,15 @@
-import PropTypes from 'prop-types'
-import { ReferenceManyField as RaReferenceManyField } from 'react-admin'
-import { styled } from '@mui/system'
+import PropTypes from 'prop-types';
+import { ReferenceManyField as RaReferenceManyField } from 'react-admin';
+import { styled } from '@mui/system';
 const StyledRoot = styled('div', {
   name: 'RaApplicaReferenceManyField',
-  slot: 'root',
+  slot: 'root'
 })(({ theme, margin, border }) => ({
   marginLeft: !margin ? `-${theme.spacing(2.5)}` : 0,
   marginRight: !margin ? `-${theme.spacing(2.5)}` : 0,
   borderBottom: border ? `1px solid ${theme.palette.divider}` : 'none',
   '& .MuiCardContent-root': {
-    borderTop: border ? `1px solid ${theme.palette.divider}` : 'none',
+    borderTop: border ? `1px solid ${theme.palette.divider}` : 'none'
   },
   '& .MuiToolbar-root': {
     marginTop: `-${theme.spacing(2)}`,
@@ -18,46 +18,46 @@ const StyledRoot = styled('div', {
     marginRight: theme.spacing(margin ? 1 : 2.5),
     width: margin ? 'auto' : `calc(100% - ${theme.spacing(5)})`,
     [theme.breakpoints.down('md')]: {
-      marginTop: 0,
-    },
+      marginTop: 0
+    }
   },
   '& .RaDatagrid-table': {
-    borderBottom: `1px solid ${theme.palette.divider}`,
+    borderBottom: `1px solid ${theme.palette.divider}`
   },
   '& .MuiTablePagination-toolbar': {
     marginTop: theme.spacing(1),
-    marginBottom: 0,
+    marginBottom: 0
   },
   '& .RaBulkActionsToolbar-collapsed.RaBulkActionsToolbar-toolbar': {
-    minHeight: 0,
+    minHeight: 0
   },
   '& .RaBulkActionsToolbar-toolbar': {
     minHeight: 64,
     '& h6': {
-      marginTop: theme.spacing(0.5),
+      marginTop: theme.spacing(0.5)
     },
     '& .RaBulkActionsToolbar-topToolbar': {
-      marginTop: theme.spacing(1),
-    },
-  },
-}))
+      marginTop: theme.spacing(1)
+    }
+  }
+}));
 
 const ReferenceManyField = (props) => (
   <StyledRoot>
     <RaReferenceManyField {...props} />
   </StyledRoot>
-)
+);
 
 ReferenceManyField.defaultProps = {
   ...RaReferenceManyField.defaultProps,
   margin: false,
-  border: false,
-}
+  border: false
+};
 
 ReferenceManyField.propTypes = {
   ...RaReferenceManyField.propTypes,
   margin: PropTypes.bool,
-  border: PropTypes.bool,
-}
+  border: PropTypes.bool
+};
 
-export default ReferenceManyField
+export default ReferenceManyField;

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

@@ -1,13 +1,13 @@
-import PropTypes from 'prop-types'
-import { Typography } from '@mui/material'
-import { get } from 'lodash'
-import { useRecordContext } from 'react-admin'
+import PropTypes from 'prop-types';
+import { Typography } from '@mui/material';
+import { get } from 'lodash';
+import { useRecordContext } from 'react-admin';
 const SizeField = ({ source, ...props }) => {
-  const record = useRecordContext(props)
-  const size = get(record, source, 0)
-  const sizeInKb = size / 1024
-  const sizeInMb = sizeInKb / 1024
-  const sizeInGb = sizeInMb / 1024
+  const record = useRecordContext(props);
+  const size = get(record, source, 0);
+  const sizeInKb = size / 1024;
+  const sizeInMb = sizeInKb / 1024;
+  const sizeInGb = sizeInMb / 1024;
 
   const value =
     sizeInGb > 1
@@ -16,17 +16,17 @@ const SizeField = ({ source, ...props }) => {
       ? `${sizeInMb.toFixed(2)} MB`
       : sizeInKb > 1
       ? `${sizeInKb.toFixed(2)} KB`
-      : `${size.toFixed(2)} B`
+      : `${size.toFixed(2)} B`;
   return (
     <Typography component="span" variant="body1" {...props}>
       {value}
     </Typography>
-  )
-}
+  );
+};
 
 SizeField.propTypes = {
   record: PropTypes.object,
-  source: PropTypes.string,
-}
+  source: PropTypes.string
+};
 
-export default SizeField
+export default SizeField;

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

@@ -1,27 +1,27 @@
-import { TextField as RaTextField } from 'react-admin'
-import React from 'react'
-import { styled } from '@mui/material/styles'
+import { TextField as RaTextField } from 'react-admin';
+import React from 'react';
+import { styled } from '@mui/material/styles';
 
 const ApplicaStyledTextField = styled(RaTextField, {
   name: 'RaApplicaTextField',
-  slot: 'Root',
-})(() => ({}))
+  slot: 'Root'
+})(() => ({}));
 
 ApplicaStyledTextField.propTypes = {
-  ...RaTextField.propTypes,
-}
+  ...RaTextField.propTypes
+};
 
 const TextField = (props) => {
-  return <ApplicaStyledTextField {...props} />
-}
+  return <ApplicaStyledTextField {...props} />;
+};
 
 TextField.defaultProps = {
   ...RaTextField.defaultProps,
-  variant: 'body1',
-}
+  variant: 'body1'
+};
 
 TextField.propTypes = {
-  ...RaTextField.propTypes,
-}
+  ...RaTextField.propTypes
+};
 
-export default TextField
+export default TextField;