@applica-software-guru/react-admin 1.1.104 → 1.1.107

package/package.json

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

package/src/components/ra-forms/Create.tsx

@@ -1,7 +1,69 @@
-import { Create as RaCreate } from 'react-admin';
+import _ from 'lodash';
+import { useCallback, createContext, useContext } from 'react';
+import { CreateProps, Identifier, Create as RaCreate, RaRecord, useDataProvider, useResourceContext } from 'react-admin';
 import { styled } from '@mui/material/styles';
+import { useLocation } from 'react-router';
+import { useQuery } from 'react-query';
+import { Stack, CircularProgress } from '@mui/material';
 
-const StyledCreate = styled(RaCreate, {
+type ICreateProps<
+  RecordType extends Omit<RaRecord, 'id'> = any,
+  ResultRecordType extends RaRecord = RecordType & { id: Identifier }
+> = CreateProps<RecordType, Error, ResultRecordType> & {
+  children: React.ReactNode;
+  useDefaults?: boolean;
+};
+
+type IResourceDefaultValue = object;
+const ResourceDefaultValueContext = createContext<IResourceDefaultValue>({});
+
+function Create(props: ICreateProps) {
+  const { useDefaults = false } = props,
+    resource = useResourceContext(),
+    dataProvider = useDataProvider(),
+    { search } = useLocation(),
+    url = `${resource}/new`,
+    fetch = useCallback(() => {
+      if (!useDefaults || !_.isFunction(dataProvider.get)) {
+        return Promise.resolve({});
+      }
+
+      const params: { [key in string]: string } = {};
+      new URLSearchParams(search ?? '').forEach((v, k) => {
+        params[k] = v;
+      });
+
+      return dataProvider
+        .get(url, params)
+        .then((response: { data: object }) => response.data)
+        .then((data: { responseCode: string; value: object }) => {
+          const { responseCode, value } = data;
+          if (responseCode === 'ok') {
+            return value;
+          } else {
+            return Promise.reject(data);
+          }
+        });
+    }, [resource, useDefaults, search, dataProvider]),
+    { data, isLoading } = useQuery({ queryKey: [resource, search], queryFn: fetch }),
+    passProps = _.omit(props, ['useDefaults']);
+
+  return isLoading ? (
+    <Stack alignItems={'center'} justifyContent="center" flex={1} p={2}>
+      <CircularProgress />
+    </Stack>
+  ) : (
+    <ResourceDefaultValueContext.Provider value={data ?? {}}>
+      <RaCreate {...passProps} />
+    </ResourceDefaultValueContext.Provider>
+  );
+}
+
+function useResourceDefaultValues(): IResourceDefaultValue {
+  return useContext(ResourceDefaultValueContext);
+}
+
+const StyledCreate = styled(Create, {
   name: 'RaApplicaEdit',
   slot: 'root'
 })(({ theme }) => ({
@@ -14,3 +76,5 @@ const StyledCreate = styled(RaCreate, {
 }));
 
 export default StyledCreate;
+
+export { useResourceDefaultValues };

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

@@ -1,6 +1,6 @@
 import CardForm from './CardForm';
 import ChangePasswordForm from './ChangePasswordForm';
-import Create from './Create';
+import Create, { useResourceDefaultValues } from './Create';
 import Edit from './Edit';
 import FormHeader from './FormHeader';
 import LongForm from './LongForm';
@@ -11,6 +11,7 @@ import TableFormIterator from './TableForm';
 import Toolbar from './Toolbar';
 export {
   Create,
+  useResourceDefaultValues,
   CardForm,
   ChangePasswordForm,
   Edit,

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

@@ -54,7 +54,6 @@ const ApplicaStyledList = styled(RaList, {
         marginTop: theme.spacing(1.5)
       },
       '& .RaFilterFormInput-hideButton': {
-        marginTop: theme.spacing(1),
         marginBottom: theme.spacing(0.5),
         marginRight: theme.spacing(1)
       },