@skysoftware-co/bayan-hr-widgets-ui 2.0.3 → 2.0.5

package/README.md

@@ -52,6 +52,7 @@ components:
 22. My Profile Entitlements Others Widget
 23. My Profile Employee Documents Widget
 24. My Profile Dependents Documents Widget
+25. My Team Subordinates Popup Widget
 
 ## Dependencies
 This library depends on `@skysoftware-co/bayan-components-ui` package which provides:
@@ -330,6 +331,56 @@ This component displays a "Next Week Vacation Insights" card showing two badges:
 - **Upcoming list**: `GET {baseUrl}/hr/widgets/me/team/next-week-vacation-insights/upcoming-vacations`
 - **Expected to return list**: `GET {baseUrl}/hr/widgets/me/team/next-week-vacation-insights/expected-to-return`
 
+### My Team Subordinates Popup
+
+### Usage
+```html
+<hr-my-team-subordinates-popup
+  [baseUrl]="environment.baseUrl"
+  (isLoadingChanged)="onLoadingChanged($event)"
+  (errorOccurred)="onError($event)">
+</hr-my-team-subordinates-popup>
+```
+
+Programmatic open helper:
+
+```ts
+import { openMyTeamSubordinatesPopup } from '@skysoftware-co/bayan-hr-widgets-ui';
+
+openMyTeamSubordinatesPopup();
+```
+
+This popup component displays grouped subordinate employees with search, infinite scrolling, and a toggle between direct subordinates and all subordinates.
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | required | Base URL for API calls |
+| `pageSize` | number | `100` | Number of records loaded per page |
+| `phoneIcon` | IconDefinition | `faPhone` | Icon used for phone row |
+| `emailIcon` | IconDefinition | `faEnvelope` | Icon used for email row |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when initial/reset loading state changes.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+### API Endpoint
+- `GET {baseUrl}/hr/widgets/me/team/subordinates`
+
+### Employee Main Info Card
+
+Usage in template:
+
+```html
+<app-employee-main-info-card
+  [employeeMainInfo]="employeeInfo"
+  [searchValue]="searchValue"
+  [showPropertySymbol]="true">
+</app-employee-main-info-card>
+```
+
+This component renders the subordinate basic profile header (name, position, property, badge image/initials) and supports text highlighting.
+
 ## My Profile Widgets
 
 The package also exports profile-focused widgets used in the employee profile page.