@skysoftware-co/bayan-hr-widgets-ui 1.0.26 → 1.0.28

package/README.md

@@ -31,7 +31,7 @@ components:
 1. My Main Details Widget
 2. My Upcoming Events Widget
 3. My Calendar Widget
-
+ 
 ## Dependencies
 This library depends on `@skysoftware-co/bayan-components-ui` package which provides:
 - Employee Badge Component
@@ -243,6 +243,7 @@ This component displays an employee calendar showing vacations, public holidays,
 |-------|------|---------------|-------------|
 | `baseUrl` | string | `''` | Base URL for API calls |
 | `headerContainerClass` | string | `''` | Additional CSS class for the header container |
+| `datasource` | `ScheduleRequestsResponse \| null` | `null` | External datasource for pending requests. When provided, pending vacation requests are merged with calendar vacations (consecutive same-type vacations are combined), and pending event requests are added as events. The calendar reactively updates whenever this input changes after the initial calendar data has loaded. |
 | `publicHolidayColor` | string | from `HRConstantsService`: `'#249EA0'` | Color for public holidays |
 | `dayOffColor` | string | from `HRConstantsService`: `'#FCCF5A'` | Color for days off |
 | `eventsColor` | string | from `HRConstantsService`: `'#e67e0f'` | Color for events |
@@ -271,15 +272,15 @@ The component calls `GET {baseUrl}/hr/employee-portal/calendar` with query param
 - Header: `api-version: 2`
 
 
-## My Next Week Vacation Insights Widget Component
+## My Vacation Team Widget Component
 
 ### Usage
 ```html
-<hr-my-next-week-vacation-insights-widget
+<hr-my-vacation-team-widget
   [baseUrl]="environment.baseUrl"
   [showProperty]="true"
   (isLoadingChanged)="onLoadingChanged($event)">
-</hr-my-next-week-vacation-insights-widget>
+</hr-my-vacation-team-widget>
 ```
 
 This component displays a "Next Week Vacation Insights" card showing two badges: **Upcoming Vacations** and **Expected To Return** counts for team subordinates. Clicking a badge opens a popup with a paginated, searchable data grid listing the relevant employees. It uses `SkyWidgetSectionItemComponent` from `@skysoftware-co/sky-components-ui` for badge display and `BayanEmployeeBadgeComponent` from `@skysoftware-co/bayan-components-ui` for employee photos in the popup.
@@ -289,20 +290,20 @@ This component displays a "Next Week Vacation Insights" card showing two badges:
 |-------|------|---------------|-------------|
 | `baseUrl` | string | `''` | Base URL for API calls |
 | `showProperty` | boolean | `false` | Show employee property badge in the popup grid |
-| `cardClass` | string | `'card rounded rounded-4 card-shadow border-top-0 h-100 p-4'` | Card container CSS class |
-| `titleClass` | string | `'table-header-lg fw-meduim mb-3 mt-2'` | Card title CSS class |
+| `cardClass` | string | `'card rounded rounded-4 card-shadow p-16 border-top-0 h-100 p-4'` | Card container CSS class |
+| `titleClass` | string | `'table-header-lg fw-meduim'` | Card title CSS class |
 | `valueClass` | string | `'fs-24 mt-1 link-dark hover-primary text-decoration-none'` | Badge value CSS class (clickable) |
 | `disabledValueClass` | string | `'fs-24 mt-1 text-muted pe-none text-decoration-none'` | Badge value CSS class when count is 0 |
-| `upcomingContainerClass` | string | `'border-start border-5 mb-4'` | Upcoming vacations badge container CSS class |
+| `upcomingContainerClass` | string | `'border-start border-5 mb-3'` | Upcoming vacations badge container CSS class |
 | `expectedContainerClass` | string | `'border-start border-5'` | Expected to return badge container CSS class |
 
 ### Output Events
 - `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes
 
 ### API Endpoints
-- **Summary**: `GET {baseUrl}/hr/widgets/me/team/next-week-vacation-insights/summary?ShowDirectSubordinatesOnly=false`
-- **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`
+- **Summary**: `GET {baseUrl}/hr/widgets/me/team/subordinates/vacations/summary?ShowDirectSubordinatesOnly=false`
+- **Upcoming list**: `GET {baseUrl}/hr/widgets/me/team/subordinates/vacations/upcoming`
+- **Expected to return list**: `GET {baseUrl}/hr/widgets/me/team/subordinates/vacations/expected-to-return`
 
 ## Profile Widgets
 
