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

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

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

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

@@ -1,81 +1,81 @@
-import React, { useCallback, useEffect, useState } from 'react'
-import { useDataProvider, useRecordContext, useResourceContext } from 'react-admin'
+import React, { useCallback, useEffect, useState } from 'react';
+import { useDataProvider, useRecordContext, useResourceContext } from 'react-admin';
 
-import PropTypes from 'prop-types'
-import { TextField } from '@mui/material'
-import { get } from 'lodash'
+import PropTypes from 'prop-types';
+import { TextField } from '@mui/material';
+import { get } from 'lodash';
 
 const RecordInput = ({ source, minWidth = 300, children }) => {
-  const resource = useResourceContext()
-  const record = useRecordContext()
-  const [value, setValue] = useState(get(record, source, ''))
-  const [updating, setUpdating] = useState(false)
-  const handleChange = useCallback((evt) => setValue(evt.target.value), [])
-  const dataProvider = useDataProvider()
+  const resource = useResourceContext();
+  const record = useRecordContext();
+  const [value, setValue] = useState(get(record, source, ''));
+  const [updating, setUpdating] = useState(false);
+  const handleChange = useCallback((evt) => setValue(evt.target.value), []);
+  const dataProvider = useDataProvider();
 
   const handleKeyPress = useCallback(
     (evt) => {
       if (evt.key !== 'Enter') {
-        return
+        return;
       }
-      setUpdating(true)
+      setUpdating(true);
       dataProvider
         .update(resource, {
           id: record.id,
           data: {
             ...record,
             [source]: value,
-            _changed: source,
-          },
+            _changed: source
+          }
         })
-        .then(() => setUpdating(false))
+        .then(() => setUpdating(false));
     },
-    [value, dataProvider, resource, record, source],
-  )
+    [value, dataProvider, resource, record, source]
+  );
   const handleBlur = useCallback(() => {
-    const currentValue = get(record, source)
+    const currentValue = get(record, source);
     if (currentValue === value) {
-      return
+      return;
     }
-    setUpdating(true)
+    setUpdating(true);
     dataProvider
       .update(resource, {
         id: record.id,
         data: {
           ...record,
           [source]: value,
-          _changed: source,
-        },
+          _changed: source
+        }
       })
-      .then(() => setUpdating(false))
-  }, [value, dataProvider, resource, source, record])
+      .then(() => setUpdating(false));
+  }, [value, dataProvider, resource, source, record]);
 
   const handleRemoteChange = useCallback(
     (value) => {
-      setUpdating(true)
+      setUpdating(true);
       dataProvider
         .update(resource, {
           id: record.id,
           data: {
             ...record,
             [source]: value,
-            _changed: source,
-          },
+            _changed: source
+          }
         })
-        .then(() => setUpdating(false))
+        .then(() => setUpdating(false));
     },
-    [dataProvider, resource, source, record],
-  )
+    [dataProvider, resource, source, record]
+  );
 
-  useEffect(() => setValue(get(record, source)), [record, source])
+  useEffect(() => setValue(get(record, source)), [record, source]);
 
   if (children) {
     return React.cloneElement(children, {
       ...children.props,
       source,
       value,
-      onChange: handleRemoteChange,
-    })
+      onChange: handleRemoteChange
+    });
   }
 
   return (
@@ -90,13 +90,13 @@ const RecordInput = ({ source, minWidth = 300, children }) => {
       InputProps={{ 'arial-label': 'naked' }}
       size="small"
     />
-  )
-}
+  );
+};
 
 RecordInput.propTypes = {
   source: PropTypes.string.isRequired,
   minWidth: PropTypes.number,
-  children: PropTypes.element,
-}
+  children: PropTypes.element
+};
 
-export default RecordInput
+export default RecordInput;

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

@@ -1,23 +1,23 @@
-import PropTypes from 'prop-types'
-import { ReferenceArrayInput as RaReferenceArrayInput } from 'react-admin'
-import React from 'react'
+import PropTypes from 'prop-types';
+import { ReferenceArrayInput as RaReferenceArrayInput } from 'react-admin';
+import React from 'react';
 
 const ReferenceArrayInput = ({ children, ...props }) => (
   <RaReferenceArrayInput {...props}>
     {React.cloneElement(children, {
       ...props,
-      source: children.props.source || props.source,
+      source: children.props.source || props.source
     })}
   </RaReferenceArrayInput>
-)
+);
 
 ReferenceArrayInput.propTypes = {
   ...RaReferenceArrayInput.propTypes,
-  children: PropTypes.element,
-}
+  children: PropTypes.element
+};
 
 ReferenceArrayInput.defaultProps = {
-  ...RaReferenceArrayInput.defaultProps,
-}
+  ...RaReferenceArrayInput.defaultProps
+};
 
-export default ReferenceArrayInput
+export default ReferenceArrayInput;

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

