@synopackageland/ui 0.19.1 → 0.19.2

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 0.19.2 (2026-11-01)
+
+- Fix `FacetPanel` values showing no box until picked: a filter list read as blank space beside its labels. Every value now shows the Checkbox's box, empty until picked and ticked once picked, in the panel and in the phone sheet.
+- `DataTable` columns resize: drag a header's right edge or press Left/Right on it, never below the column's `minWidth`. `state-key` remembers the widths in this browser and `v-model:column-widths` binds them; `:resizable="false"` (or `resizable: false` on a column) turns it off.
+
 ## 0.19.1 (2026-11-01)
 
 - Fix the hand cursor and hover wash blinking when the pointer rests between two `AppSidebar` rows, top navigation items, `Tabs` or `SegmentControl` segments that a theme spaces apart. These rows now carry `data-ui-hit-row`, whose invisible `::after` makes the room up to the next row (`--ui-hit-row-slop`, 6px) part of the row; nothing is drawn and nothing moves ([theme hooks](docs/theme-hooks.md#hover-hit-areas)).

package/README.md

@@ -774,6 +774,16 @@ column chooser, column reorder, resize, quick filter, paging and saved view
 state. `DataTable` stays the small read-only table that becomes cards on a
 phone; use `DataGrid` for anything a user searches or arranges.
 
+`DataTable` columns resize too: drag the right edge of a header, or focus it
+and press the left/right arrows (10px). The first resize fixes every column at
+the width it shows and an empty filler column takes the rest, so the table
+still fills its box and scrolls sideways once the columns outgrow it. A column
+never goes below its `minWidth` (40px with a `width`, 80px without).
+`state-key` remembers the widths in this browser (put the signed-in user in
+the key to keep them per viewer); `v-model:column-widths` keeps them
+yourself. `:resizable="false"` turns it off for the table, `resizable: false`
+for one column.
+
 ```vue
 <SearchField v-model="filter" variant="filter" />
 <DataGrid

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

@@ -233,10 +233,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     refresh: () => any;
     "update:pageSize": (value: number) => any;
+    "update:columnWidths": (value: DataGridColumnWidths) => any;
     "update:sort": (value: DataGridSort | null) => any;
     "update:selectedKeys": (value: string[]) => any;
     "update:page": (value: number) => any;
-    "update:columnWidths": (value: DataGridColumnWidths) => any;
     "update:columnOrder": (value: string[]) => any;
     "update:hiddenColumns": (value: string[]) => any;
     "update:rows": (value: Record<string, unknown>[]) => any;
@@ -266,10 +266,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRefresh?: (() => any) | undefined;
     "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+    "onUpdate:columnWidths"?: ((value: DataGridColumnWidths) => any) | undefined;
     "onUpdate:sort"?: ((value: DataGridSort | null) => any) | undefined;
     "onUpdate:selectedKeys"?: ((value: string[]) => any) | undefined;
     "onUpdate:page"?: ((value: number) => any) | undefined;
-    "onUpdate:columnWidths"?: ((value: DataGridColumnWidths) => any) | undefined;
     "onUpdate:columnOrder"?: ((value: string[]) => any) | undefined;
     "onUpdate:hiddenColumns"?: ((value: string[]) => any) | undefined;
     "onUpdate:rows"?: ((value: Record<string, unknown>[]) => any) | undefined;
@@ -308,9 +308,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     page: number;
     pageSize: number;
     selectable: boolean;
-    rowKey: string;
     columnOrder: string[];
     hiddenColumns: string[];
+    rowKey: string;
+    resizable: boolean;
     defaultSort: DataGridSort | null;
     selectedKeys: string[];
     selectOnRowClick: boolean;
@@ -323,7 +324,6 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     localPagination: boolean;
     loadingRows: number;
     stickyHeader: boolean;
-    resizable: boolean;
     columnChooser: boolean;
     columnReorder: boolean;
     refreshable: boolean;

package/dist/components/composite/data-table/DataTable.vue.d.ts

@@ -7,6 +7,10 @@ export type DataTableColumn = {
     type?: TableColumnType;
     /** Overrides the alignment the type sets. */
     align?: TableColumnAlign;
+    /** The narrowest a drag can make it, in px; defaults to 40, or 80 without a `width`. */
+    minWidth?: string | number;
+    /** Overrides the table's `resizable` for this column. */
+    resizable?: boolean;
 };
 type __VLS_Props = {
     columns: DataTableColumn[];
@@ -24,6 +28,12 @@ type __VLS_Props = {
      * rows, for a short table inside a form or a dialog.
      */
     fill?: boolean;
+    /** Drag a header's right edge (or press Left/Right on it) to resize the column. `false` turns it off. */
+    resizable?: boolean;
+    /** Column widths in px, by column key; bind to keep them yourself. */
+    columnWidths?: Record<string, number>;
+    /** Remembers the user's column widths in this browser under this key. */
+    stateKey?: string;
 };
 declare var __VLS_2: `cell-${string}`, __VLS_3: {
     row: Record<string, unknown>;
@@ -45,12 +55,19 @@ type __VLS_Slots = {} & {
 } & {
     [K in NonNullable<typeof __VLS_16>]?: (props: typeof __VLS_17) => any;
 };
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:columnWidths": (value: Record<string, number>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:columnWidths"?: ((value: Record<string, number>) => any) | undefined;
+}>, {
     fill: boolean;
     compact: boolean;
+    columnWidths: Record<string, number>;
     rowKey: string;
     mobileView: "auto" | "cards" | "table" | "container";
     containerBreakpoint: number;
+    resizable: boolean;
+    stateKey: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;