@@ -343,6 +344,83 @@ The package also exports profile-focused widgets used in the employee profile pa
 - `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
 - `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
 
+## Profile Experiences Widget
+
+### Usage
+```html
+<hr-profile-experiences-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onExperiencesLoadingChanged($event)">
+</hr-profile-experiences-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls. |
+| `sectionTitle` | string | `'experiences'` | Section title translation key. |
+| `experienceIcon` | IconDefinition | `faUsersRays` | Header icon. |
+| `viewIcon` | IconDefinition | `faEye` | Attachment view icon. |
+| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon. |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
+| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
+| `rowClass` | string | `'mt-4'` | Main row CSS class. |
+| `itemRowClass` | string | `'row col-10 mt-3'` | Experience row CSS class. |
+| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
+| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
+| `valueClass` | string | `'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer'` | `hr-info-field` value CSS class. |
+| `actionsColumnClass` | string | `'col-2 mt-3'` | Attachment action column CSS class. |
+| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class. |
+| `downloadIconClass` | string | `'fs-15 text-dark cursor-pointer mx-2'` | Download icon CSS class. |
+| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class. |
+| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class. |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
+- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
+## Profile Degrees Widget
+
+### Usage
+```html
+<hr-profile-degrees-widget
+  [baseUrl]="baseUrl"
+  (isLoadingChanged)="onDegreesLoadingChanged($event)">
+</hr-profile-degrees-widget>
+```
+
+### Input Properties
+| Input | Type | Default Value | Description |
+|-------|------|---------------|-------------|
+| `baseUrl` | string | `''` | Base URL for API calls. |
+| `sectionTitle` | string | `'degrees'` | Section title translation key. |
+| `degreesIcon` | IconDefinition | `faFileCertificate` | Header icon. |
+| `viewIcon` | IconDefinition | `faEye` | Attachment view icon. |
+| `downloadIcon` | IconDefinition | `faFolderArrowDown` | Attachment download icon. |
+| `headerIconClass` | string | `'primary-icon-xl'` | Header icon CSS class. |
+| `headerTextClass` | string | `'fs-16 mt-2 text-secondary'` | Header text CSS class. |
+| `headerDividerClass` | string | `'flex-grow-1 ms-2'` | Header divider CSS class. |
+| `rowClass` | string | `'mt-4'` | Main row CSS class. |
+| `itemRowClass` | string | `'row col-10 mt-3'` | Degree row CSS class. |
+| `itemColumnClass` | string | `'col-3'` | Column CSS class. |
+| `labelClass` | string | `'field-secondary-label-sm'` | `hr-info-field` label CSS class. |
+| `valueClass` | string | `'text-dark-gray fs-14'` | `hr-info-field` main value CSS class. |
+| `valueEllipsisClass` | string | `'text-dark-gray fs-14 text-ellipsis-one-line cursor-pointer'` | `hr-info-field` ellipsis value CSS class. |
+| `actionsColumnClass` | string | `'col-2 align-items-end mt-3'` | Attachment action column CSS class. |
+| `viewIconClass` | string | `'fs-15 text-dark cursor-pointer'` | View icon CSS class. |
+| `downloadIconClass` | string | `'fs-15 mx-3 text-dark cursor-pointer'` | Download icon CSS class. |
+| `emptyStateContainerClass` | string | `'d-flex flex-column justify-content-center align-items-center my-5'` | Empty/loading container CSS class. |
+| `emptyStateTextClass` | string | `'field-secondary-label-md'` | Empty/loading text CSS class. |
+
+### Output Events
+- `isLoadingChanged: EventEmitter<boolean>` - Emitted when loading state changes.
+- `attachmentViewed: EventEmitter<any>` - Emitted when attachment view icon is clicked.
+- `attachmentDownloaded: EventEmitter<any>` - Emitted when attachment download icon is clicked.
+- `errorOccurred: EventEmitter<string>` - Emitted when API request fails.
+
 ## Profile Personal Info Contact Widget
 
 ### Usage