Add onCreate receivable event to componentSettings

team-monite · Feb 18, 2025 · f2f8d38 · f2f8d38
1 parent 1fb5949
commit f2f8d38
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/packages/sdk-react/src/components/receivables/Receivables.tsx b/packages/sdk-react/src/components/receivables/Receivables.tsx
@@ -122,6 +122,7 @@ const ReceivablesBase = () => {
             setIsCreateInvoiceDialogOpen(false);
             setActiveTab(ReceivablesTableTabEnum.Invoices);
             openInvoiceModal(receivableId);
+            componentSettings?.receivables?.onCreate?.(receivableId);
           }}
         />
       </Dialog>

diff --git a/packages/sdk-react/src/components/receivables/ReceivablesTable/ReceivablesTable.tsx b/packages/sdk-react/src/components/receivables/ReceivablesTable/ReceivablesTable.tsx
@@ -43,6 +43,13 @@ export interface MoniteReceivablesTableProps {
    * By default, the component will display tabs for Invoices, Quotes, and Credit Notes.
    */
   tabs?: Array<MoniteReceivablesTab>;
+
+  /**
+   * The event handler for the creation of a new invoice
+   *
+    @param {string} receivableId - The ID of the receivable that was created.
+   */
+  onCreate?: (receivableId: string) => void;
 }
 
 export enum ReceivablesTableTabEnum {

diff --git a/packages/sdk-react/src/core/componentSettings/index.ts b/packages/sdk-react/src/core/componentSettings/index.ts
@@ -121,6 +121,7 @@ export const getDefaultComponentSettings = (
         label: FINANCING_LABEL,
       },
     ],
+    onCreate: componentSettings?.receivables?.onCreate,
   },
   tags: {
     pageSizeOptions:
-Original file line number
+Diff line change
@@ Expand Up / @@ -121,6 +121,7 @@ export const getDefaultComponentSettings = ( @@
             label: FINANCING_LABEL,
           },
         ],
+        onCreate: componentSettings?.receivables?.onCreate,
       },
       tags: {
         pageSizeOptions:
@@ Expand Down @@