@synopackageland/ui 0.25.5 → 0.25.7

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.25.7 (2026-11-11)
+
+### Grid
+
+- **A width change no longer renders every row's selection box again.** While a split pane or the window was resized, each move rendered the grid again (its column widths changed), and with it the reason Tooltip of every row that `rowSelectable` disables: in a test grid of 100 rows, 34 of them disabled, 20 width changes rendered `Tooltip` 680 times and its Reka parts about 8,800 more. Each row's box is now a props-only `DataGridSelectBox` with the grid's `toggleRow` as its one handler, so it renders only when its own row's checked state, disabled state, reason or label changes; the same 20 width changes render no box, checkbox or tooltip. `tests/DataGridSelectRenders.test.ts` counts them
+- **A disabled row's reason shows in the grid's one shared tooltip.** The reason (`rowSelectDisabledReason`) is a `data-ui-tooltip-hint` on the box's focusable wrapper, which the grid's OverflowTooltip already serves: it opens after the hover delay, at once on keyboard focus, and on a tap. No tooltip is mounted per row. The wrapper keeps `tabindex="0"`, `role="img"` and the reason as its `aria-label`; the disabled box inside keeps `tabindex="-1"`. No API change
+
+## 0.25.6 (2026-11-10)
+
+### Grid
+
+- **A scrolling grid ends with room for its scrollbar.** Scrolled to the end, the last row and the last column lay under an overlay scrollbar (macOS): the scroller's content was exactly the rows' and columns' size. An axis that scrolls now ends `SCROLL_END_GAP` (20 px) past its last row or column, and rows that end under the horizontal bar get it too. Columns that fit get none, so a grid sized to its width never scrolls sideways for it. No API change
+
 ## 0.25.5 (2026-11-10)
 
 Opening or closing the phone's navigation drawer, the aside sheet or the FAB speed dial no longer restyles the whole page. AppLayout made the page column `inert` while one was open, and Chrome restyles every element under an element whose `inert` changes. Pages look the same: a computed-style comparison of every element and property in each state, and the screenshots, differ only in Chrome's `interactivity` (the `inert` itself). No API change.

package/dist/components/composite/data-grid/DataGridSelectBox.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    rowKey: string;
+    checked: boolean;
+    disabled: boolean;
+    /** Why the box is disabled; the box is then reachable by keyboard to read it. */
+    reason?: string;
+    label: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (key: string, checked: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((key: string, checked: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/grid/host/controller.d.ts

@@ -8,6 +8,11 @@ import { IGridTheme } from '../../grid-core/theme';
 import { IColumnResizeState, IDragState, IGridColumn, IMouseState, IPosition, IRowControlItem, IScrollState } from '../../grid-core/types';
 import { GridCell, GridColumn, GridDraggable, GridEditTrigger, GridRange, GridRect, GridRowControl, GridSelectable, GridSelectionState, GridVisibleRange } from '../contracts';
 import { GridFillRequest } from '../range/fill';
+/**
+ * Blank space after the last row and column of a scrolling grid: wider than an
+ * overlay scrollbar at its widest (about 15 px when hovered) plus a little air.
+ */
+export declare const SCROLL_END_GAP = 20;
 export interface GridHostConfig {
     columns: readonly GridColumn[];
     /** Data rows to lay out (skeleton rows while the first page loads). */
@@ -122,7 +127,14 @@ export declare class GridHostController {
         width: number;
         height: number;
     };
-    /** Scrollable content size for the scroller's spacer. */
+    /**
+     * Scrollable content size for the scroller's spacer. An axis that scrolls ends
+     * `SCROLL_END_GAP` past its last row or column, so an overlay scrollbar (macOS)
+     * lies over blank space at the end instead of over the last row or column.
+     * Rows that end under the horizontal bar get the gap too. Columns that fit get
+     * none, so a grid sized to its width never scrolls sideways for it; its host
+     * keeps room for a vertical overlay bar beside them.
+     */
     get contentSize(): {
         width: number;
         height: number;