@omniyat/reactcomponents

A comprehensive collection of React components built with PrimeReact, designed for modern web applications.

Installation

``bash
npm install @omniyat/reactcomponents
`

Peer Dependencies

This package requires the following peer dependencies:

`bash
npm install react@^18.3.1 react-dom@^18.3.1
`

Available Components

$3

`jsx
import { ButtonComponent } from '@omniyat/reactcomponents';

confirmMessage="Are you sure?"
onClick={handleClick}
onReject={handleReject}
full={true}
>
Click Me

`

Props:
- confirmMessage - Show confirmation dialog before action
- onClick - Click handler function
- onReject - Rejection handler for confirmation
- full - Full width button (boolean)

$3

`jsx
import { ConfirmBoxComponent } from '@omniyat/reactcomponents';


`

$3

`jsx
import { DataTableComponent } from '@omniyat/reactcomponents';

tableId="users-table"
data={users}
columns={columns}
onNew={handleNew}
rowActions={actions}
exportFields={exportFields}
allowedGroupFields={['status', 'department']}
/>
`

Key Features:
- Advanced filtering and search
- Column visibility controls
- Export to Excel/PDF
- Row grouping
- Context menus
- Row selection
- Pagination
- Sorting
- Responsive design

Props:
- tableId - Unique identifier for table configuration
- data - Array of data objects
- columns - Column configuration array
- onNew - Handler for new record creation
- rowActions - Array of row action objects
- exportFields - Fields available for export
- allowedGroupFields - Fields that can be used for grouping

$3

`jsx
import { DialogComponent } from '@omniyat/reactcomponents';


`

$3

`jsx
import { FileUploaderComponent } from '@omniyat/reactcomponents';


`

$3

`jsx
import { FormComponent } from '@omniyat/reactcomponents';


`

$3

`jsx
import { OverlayComponent } from '@omniyat/reactcomponents';


`

$3

`jsx
import { PiChartComponent } from '@omniyat/reactcomponents';


`

$3

`jsx
import { TreeComponent } from '@omniyat/reactcomponents';


`

Development

$3

`bash
npm run build
`

$3

`bash
npm run test
`

$3

`bash
npm run publish
``

Dependencies

This package is built on top of:
- PrimeReact - UI component library
- React Minimal Pie Chart - Chart visualization
- @omniyat/buttoncomponent - Base button component

Configuration

The DataTableComponent supports persistent configuration through localStorage, including:
- Column visibility settings
- Export preferences
- Filter states
- Row grouping options

Browser Support

This package supports all modern browsers that support React 18+.

License

Private package - All rights reserved.

Contributing

This is a private package. Please contact the maintainers for contribution guidelines.