@@ -1,23 +1,23 @@
-import PropTypes from 'prop-types'
-import { ReferenceInput as RaReferenceInput } from 'react-admin'
-import React from 'react'
+import PropTypes from 'prop-types';
+import { ReferenceInput as RaReferenceInput } from 'react-admin';
+import React from 'react';
 
 const ReferenceInput = ({ children, ...props }) => (
   <RaReferenceInput {...props}>
     {React.cloneElement(children, {
       ...props,
-      source: children.props.source || props.source,
+      source: children.props.source || props.source
     })}
   </RaReferenceInput>
-)
+);
 
 ReferenceInput.propTypes = {
   ...RaReferenceInput.propTypes,
-  children: PropTypes.element,
-}
+  children: PropTypes.element
+};
 
 ReferenceInput.defaultProps = {
-  ...RaReferenceInput.defaultProps,
-}
+  ...RaReferenceInput.defaultProps
+};
 
-export default ReferenceInput
+export default ReferenceInput;

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

@@ -1,44 +1,33 @@
-import { ListToolbar, Pagination, ResourceContextProvider } from 'react-admin'
+import { ListToolbar, Pagination, ResourceContextProvider } from 'react-admin';
 
-import { Fragment } from 'react'
-import PropTypes from 'prop-types'
-import { ReferenceManyField } from '../ra-fields'
+import { Fragment } from 'react';
+import PropTypes from 'prop-types';
+import { ReferenceManyField } from '../ra-fields';
 
 const ReferenceManyInput = ({ reference, target, children, filters, actions, ...props }) => {
   return (
     <ResourceContextProvider value={reference}>
-      <ReferenceManyField
-        perPage={5}
-        pagination={<Pagination />}
-        {...props}
-        reference={reference}
-        target={target}
-      >
+      <ReferenceManyField perPage={5} pagination={<Pagination />} {...props} reference={reference} target={target}>
         <Fragment>
           <ListToolbar filters={filters} actions={actions} />
           {children}
         </Fragment>
       </ReferenceManyField>
     </ResourceContextProvider>
-  )
-}
+  );
+};
 
 ReferenceManyInput.propTypes = {
   ...ReferenceManyField.propTypes,
   children: PropTypes.node.isRequired,
   reference: PropTypes.string.isRequired,
   target: PropTypes.string.isRequired,
-  filters: PropTypes.oneOfType([
-    PropTypes.element,
-    PropTypes.func,
-    PropTypes.element,
-    PropTypes.arrayOf(PropTypes.node),
-  ]),
-  actions: PropTypes.oneOfType([PropTypes.element, PropTypes.func, PropTypes.element]),
-}
+  filters: PropTypes.oneOfType([PropTypes.element, PropTypes.func, PropTypes.element, PropTypes.arrayOf(PropTypes.node)]),
+  actions: PropTypes.oneOfType([PropTypes.element, PropTypes.func, PropTypes.element])
+};
 
 ReferenceManyInput.defaultProps = {
-  ...ReferenceManyField.defaultProps,
-}
+  ...ReferenceManyField.defaultProps
+};
 
-export default ReferenceManyInput
+export default ReferenceManyInput;

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

@@ -1,14 +1,14 @@
-import { SearchInput as RaSearchInput } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import { SearchInput as RaSearchInput } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 /**
  * @return {React.Component}
  */
 const ApplicaStyledSearchInput = styled(RaSearchInput, {
   name: 'RaApplicaSearchInput',
-  slot: 'root',
-})(() => ({}))
+  slot: 'root'
+})(() => ({}));
 
-const SearchInput = (props) => <ApplicaStyledSearchInput {...props} />
+const SearchInput = (props) => <ApplicaStyledSearchInput {...props} />;
 
-export default SearchInput
+export default SearchInput;

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

@@ -1,45 +1,45 @@
-import LabeledInput from './LabeledInput'
-import { SelectArrayInput as RaSelectArrayInput } from 'react-admin'
-import { styled } from '@mui/material/styles'
+import LabeledInput from './LabeledInput';
+import { SelectArrayInput as RaSelectArrayInput } from 'react-admin';
+import { styled } from '@mui/material/styles';
 
 const ApplicaStyledSelectArrayInput = styled(RaSelectArrayInput, {
   name: 'RaApplicaSelectArrayInput',
-  slot: 'Root',
+  slot: 'Root'
 })(({ label }) => ({
   '& legend': {
-    width: label === false ? 0 : 'auto',
+    width: label === false ? 0 : 'auto'
   },
   '& .RaSelectArrayInput-chips': {
     '& .RaSelectArrayInput-chip': {
-      marginTop: 0,
-    },
-  },
-}))
+      marginTop: 0
+    }
+  }
+}));
 
 ApplicaStyledSelectArrayInput.propTypes = {
-  ...RaSelectArrayInput.propTypes,
-}
+  ...RaSelectArrayInput.propTypes
+};
 
 const SelectArrayInput = (props) => {
   return (
     <LabeledInput {...props}>
       <ApplicaStyledSelectArrayInput
         options={{
-          autoWidth: false,
+          autoWidth: false
         }}
       />
     </LabeledInput>
-  )
-}
+  );
+};
 
 SelectArrayInput.defaultProps = {
   optionText: 'name',
-  optionValue: 'id',
-}
+  optionValue: 'id'
+};
 
 SelectArrayInput.propTypes = {
   ...RaSelectArrayInput.propTypes,
-  ...LabeledInput.propTypes,
-}
+  ...LabeledInput.propTypes
+};
 
