@applica-software-guru/react-admin 1.0.34 → 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.34",
+  "version": "1.0.36",
   "private": false,
   "repository": {
     "type": "git",

package/playground/package-lock.json

@@ -40,6 +40,7 @@
       }
     },
     "..": {
+      "name": "@applica-software-guru/react-admin",
       "version": "1.0.17",
       "license": "MIT",
       "dependencies": {
@@ -180,11 +181,13 @@
       }
     },
     "node_modules/@applica-software-guru/iam-client": {
-      "version": "1.0.31",
-      "resolved": "https://registry.npmjs.org/@applica-software-guru/iam-client/-/iam-client-1.0.31.tgz",
-      "integrity": "sha512-EFGfm87aLAX9kgZJdExvbgrMzpkP4cqn2li+n0CNeqbXZG9LqHL/oLoqeTGu8GmRQwVRFqeUkO+boGSmBnnxlQ==",
+      "version": "1.0.33",
+      "resolved": "https://registry.npmjs.org/@applica-software-guru/iam-client/-/iam-client-1.0.33.tgz",
+      "integrity": "sha512-IGR7nMh5oQhy26vrFM4Hq2ia7WAvTuKokTfmBdo30xt6xtwhxlqmqdpmG4zJgqH+CujnXphUW6K3K2wROoGjRg==",
       "dependencies": {
-        "ra-core": "^4.12.1"
+        "@types/crypto-js": "^4.1.1",
+        "crypto-js": "^4.1.1",
+        "ra-core": "^4.12"
       },
       "peerDependencies": {
         "ra-core": "^4.12",
@@ -3763,6 +3766,11 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@types/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-BG7fQKZ689HIoc5h+6D2Dgq1fABRa0RbBWKBd9SP/MVRVXROflpm5fhwyATX5duFmbStzyzyycPB8qUYKDH3NA=="
+    },
     "node_modules/@types/eslint": {
       "version": "8.44.0",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.0.tgz",
@@ -6048,6 +6056,11 @@
         "node": "*"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.1.1.tgz",
+      "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
     "node_modules/crypto-random-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",

package/playground/src/App.js

@@ -10,7 +10,7 @@ import { CustomPage } from 'components/pages'
 import { CustomRoutes } from 'ra-core'
 import { Route } from 'react-router-dom'
 import build from './build.json'
-import { useAuthProvider as createAuthProvider } from '@applica-software-guru/iam-client'
+import { createAuthProvider } from '@applica-software-guru/iam-client'
 import menu from './menu'
 import theme from './theme'
 

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(),