twico-ui 1.22.3 → 1.24.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/CHANGELOG.md +14 -0
- package/dist/index.cjs +274 -125
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +17 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.mjs +274 -125
- package/dist/index.mjs.map +1 -1
- package/llms.txt +3 -1
- package/package.json +1 -1
package/llms.txt
CHANGED
|
@@ -601,6 +601,7 @@ Props:
|
|
|
601
601
|
- `error` — `React.ReactNode` — Displays an error message, marks the field invalid, and replaces the hint to flag a failed validation.
|
|
602
602
|
- `virtualized` — `boolean` · default `false` — Virtualize the option list — render only the visible slice (plus overscan) so long lists open fast.
|
|
603
603
|
- `overscan` — `number` · default `8` — Extra option rows rendered above/below the viewport when virtualized, smoothing fast scrolling.
|
|
604
|
+
- `wrapOptions` — `boolean` · default `false` — Wrap long option labels/descriptions onto multiple lines instead of truncating; takes precedence over virtualized.
|
|
604
605
|
- `required` — `boolean` · default `false` — Adds a required asterisk next to the label, signaling that the user must select a value before submitting.
|
|
605
606
|
- `size` — `"sm" | "md" | "lg"` · default `"md"` — Sets the control height across sm, md, or lg to match the density of the surrounding form.
|
|
606
607
|
- `tone` — `"primary" | "success" | "warning" | "danger" | "info" | "neutral"` · default `"primary"` — Recolors the focus/open accent (border + ring) using one of six semantic intents; defaults to primary.
|
|
@@ -1571,7 +1572,7 @@ Props:
|
|
|
1571
1572
|
- `height` — `number` · default `440` — Sets the maximum scroll height of the grid body in pixels before rows scroll internally, defaulting to 440.
|
|
1572
1573
|
- `serverMode` — `boolean` · default `false` — Switches to server-side data handling so sorting, filtering, and paging are delegated to your backend; off by default.
|
|
1573
1574
|
- `rowCount` — `number` · default `-` — Tells the grid the total number of server-side rows so pagination can render correctly in serverMode.
|
|
1574
|
-
- `onServerChange` — `(state)=>void` · default `-` — Fires (debounced) with the serverMode query — sort, filters, page, quickFilter, and visibleColumns/hiddenColumns — so you fetch and project the data.
|
|
1575
|
+
- `onServerChange` — `(state)=>void` · default `-` — Fires (debounced) with the serverMode query — sort, filters, filterLogic ('and'|'or'), page, quickFilter, and visibleColumns/hiddenColumns — so you fetch and project the data.
|
|
1575
1576
|
- `onColumnVisibilityChange` — `(visible)=>void` · default `-` — Fires with the visible column fields whenever the built-in Columns menu shows or hides a column, so a server can project columns.
|
|
1576
1577
|
- `showExport` — `boolean` · default `false` — Shows the toolbar Export button (CSV split button with a format menu); hidden by default — enable it to expose exporting.
|
|
1577
1578
|
- `showDensity` — `boolean` · default `false` — Shows the toolbar density button that cycles compact/standard/comfortable; hidden by default (the density prop still sets the row height).
|
|
@@ -1612,6 +1613,7 @@ Props:
|
|
|
1612
1613
|
- `toolbarActions` — `React.ReactNode` — Custom node rendered in a leading toolbar slot, before the built-in Columns/Filters cluster — for host controls like an "Add row" button or bulk actions. Mirrors CardGrid's toolbar prop, so no internal-class or absolute-position hacks are needed.
|
|
1613
1614
|
- `resizableFilters` — `boolean` · default `true` — Let the user drag-resize the Filters popover and its column/operator/value fields, layered over the auto-fit (a dragged width overrides the measured one; reset returns to it). Widths + panel size persist via stateKey and are keyboard-accessible. Set false to hide the handles/grip (fields still auto-fit).
|
|
1614
1615
|
- `filterFieldMaxWidth` — `number` — Raise the drag cap for the filter panel's column/operator fields, in px (defaults: column 360, operator 260). Only applies when resizableFilters is on.
|
|
1616
|
+
- `resizablePopovers` — `boolean` · default `false` — Extend the resize grip + keyboard resize to the Columns, Aggregation, Pivot, and Batch-edit panels (not just Filters), so a wide grid's Columns list can be enlarged. Sizes persist per popover via stateKey. Implies resizableFilters.
|
|
1615
1617
|
- `showBatchEdit` — `boolean` · default `true` — Render the built-in "Edit" button in the selection toolbar; set false to suppress it and ship your own batch-edit action via batchActions (avoids two Edit buttons).
|
|
1616
1618
|
- `batchEditFields` — `string[]` — Allow-list the column fields the built-in batch editor offers; defaults to every editable column. Trims a wide grid's editor without touching editable (which would also disable inline editing).
|
|
1617
1619
|
- `stateKey` — `string` — Persist the full view state (filters, sort, quick-search, page, page size, column order/widths/visibility/pinning, density) to localStorage under this key and restore it on mount. SSR-safe: storage is read in a mount effect, not during render, and unknown columns in a saved snapshot are dropped.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "twico-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.24.0",
|
|
4
4
|
"description": "Twico UI — a free, modern, themeable React + Tailwind-friendly component library. 61 components with dark mode, motion, and accessibility built in.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Twico UI",
|