zeonailabs-reactlib 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +86 -0
- package/dist/2b3e1faf89f94a483539.png +0 -0
- package/dist/416d91365b44e4b4f477.png +0 -0
- package/dist/8f2c4d11474275fbc161.png +0 -0
- package/dist/index.js +152 -0
- package/dist/index.js.LICENSE.txt +24 -0
- package/package.json +87 -0
package/README.md
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
# reactlib
|
|
2
|
+
|
|
3
|
+
A modern React component library built with TypeScript, Webpack, and Material-UI.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- π¨ Pre-built UI components (Button, Charts, DataTable, etc.)
|
|
8
|
+
- π Data visualization components (AreaChart, BarChart, LineChart, ScatterChart, DonutChart)
|
|
9
|
+
- π Advanced data grid with DataTable component
|
|
10
|
+
- πΊοΈ GeoPoints component for geographic data
|
|
11
|
+
- πͺ Built with TypeScript for type safety
|
|
12
|
+
- π― Material-UI (MUI) components integrated
|
|
13
|
+
- π¦ CommonJS and ESM modules support
|
|
14
|
+
- π§ͺ Fully tested with Jest
|
|
15
|
+
|
|
16
|
+
## Installation
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install reactlib
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Usage
|
|
23
|
+
|
|
24
|
+
```tsx
|
|
25
|
+
import { Button, AreaChart, DataTable } from 'reactlib';
|
|
26
|
+
|
|
27
|
+
function App() {
|
|
28
|
+
return (
|
|
29
|
+
<div>
|
|
30
|
+
<Button>Click me</Button>
|
|
31
|
+
<AreaChart data={chartData} />
|
|
32
|
+
</div>
|
|
33
|
+
);
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## Components
|
|
38
|
+
|
|
39
|
+
### Data Visualization
|
|
40
|
+
- **AreaChart** - Area chart for time-series data
|
|
41
|
+
- **BarChart** - Bar chart for categorical data
|
|
42
|
+
- **LineChart** - Line chart for trends
|
|
43
|
+
- **ScatterChart** - Scatter plot for correlation analysis
|
|
44
|
+
- **DonutChart** - Donut/pie chart visualization
|
|
45
|
+
|
|
46
|
+
### Data Display
|
|
47
|
+
- **DataTable** - Advanced data grid with sorting and filtering
|
|
48
|
+
- **ActivityFeed** - Timeline/activity feed component
|
|
49
|
+
- **KpiStatsCard** - Key performance indicator card
|
|
50
|
+
|
|
51
|
+
### Input
|
|
52
|
+
- **Button** - Customizable button component
|
|
53
|
+
|
|
54
|
+
### Maps
|
|
55
|
+
- **GeoPoints** - Geographic point visualization using Leaflet
|
|
56
|
+
|
|
57
|
+
## Development
|
|
58
|
+
|
|
59
|
+
```bash
|
|
60
|
+
# Install dependencies
|
|
61
|
+
npm install
|
|
62
|
+
|
|
63
|
+
# Start Storybook
|
|
64
|
+
npm run storybook
|
|
65
|
+
|
|
66
|
+
# Build library
|
|
67
|
+
npm run build
|
|
68
|
+
|
|
69
|
+
# Run tests
|
|
70
|
+
npm test
|
|
71
|
+
|
|
72
|
+
# Watch mode
|
|
73
|
+
npm run build:dev
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
## Peer Dependencies
|
|
77
|
+
|
|
78
|
+
- react >= 17.0.0
|
|
79
|
+
- react-dom >= 17.0.0
|
|
80
|
+
- @mui/material >= 5.0.0
|
|
81
|
+
- @emotion/react >= 11.0.0
|
|
82
|
+
- @emotion/styled >= 11.0.0
|
|
83
|
+
|
|
84
|
+
## License
|
|
85
|
+
|
|
86
|
+
MIT
|
|
Binary file
|
|
Binary file
|
|
Binary file
|