-export default SelectArrayInput
+export default SelectArrayInput;

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

@@ -1,46 +1,46 @@
-import LabeledInput from './LabeledInput'
-import { TimeInput as RaTimeInput } from 'react-admin'
-import { parseTime } from '../../utils'
-import { styled } from '@mui/material/styles'
+import LabeledInput from './LabeledInput';
+import { TimeInput as RaTimeInput } from 'react-admin';
+import { parseTime } from '../../utils';
+import { styled } from '@mui/material/styles';
 
 const defaultFormatter = (v) => {
   if (!v) {
-    return ''
+    return '';
   }
-  const time = parseTime(v)
+  const time = parseTime(v);
   if (time) {
-    return time.format('HH:mm')
+    return time.format('HH:mm');
   }
-  return ''
-}
+  return '';
+};
 const defaultParser = (v) => {
-  return v
-}
+  return v;
+};
 
 const ApplicaStyledTimeInput = styled(RaTimeInput, {
   name: 'RaApplicaTimeInput',
-  slot: 'root',
+  slot: 'root'
 })(({ label }) => ({
   '& legend': {
-    width: label === false ? 0 : 'auto',
-  },
-}))
+    width: label === false ? 0 : 'auto'
+  }
+}));
 
 const TimeInput = (props) => (
   <LabeledInput {...props}>
     <ApplicaStyledTimeInput />
   </LabeledInput>
-)
+);
 
 TimeInput.defaultProps = {
   ...RaTimeInput.defaultProps,
   format: defaultFormatter,
-  parse: defaultParser,
-}
+  parse: defaultParser
+};
 
 TimeInput.propTypes = {
   ...RaTimeInput.propTypes,
-  ...LabeledInput.propTypes,
-}
+  ...LabeledInput.propTypes
+};
 
-export default TimeInput
+export default TimeInput;

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

@@ -1,36 +1,31 @@
 /* eslint-disable camelcase */
-import * as React from 'react'
+import * as React from 'react';
 
-import {
-  useGetResourceLabel,
-  useResourceContext,
-  useResourceDefinition,
-  useTranslate,
-} from 'ra-core'
+import { useGetResourceLabel, useResourceContext, useResourceDefinition, useTranslate } from 'ra-core';
 
-import { Inbox } from '@mui/icons-material'
-import PropTypes from 'prop-types'
-import { Typography } from '@mui/material'
-import { styled } from '@mui/material/styles'
+import { Inbox } from '@mui/icons-material';
+import PropTypes from 'prop-types';
+import { Typography } from '@mui/material';
+import { styled } from '@mui/material/styles';
 
 const StyledToolbar = styled('div')(({ theme }) => ({
-  padding: theme.spacing(2),
-}))
+  padding: theme.spacing(2)
+}));
 
 const Empty = ({ actions, className, ...props }) => {
-  const { hasCreate } = useResourceDefinition(props)
-  const resource = useResourceContext(props)
+  const { hasCreate } = useResourceDefinition(props);
+  const resource = useResourceContext(props);
 
-  const translate = useTranslate()
+  const translate = useTranslate();
 
-  const getResourceLabel = useGetResourceLabel()
+  const getResourceLabel = useGetResourceLabel();
   const resourceName = translate(`resources.${resource}.forcedCaseName`, {
     smart_count: 0,
-    _: getResourceLabel(resource, 0),
-  })
+    _: getResourceLabel(resource, 0)
+  });
 
-  const emptyMessage = translate('ra.page.empty', { name: resourceName })
-  const inviteMessage = translate('ra.page.invite')
+  const emptyMessage = translate('ra.page.empty', { name: resourceName });
+  const inviteMessage = translate('ra.page.invite');
 
   return (
     <Root className={className}>
@@ -38,13 +33,13 @@ const Empty = ({ actions, className, ...props }) => {
         <Inbox className={EmptyClasses.icon} />
         <Typography variant="h4" paragraph>
           {translate(`resources.${resource}.empty`, {
-            _: emptyMessage,
+            _: emptyMessage
           })}
         </Typography>
         {hasCreate && (
           <Typography variant="body1">
             {translate(`resources.${resource}.invite`, {
-              _: inviteMessage,
+              _: inviteMessage
             })}
           </Typography>
         )}
@@ -52,43 +47,43 @@ const Empty = ({ actions, className, ...props }) => {
 
       <StyledToolbar className={EmptyClasses.toolbar}>{actions}</StyledToolbar>
     </Root>
-  )
-}
+  );
+};
 
