proje-react-panel 1.1.3 → 1.1.4

package/src/components/Panel.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect } from 'react';
-import { initPanel } from '../initPanel';
-import { InitPanelOptions } from '../types/initPanelOptions';
 import { ErrorBoundary } from './ErrorBoundary';
+import { ToastContainer } from 'react-toastify';
 
 type AppProps = {
   children: React.ReactNode;
@@ -13,5 +12,10 @@ export function Panel({ children }: AppProps) {
     initPanel(options);
   }, [init]);*/
 
-  return <ErrorBoundary>{children}</ErrorBoundary>;
+  return (
+    <ErrorBoundary>
+      {children}
+      <ToastContainer />
+    </ErrorBoundary>
+  );
 }

package/src/components/form/InnerForm.tsx

@@ -5,6 +5,7 @@ import { FormField } from './FormField';
 import { useNavigate } from 'react-router';
 import { FormConfiguration } from '../../decorators/form/Form';
 import { AnyClass } from '../../types/AnyClass';
+import { toast } from 'react-toastify';
 
 interface InnerFormProps<T extends AnyClass> {
   inputs: InputConfiguration[];
@@ -17,6 +18,7 @@ export function InnerForm<T extends AnyClass>({ inputs, formClass }: InnerFormPr
   const formRef = useRef<HTMLFormElement>(null);
   const navigate = useNavigate();
   const form = useFormContext<T>();
+  const loadingRef = useRef(false);
 
   return (
     <div className="form-wrapper">
@@ -24,6 +26,8 @@ export function InnerForm<T extends AnyClass>({ inputs, formClass }: InnerFormPr
         ref={formRef}
         onSubmit={form.handleSubmit(
           async (dataForm: T) => {
+            if (loadingRef.current) return;
+            loadingRef.current = true;
             try {
               const data =
                 formClass.type === 'json'
@@ -37,17 +41,25 @@ export function InnerForm<T extends AnyClass>({ inputs, formClass }: InnerFormPr
                       }
                       return formData;
                     })();
-              await formClass.onSubmit(data);
+              const resut = await formClass.onSubmit(data);
+              form.reset(resut);
               setErrorMessage(null);
+              toast.success('Form submitted successfully');
               if (formClass.redirectBackOnSuccess) {
                 navigate(-1);
               }
+              if (formClass.redirectSuccessUrl) {
+                navigate(formClass.redirectSuccessUrl);
+              }
             } catch (error: any) {
               const message =
                 error?.response?.data?.message ||
                 (error instanceof Error ? error.message : 'An error occurred');
+              toast.error('Something went wrong');
               setErrorMessage(message);
               console.error(error);
+            } finally {
+              loadingRef.current = false;
             }
           },
           (errors, event) => {

package/src/components/list/ListPage.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useCallback, useEffect, useState } from 'react';
+import React, { useMemo, useCallback, useEffect, useState, useId } from 'react';
 import { useParams, useNavigate } from 'react-router';
 import { Datagrid } from './Datagrid';
 import { ErrorComponent } from '../ErrorComponent';
@@ -16,6 +16,7 @@ export function ListPage<T extends AnyClass>({
   model: AnyClassConstructor<T>;
   customHeader?: React.ReactNode;
 }) {
+  const id = useId();
   const listPageMeta = useMemo(() => getListPageMeta(model), [model]);
 
   const [loading, setLoading] = useState(true);
@@ -83,8 +84,8 @@ export function ListPage<T extends AnyClass>({
     fetchData(1, filters); // Reset to first page when filters change
   };
 
-  if (loading) return <LoadingScreen />;
-  if (error) return <ErrorComponent error={error} />;
+  if (loading) return <LoadingScreen id={id} />;
+  if (error) return <ErrorComponent id={id} error={error} />;
 
   return (
     <div className="list">

package/src/decorators/form/Form.ts

@@ -4,18 +4,22 @@ import { GetDetailsDataFN } from '../details/Details';
 import { InputConfiguration } from './Input';
 
 const DETAILS_METADATA_KEY = 'DetailsMetaData';
-export type OnSubmitFN<T> = (data: T | FormData) => Promise<T | FormData>;
+export type OnSubmitFN<T> = (data: T | FormData) => Promise<T>;
 
 interface FormOptions<T extends AnyClass> {
   onSubmit: OnSubmitFN<T>;
   getDetailsData?: GetDetailsDataFN<T>;
+  /** @deprecated */
   redirectBackOnSuccess?: boolean;
   type?: 'json' | 'formData';
+  redirectSuccessUrl?: string;
 }
 
 export interface FormConfiguration<T extends AnyClass> extends FormOptions<T> {
+  /** @deprecated */
   redirectBackOnSuccess: boolean;
   type: 'json' | 'formData';
+  redirectSuccessUrl?: string;
 }
 
 export function Form<T extends AnyClass>(options?: FormOptions<T>): ClassDecorator {