ubk.erp.webpack 1.4.1 → 1.4.2

package/README.md

@@ -562,9 +562,9 @@ const LibraryPage = ({ token }) => {
 import { AddStaff } from "ubk.erp.webpack";
 
 const AddStaffPage = ({ token }) => {
-  const handleFinished = () => {
+  const handleFinished = (rec) => {
     // Optionally refresh staff list or show a notification
-    console.log("Staff created successfully");
+    console.log("Staff created successfully",rec);
   };
 
   return <AddStaff token={token} onFinished={handleFinished} />;
@@ -602,7 +602,65 @@ const AddStaffPage = ({ token }) => {
 | `Shift` | Shift master. |
 | `StaffDailyAttendance` | Daily attendance report + print. |
 | `PayrollReceiptDetails` | Payroll receipt details (page/component). |
-| `StaffWizard` | Multi-step staff creation/edit wizard with `onReturn` callback per step. |
+| `StaffWizard` | Multi-step staff creation/edit wizard with `onStepComplete` callback per step. |
+| `StaffDirectory` | Staff list with search, edit (drawer), and delete/deactivate actions. |
+
+# 📚 StaffDirectory — Edit & Delete Callbacks
+
+`StaffDirectory` supports several callback props for integration with parent components:
+
+## Props
+
+| Prop | Type | Required | Description |
+| :--- | :--- | :--- | :--- |
+| `token` | `string` | Yes | Authentication token for API requests. |
+| `onNavigate` | `(action: string, record: object) => void` | No | Called when the Edit button is clicked. Receives `("staff-edit", record)`. If provided, the parent handles navigation. |
+| `onFinished` | `(res: any) => void` | No | Called after the wizard (edit drawer) completes successfully. |
+| `onDelete` | `(payload: DeletePayload) => void` | No | Called after a staff member is deactivated. |
+
+## DeletePayload Shape
+
+```ts
+{
+  id: string | number;
+  record: object;       // The full staff record
+  response: any;        // API response from the delete/deactivate endpoint
+}
+```
+
+## Behavior
+
+- Clicking the **Edit** button: if `onNavigate` is provided, it calls `onNavigate("staff-edit", record)`. Otherwise, opens an inline edit drawer with `StaffWizard` in `mode="edit"`.
+- Clicking **Delete/Deactivate**: sends a deactivate request to the API. On success, refreshes the list and calls `onDelete({ id, record, response })`.
+- `onFinished` fires after the edit wizard completes successfully, allowing the parent to refresh its own data.
+
+## Usage
+
+```jsx
+import { StaffDirectory } from "ubk.erp.webpack";
+
+const StaffPage = ({ token }) => {
+
+
+  const handleFinished = (res) => {
+    console.log("Staff updated:", res);
+    // Refresh external data
+  };
+
+  const handleDelete = (payload) => {
+    console.log("Staff deactivated:", payload);
+  };
+
+  return (
+    <StaffDirectory
+      token={token}
+     
+      onFinished={handleFinished}
+      onDelete={handleDelete}
+    />
+  );
+};
+```
 
 # 📚 StaffWizard — Return Callback
 
@@ -615,34 +673,31 @@ const AddStaffPage = ({ token }) => {
 | `token` | `string` | Yes | Authentication token for API requests. |
 | `mode` | `'add' \| 'edit'` | No | Determines whether basic info is edited or created. Default: `"add"`. |
 | `staffId` | `string` | No | Staff ID when editing; ignored when `mode="add"`. |
+| `onStepComplete` | `(payload: object) => void` | No | Called after **every** step's successful save. |
 | `onFinished` | `() => void` | No | Called after the final (Payroll) step completes. |
-| `onReturn` | `(payload: object) => void` | No | Called after **every** step's successful save. |
 
 ## Payload Shape
 
-The `onReturn` callback receives an object:
+The `onStepComplete` callback receives an object:
 
 ```ts
 {
   step: "basic" | "experience" | "payroll";
-  staffId: string | null;
   data?: object;   // Step-specific data
-  result?: object;  // API response (experience step only)
 }
 ```
 
 | Step | `data` contents |
 | :--- | :--- |
-| `"basic"` | `{ roleValue, departmentValue, designationValue, genderValue, shiftValue, dob, doj, file }` |
-| `"experience"` | `rows` array (each row: `{ name, from, to, image }`) |
-| `"payroll"` | `{ staffType, salaryType, amount, basicPay, declaration }` |
+| `"basic"` | `{ staffId, basic }` from Step1's `onSubmitted` |
+| `"experience"` | `{ experience, result }` from Step2's `onSubmitted` |
+| `"payroll"` | `{ payroll, result }` from Step3's `onSubmitted` |
 
 ## Behavior
 
-- `onReturn` is only called when the step's API responds with `Status === "Success"`.
+- `onStepComplete` is only called when the step's API responds with `Status === "Success"`.
 - It is **not** called if the API returns `Failed` or throws an error.
-- The callback allows the parent to react to each step's completion (e.g., refresh data, update UI state).
-- `onFinished` is still called at the end (after the Payroll step) for backward compatibility.
+- `onFinished` is called after the Payroll step completes (and also calls `onStepComplete` for the `"payroll"` step).
 
 ## Usage
 
@@ -650,7 +705,7 @@ The `onReturn` callback receives an object:
 import { StaffWizard } from "ubk.erp.webpack";
 
 const StaffPage = ({ token }) => {
-  const handleReturn = (payload) => {
+  const handleStepComplete = (payload) => {
     console.log("Step completed:", payload.step, payload);
   };
 
@@ -662,7 +717,7 @@ const StaffPage = ({ token }) => {
     <StaffWizard
       token={token}
       mode="add"
-      onReturn={handleReturn}
+      onStepComplete={handleStepComplete}
       onFinished={handleFinished}
     />
   );

package/dist/Layout/HumanResource/StaffDirectory/Pages/StaffDirectoryPage.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 export default StaffDirectoryPage;
-declare function StaffDirectoryPage({ token, onNavigate }: {
+declare function StaffDirectoryPage({ token, onNavigate, onFinished, onDelete, }: {
     token: any;
     onNavigate: any;
+    onFinished: any;
+    onDelete: any;
 }): React.JSX.Element;

package/dist/Layout/HumanResource/StaffDirectory/StaffDirectory.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 export default StaffDirectory;
-declare function StaffDirectory({ token, onNavigate }: {
+declare function StaffDirectory({ token, onNavigate, onFinished, onDelete }: {
     token: any;
     onNavigate: any;
+    onFinished: any;
+    onDelete: any;
 }): React.JSX.Element;

package/dist/Layout/HumanResource/StaffWizard/StaffWizard copy.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export default StaffWizard;
+declare function StaffWizard({ token, mode, staffId: staffIdProp, onFinished }: {
+    token: any;
+    mode?: string | undefined;
+    staffId: any;
+    onFinished: any;
+}): React.JSX.Element;

package/dist/Layout/HumanResource/StaffWizard/StaffWizard.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
 export default StaffWizard;
-declare function StaffWizard({ token, mode, staffId: staffIdProp, onFinished }: {
+declare function StaffWizard({ token, mode, staffId: staffIdProp, onStepComplete, onFinished, }: {
     token: any;
     mode?: string | undefined;
     staffId: any;
+    onStepComplete: any;
     onFinished: any;
 }): React.JSX.Element;