-const PREFIX = 'RaApplicaEmpty'
+const PREFIX = 'RaApplicaEmpty';
 
 export const EmptyClasses = {
   message: `${PREFIX}-message`,
   icon: `${PREFIX}-icon`,
-  toolbar: `${PREFIX}-toolbar`,
-}
+  toolbar: `${PREFIX}-toolbar`
+};
 
 const Root = styled('span', {
   name: PREFIX,
-  overridesResolver: (props, styles) => styles.root,
+  overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({
   flex: 1,
   [`& .${EmptyClasses.message}`]: {
     textAlign: 'center',
     opacity: theme.palette.mode === 'light' ? 0.5 : 0.8,
     margin: '0 1em',
-    color: theme.palette.mode === 'light' ? 'inherit' : theme.palette.text.primary,
+    color: theme.palette.mode === 'light' ? 'inherit' : theme.palette.text.primary
   },
 
   [`& .${EmptyClasses.icon}`]: {
     width: '9em',
-    height: '9em',
+    height: '9em'
   },
 
   [`& .${EmptyClasses.toolbar}`]: {
     textAlign: 'center',
-    marginTop: '2em',
-  },
-}))
+    marginTop: '2em'
+  }
+}));
 
 Empty.propTypes = {
   actions: PropTypes.element,
-  className: PropTypes.string,
-}
+  className: PropTypes.string
+};
 
-export default Empty
+export default Empty;

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

@@ -1,6 +1,6 @@
-import MainCard from '../MainCard'
-import { List as RaList } from 'react-admin'
-import { styled } from '@mui/system'
+import MainCard from '../MainCard';
+import { List as RaList } from 'react-admin';
+import { styled } from '@mui/system';
 
 const ApplicaStyledList = styled(RaList, {
   name: 'RaApplicaList',
@@ -61,21 +61,21 @@ const ApplicaStyledList = styled(RaList, {
   '& .RaEmpty-toolbar': {
     margin: theme.spacing(2)
   }
-}))
+}));
 
 const List = (props) => {
   return (
     <MainCard content={false}>
       <ApplicaStyledList {...RaList.defaultProps} {...props} />
     </MainCard>
-  )
-}
+  );
+};
 List.defaultProps = {
   ...RaList.defaultProps
-}
+};
 
 List.propTypes = {
   ...RaList.propTypes
-}
+};
 
-export default List
+export default List;

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

@@ -1,14 +1,14 @@
-import { MarkAsReadedButton, MarkAsUnreadedButton } from './button'
-import React, { useCallback, useMemo } from 'react'
-import { darken, lighten, useTheme } from '@mui/material'
+import { MarkAsReadedButton, MarkAsUnreadedButton } from './button';
+import React, { useCallback, useMemo } from 'react';
+import { darken, lighten, useTheme } from '@mui/material';
 
-import ActionsMenu from '../../ActionsMenu'
-import { Datagrid } from 'react-admin'
-import { DateAgoField } from '../../ra-fields'
-import { NotificationField } from './field'
+import ActionsMenu from '../../ActionsMenu';
+import { Datagrid } from 'react-admin';
+import { DateAgoField } from '../../ra-fields';
+import { NotificationField } from './field';
 
 const NotificationList = ({ ...props }) => {
-  const theme = useTheme()
+  const theme = useTheme();
   const { mode, colorize, density } = useMemo(
     () => ({
       mode: theme.palette.mode,
@@ -16,15 +16,13 @@ const NotificationList = ({ ...props }) => {
       density: theme.palette.mode === 'dark' ? 0.5 : 0.9
     }),
     [theme.palette.mode]
-  )
+  );
   const handleRowStyle = useCallback(
     (record) => ({
-      backgroundColor: record?.readed
-        ? colorize(theme.palette.primary[mode], density)
-        : colorize(theme.palette.secondary[mode], density)
+      backgroundColor: record?.readed ? colorize(theme.palette.primary[mode], density) : colorize(theme.palette.secondary[mode], density)
     }),
     [theme, mode, colorize, density]
-  )
+  );
 
   return (
     <Datagrid {...props} rowStyle={handleRowStyle}>
@@ -35,7 +33,7 @@ const NotificationList = ({ ...props }) => {
         <MarkAsUnreadedButton />
       </ActionsMenu>
     </Datagrid>
-  )
-}
+  );
+};
 
-export default NotificationList
+export default NotificationList;