@dreamtree-org/twreact-ui 1.1.67 → 1.1.69

package/README.md

@@ -266,7 +266,8 @@ const formFields = [
 ```
 
 #### Table
-Feature-rich data table with sorting, filtering, and pagination.
+Feature-rich data table with sorting, filtering, pagination, conditional row
+actions, and expandable row details.
 
 **Props:**
 - `data`: Array<object>
@@ -275,18 +276,33 @@ Feature-rich data table with sorting, filtering, and pagination.
 - `filterable`: boolean
 - `selectable`: boolean
 - `pagination`: boolean
-- `pageSize`: number (default: 10)
+- `pageSize`: number (default: 25)
 - `onSort`: (key: string, direction: 'asc' | 'desc') => void
 - `onFilter`: (filters: object) => void
-- `onSelectionChange`: (selectedRows: Set<any>) => void
-- `onRowClick`: (row: object) => void
-- `hasDetails`: boolean
+- `onSelectionChange`: (selectedRows: object[]) => void
+- `onRowClick`: (row: object, index: number) => void
+- `onPageChange`: (page: number) => void
+- `hasDetails`: boolean | ((row, index) => boolean)
 - `DetailsComponent`: ReactComponent
-- `withAction`: boolean
-- `onAction`: (action: string, row: object) => void
-- `actions`: Array<Action>
+- `withAction`: boolean (default: true)
+- `onAction`: ({ action, row }) => void
+- `actions`: Array<Action> | ((row, index) => Array<Action>)
+- `replaceDefaultActions`: boolean (default: false)
 - `showSerial`: boolean (default: true)
 
+An `Action` is `{ name, label, icon, render?, onClick?, hidden?, disabled?,
+inline? }`. `label`, `icon`, `hidden` and `disabled` each accept a value **or** a
+`(row, index) => value` producer, so actions can vary per row. `inline: true`
+renders the action as an icon button in the row itself instead of inside the
+kebab menu; when no menu actions remain for a row, the kebab is not rendered.
+
+Supplied `actions` are **merged onto the built-in Edit/Delete/View set by
+`name`** — `{ name: 'edit', onClick }` patches just that handler and keeps the
+default label and icon, and `{ name: 'delete', hidden: true }` removes a default.
+Entries with an unrecognised `name` are appended. Pass `replaceDefaultActions` to
+skip merging and use only your own set. See [`doc/Table.md`](doc/Table.md) for
+the full contract.
+
 ```jsx
 const columns = [
   { key: 'name', label: 'Name', sortable: true },
@@ -429,7 +445,7 @@ Notification messages with different types and positions.
 - `position`: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'
 
 ```jsx
-import { useToast, ToastContainer } from 'dreamtree-ui';
+import { useToast, ToastContainer } from '@dreamtree-org/twreact-ui';
 
 function App() {
   const { toast, toasts, removeToast } = useToast();
@@ -580,7 +596,7 @@ module.exports = {
 Enable dark mode with the built-in theme provider:
 
 ```jsx
-import { ThemeProvider } from 'dreamtree-ui';
+import { ThemeProvider } from '@dreamtree-org/twreact-ui';
 
 function App() {
   return (
@@ -596,7 +612,7 @@ function App() {
 ### Complete Form Example
 
 ```jsx
-import { Form, Button, Card } from 'dreamtree-ui';
+import { Form, Button, Card } from '@dreamtree-org/twreact-ui';
 
 const formFields = [
   {
@@ -650,7 +666,7 @@ function ContactForm() {
 ### Data Table with Actions
 
 ```jsx
-import { Table, Button, Badge } from 'dreamtree-ui';
+import { Table } from '@dreamtree-org/twreact-ui';
 
 const columns = [
   { key: 'name', label: 'Name', sortable: true },
@@ -673,15 +689,25 @@ const data = [
   }
 ];
 
+// Entries are merged onto the built-in Edit/Delete/View set by `name`.
 const actions = [
+  // patches the built-in `edit` — keeps its default label and icon
+  {
+    name: 'edit',
+    onClick: ({ action, row }) => console.log('Edit', row)
+  },
+  // rendered as an icon button in the row, and only for Active users
   {
-    label: 'Edit',
-    onClick: (row) => console.log('Edit', row)
+    name: 'deactivate',
+    label: 'Deactivate',
+    inline: true,
+    hidden: (row) => row.status !== 'Active',
+    onClick: ({ action, row }) => console.log('Deactivate', row)
   },
+  // drop a built-in you don't want
   {
-    label: 'Delete',
-    onClick: (row) => console.log('Delete', row),
-    variant: 'destructive'
+    name: 'delete',
+    hidden: true
   }
 ];
 

package/doc/README.md

@@ -72,7 +72,7 @@ function App() {
 | [Input](Input.md) | Core | Text input with label, error, clear, password toggle | [Input.md](Input.md) |
 | [Button](Button.md) | Core | Button with variants, sizes, loading, icons | [Button.md](Button.md) |
 | [Select](Select.md) | Core | Single/multi select, searchable, grouped, creatable | [Select.md](Select.md) |
-| [Table](Table.md) | Core | Data table with sort, filter, pagination, selection | [Table.md](Table.md) |
+| [Table](Table.md) | Core | Data table with sort, filter, pagination, selection, conditional/inline row actions, expandable details | [Table.md](Table.md) |
 | [Form](Form.md) | Core | Form wrapper with react-hook-form integration | [Form.md](Form.md) |
 | [Accordion](Accordion.md) | Core | Expandable/collapsible content panels | [Accordion.md](Accordion.md) |
 | [Checkbox](Checkbox.md) | Core | Checkbox with label, sizes, indeterminate | [Checkbox.md](Checkbox.md) |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/twreact-ui",
-  "version": "1.1.67",
+  "version": "1.1.69",
   "description": "A comprehensive React + Tailwind components library for building modern web apps",
   "author": {
     "name": "Partha Preetham Krishna",
@@ -54,6 +54,10 @@
     "init:smoke": "node bin/smoke.mjs",
     "readme:check": "node scripts/readme-sync-check.mjs",
     "adoption:report": "node scripts/adoption-report.mjs",
+    "graph": "node scripts/graphify.mjs .",
+    "graph:update": "node scripts/graphify.mjs . --update --no-viz",
+    "graph:check": "node scripts/graphify.mjs check",
+    "graph:context": "node scripts/graphify.mjs context",
     "version:patch": "npm version patch && git push && git push --tags",
     "version:minor": "npm version minor && git push && git push --tags",
     "version:major": "npm version major && git push && git push --tags",
@@ -86,7 +90,7 @@
   "homepage": "https://github.com/preethamkrishnadev/dreamtree-ui#readme",
   "license": "MIT",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",