@applica-software-guru/react-admin 1.0.35 → 1.0.36

package/dist/themes/overrides/Autocomplete.d.ts

@@ -1,4 +1,4 @@
-export default function Autocomplete(): {
+export default function Autocomplete(theme: any): {
     MuiAutocomplete: {
         styleOverrides: {
             root: {
@@ -10,6 +10,9 @@ export default function Autocomplete(): {
                 width: string;
                 height: string;
             };
+            popper: {
+                border: string;
+            };
             clearIndicator: {
                 width: string;
                 height: string;

package/dist/themes/overrides/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/Autocomplete.jsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;EAoBC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/themes/overrides/Autocomplete.jsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;EAuBC"}

package/package.json

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

package/src/AdminContext.jsx

@@ -1,5 +1,3 @@
-import * as React from 'react'
-
 import { CoreAdminContext } from 'react-admin'
 import PropTypes from 'prop-types'
 import { ScrollTop } from './components'
@@ -13,14 +11,14 @@ const AdminContext = ({ children, theme, ...props }) => (
   </CoreAdminContext>
 )
 
-AdminContext.displayName = 'AdminContext'
+AdminContext.displayName = 'ApplicaAdminContext'
 AdminContext.defaultProps = {
-  ...CoreAdminContext.defaultProps,
+  ...CoreAdminContext.defaultProps
 }
 AdminContext.propTypes = {
   ...CoreAdminContext.propTypes,
   children: PropTypes.node.isRequired,
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func])
 }
 
 export default AdminContext

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

@@ -0,0 +1,14 @@
+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

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

@@ -3,6 +3,7 @@ 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, TabbedForm, Toolbar }
+export { CardForm, Edit, FormHeader, LongForm, SimpleForm, SimpleFormIterator, TabbedForm, Toolbar }

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

@@ -11,11 +11,16 @@ const StyledAutocompleteInput = styled(RaAutocompleteInput, {
   }
 }))
 
-const AutocompleteInput = ({ ...props }) => (
-  <LabeledInput {...props}>
-    <StyledAutocompleteInput />
-  </LabeledInput>
-)
+const AutocompleteInput = (props) => {
+  // Sanitize props removing "perPage":
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const { perPage, ...rest } = props
+  return (
+    <LabeledInput {...rest}>
+      <StyledAutocompleteInput />
+    </LabeledInput>
+  )
+}
 AutocompleteInput.propTypes = {
   ...RaAutocompleteInput.propTypes,
   ...LabeledInput.propTypes

package/src/index.jsx

@@ -40,7 +40,6 @@ export {
   Resource,
   ResourceContextProvider,
   SaveButton,
-  SimpleFormIterator,
   SimpleFormIteratorContext,
   SimpleList,
   SingleFieldList,

package/src/themes/overrides/Autocomplete.jsx

@@ -1,6 +1,6 @@
 // ==============================|| OVERRIDES - AUTOCOMPLETE ||============================== //
 
-export default function Autocomplete() {
+export default function Autocomplete(theme) {
   return {
     MuiAutocomplete: {
       styleOverrides: {
@@ -13,6 +13,9 @@ export default function Autocomplete() {
           width: 'auto',
           height: 'auto',
         },
+        popper: {
+          border: `1px solid ${theme.palette.mode === 'dark' ? theme.palette.dark.main : theme.palette.grey[100]}`,
+        },
         clearIndicator: {
           width: 'auto',
           height: 'auto',

package/src/themes/overrides/index.jsx

@@ -55,7 +55,7 @@ export default function ComponentsOverrides(theme) {
     AccordionSummary(theme),
     Alert(theme),
     AlertTitle(),
-    Autocomplete(),
+    Autocomplete(theme),
     Badge(theme),
     Button(theme),
     ButtonBase(),