Repository navigation
Export a selection hook for content inside Table (useTableSelection) #22
Description
From: javaabu/bulk-actions (Javaabu/bulk-actions#6, #10)
Table keeps the row selection in a private TableContext (selected, the registered row ids, toggle). Packages that put content in bulkForm (bulk-actions' action bar) can't read it, so they can't show "3 selected" or "All 20 on this page are selected — select all 1,234?" without reading the DOM.
Asked for: export a hook for content rendered inside Table, e.g.
export function useTableSelection(): {
model: string
selected: ReadonlySet<string> // checked row ids
rows: ReadonlySet<string> // registered, enabled row ids
setSelected: (ids: Iterable<string>) => void // e.g. clear after "all matching" is cancelled
} | nullWhy: the bulk-actions bar (@javaabu/bulk-actions' BulkActionsBar, rendered in bulkForm) shows the selected count and offers "select all matching" when every row on the page is checked.
Not blocking: bulk-actions currently counts with new FormData(form).getAll("articles[]") on change/click events of the surrounding form, which works with the HTML and Onu adapters. With the hook it would switch to it.
Activity
Custom field hooks, useTableSelection, Blade icon names
n4ff4h commentedon Nov 5, 2026
Done in 204e616 on
next-gen(PR #19), CI green: https://github.com/Javaabu/react-forms/actions/runs/42055926515useTableSelection(): TableSelection | nullis exported from@javaabu/forms, with the shape you asked for:{ model, selected, rows, setSelected }.selectedandrowsareReadonlySet<string>,rowsholds the registered rows with an enabled checkbox, andsetSelected(ids)replaces the selection. Outside aTableit returnsnull.bulkFormcontent was rendered outside the table's context before this change, so the context provider now wraps the whole table, includingbulkForm,beforeTableandpagination. Covered by a test insrc/components/listing.test.tsxand documented indocs/basic-usage/listing.md#reading-the-selectionand the Boost skill's listing reference.