# XWUIHrPerformancePage

A full HR shell page (extends `HrListPage` → `HrPageBase` → `XWUIShellPage`) that lists performance reviews in a striped, hoverable `XWUIDataGrid` with the columns Employee, Cycle, and Status. Rows come from the HR API via `listPerformance()`, with built-in loading, empty ("No records found"), and error states; pass `data.rows` to skip the fetch. Configure the data source with `conf_comp.hrApiOptions` (default `{ env: 'sandbox' }`) or `conf_comp.hrApi`, set `conf_comp.locale` (`en`/`ar`), and override the heading via `data.title` / `data.titleAr` (default "Performance"). Use it for the performance-management screen tracking each employee's review cycle and its progress.

## Basic Usage

Mounts the page with a sandbox HR API so the grid auto-loads mock performance-review rows.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Instantiates XWUIHrPerformancePage against createHrApi({ env: 'sandbox' }) in English, letting it fetch and render performance reviews in the Employee / Cycle / Status grid.
```

## Arabic Locale (RTL)

Renders the page right-to-left with an Arabic title by passing `locale: 'ar'`.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic Locale (RTL)
description: Renders the page right-to-left with an Arabic title by passing locale 'ar'.
```

## Preloaded Rows

Supplies `data.rows` directly so the grid renders immediately without calling the API.

```example
file: examples/PreloadedRows.ts
html: examples/PreloadedRows.html
title: Preloaded Rows
description: Supplies data.rows directly so the grid renders immediately without calling the API.
```

```api
```