hrnet-datatable-tiago 1.0.0 → 1.0.1

package/README.md

@@ -1,11 +1,20 @@
 # hrnet-datatable
 
-A React datatable component with search, multi-column sort, and pagination. Built as part of the WealthHealth HRnet project (OpenClassrooms P12).
+A React datatable component with search, multi-column sort, and pagination. Built as part of the WealthHealth HRnet project (OpenClassrooms P14).
 
 ## Installation
 
+This package is published on GitHub Packages. Create a `.npmrc` file in your project root (never commit it):
+
+```
+@tiagolima-7:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=YOUR_GITHUB_TOKEN
+```
+
+Then install:
+
 ```bash
-npm install hrnet-datatable
+npm install @tiagolima-7/hrnet-datatable
 ```
 
 Requires React 18 or higher as a peer dependency.
@@ -13,7 +22,8 @@ Requires React 18 or higher as a peer dependency.
 ## Usage
 
 ```jsx
-import { DataTable } from "hrnet-datatable";
+import { DataTable } from "@tiagolima-7/hrnet-datatable";
+import "@tiagolima-7/hrnet-datatable/dist/hrnet-datatable.css";
 
 const columns = [
   { key: "firstName", label: "First Name" },
@@ -36,22 +46,21 @@ function EmployeeList({ employees }) {
 
 ### Column definition
 
-```js
-{ key: "firstName", label: "First Name" }
-```
-
-- `key` — the property name on each row object
-- `label` — the column header text
+| Field   | Type                   | Description                                                                                        |
+| ------- | ---------------------- | -------------------------------------------------------------------------------------------------- |
+| `key`   | `string`               | Property name on each row object                                                                   |
+| `label` | `string`               | Column header text                                                                                 |
+| `type`  | `"date"` \| `"string"` | Optional. Use `"date"` for MM/DD/YYYY columns — enables chronological sort instead of alphabetical |
 
 ## Features
 
-**Search** — filters across all columns simultaneously. Resets to page 1 on each keystroke.
+**Search** - filters across all columns simultaneously. Resets to page 1 on each keystroke.
 
-**Multi-column sort** — click a column header to sort ascending, click again for descending, click a third time to remove that sort. When multiple columns are sorted, each header displays a priority number so the order is clear.
+**Multi-column sort** - click a column header to sort ascending, click again for descending, click a third time to remove that sort. When multiple columns are sorted, each header displays a priority number so the order is clear.
 
-**Pagination** — choose between 10, 25, 50, or 100 rows per page.
+**Pagination** - choose between 10, 25, 50, or 100 rows per page.
 
-**Mobile card layout** — below 1024px the table switches to a card-per-row layout. A row of sort chips replaces the column headers so sorting stays accessible.
+**Mobile card layout** - below 1024px the table switches to a card-per-row layout. A row of sort chips replaces the column headers so sorting stays accessible.
 
 ## Development
 
@@ -64,21 +73,3 @@ npm run test    # run unit tests with Vitest
 ```
 
 Unit tests cover: initial state, search/filter, sort cycle (asc → desc → removed), multi-column sort with priority ordering, clearSorts, and pagination.
-
-## Local usage without npm publish
-
-In a sibling React project, add a Vite alias to point directly at the source:
-
-```js
-// vite.config.js
-import { resolve } from "path";
-
-export default defineConfig({
-  resolve: {
-    alias: {
-      "hrnet-datatable": resolve(__dirname, "../hrnet-datatable/src/index.js"),
-    },
-    dedupe: ["react", "react-dom"],
-  },
-});
-```

package/package.json

@@ -1,17 +1,20 @@
 {
   "name": "hrnet-datatable-tiago",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React datatable component with search, multi-sort and pagination",
   "main": "dist/hrnet-datatable.es.js",
   "module": "dist/hrnet-datatable.es.js",
+  "style": "dist/hrnet-datatable.css",
   "exports": {
     ".": {
       "import": "./dist/hrnet-datatable.es.js",
       "require": "./dist/hrnet-datatable.es.js"
-    }
+    },
+    "./dist/hrnet-datatable.css": "./dist/hrnet-datatable.css"
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "scripts": {
     "dev": "vite",