xontable 0.1.1 → 0.1.2

package/README.md

@@ -1,6 +1,6 @@
 # xontable
 
-A spreadsheet-like React table component with selection, clipboard, fill handle, validation, filters, select dropdowns, and checkbox cells.
+A spreadsheet-like React table component for editable, Excel-style grids.
 
 ## Install
 
@@ -11,19 +11,62 @@ npm install xontable
 ## Usage
 
 ```tsx
+import React, { useState } from "react";
 import { XOnTable, type ColumnDef } from "xontable";
 import "xontable/styles";
 
+type Row = { id: string; name: string; qty: string };
+
 const columns: ColumnDef<Row>[] = [
-  { key: "name", label: "Name", type: "text", editable: true },
+  { key: "name", label: "Name", editable: true },
   { key: "qty", label: "Qty", type: "number", editable: true },
 ];
 
-<XOnTable columns={columns} rows={rows} onChange={setRows} />;
+export default function App() {
+  const [rows, setRows] = useState<Row[]>([
+    { id: "1", name: "Rice", qty: "10" },
+  ]);
+
+  return <XOnTable columns={columns} rows={rows} onChange={setRows} />;
+}
+```
+
+## Column Types
+- `text`
+- `number`
+- `date`
+- `select`
+- `checkbox`
+
+## Select Dropdowns
+Use `options` or `getOptions`:
+
+```ts
+{ key: "city", label: "City", type: "select", options: [
+  { value: "tokyo", label: "Tokyo" }
+] }
 ```
 
-## Notes
-- Built for React 19+
-- Styles are included via `xontable/styles`
+## Validation
+Use `validator` per column:
+
+```ts
+{ key: "qty", label: "Qty", type: "number", validator: (v) => v ? null : "Required" }
+```
 
-See the root `BOOK.md` for full developer documentation.
+## Readonly & Theme
+
+```tsx
+<XOnTable readOnly theme="dark" />
+```
+
+## Requirements
+- React 19+
+- Peer deps: `react`, `react-dom`, `lucide-react`
+
+## Styles
+Required:
+
+```ts
+import "xontable/styles";
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xontable",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -11,17 +11,16 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./styles": "./src/styles/xontable.css"
+    "./styles": "./dist/styles/xontable.css"
   },
   "sideEffects": [
-    "./src/styles/xontable.css"
+    "./dist/styles/xontable.css"
   ],
   "files": [
-    "dist",
-    "src/styles"
+    "dist"
   ],
   "scripts": {
-    "build": "tsc -p tsconfig.json",
+    "build": "tsc -p tsconfig.json && node ./scripts/copy-styles.mjs",
     "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
     "prepublishOnly": "npm run clean && npm run build"
   },