@synopackageland/ui 0.19.1 → 0.19.3

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.19.3 (2026-11-02)
+
+- Fix the library's own text (a `SettingsPage` footer's Reset and Apply, Close, pagination, validation) showing English in an App that names its language only on `AppRoot`'s `lang` or not at all. `AppRoot` takes a `locale` prop and otherwise reads its `lang` attribute; with neither, and no `ConfigProvider locale` above, the text follows DSM's language in a DSM window, then the browser's, then English. `toUiLocale()` and `detectUiLocale()` map DSM codes (`cht`, `jpn`, …) and BCP-47 tags.
+- Fix a `SettingsPage` footer in a page with gutters (`PageContent`, an App shell) drawn as a box inset by the gutter: it now reaches both edges of the content area as DSM's footer does, its buttons on the content's right edge. `PageContent` sets `--ui-page-gutter-x` for this.
+- Library text in every language ends without a closing period (Version 2.0.0 is available, Could not check for updates, FilePicker's rejections); periods between sentences stay.
+
+## 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

@@ -188,6 +188,11 @@ Inside `AppRoot`, a nested `ConfigProvider` (for `dir` or `locale`) must pass
 the same `teleport-to`, and your own `<Teleport>`s must target an element inside
 the root.
 
+The library's own text (Reset, Apply, Close, …) follows `AppRoot`'s `locale`
+prop, else its `lang` attribute (`<AppRoot :lang="locale">`), else a
+`ConfigProvider locale` above it, else DSM's language in a DSM window, then the
+browser's. Pass the language your App shows so both read alike.
+
 Theme overrides go on your own app root, after the library stylesheet. Use a
 package-specific selector, so an override does not also match other apps:
 
@@ -774,6 +779,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/app/app-root/AppRoot.vue.d.ts

@@ -1,3 +1,4 @@
+import { UiLocale } from '../../../i18n/locale';
 type __VLS_Props = {
     modalScope?: 'document' | 'app';
     /**
@@ -18,6 +19,12 @@ type __VLS_Props = {
      * `<html>` instead, but then passes `dark` here too when it sets an accent.
      */
     colorScheme?: 'light' | 'dark';
+    /**
+     * The language of the library's own text (Reset, Apply, Close, ...). Without
+     * it the root's `lang` attribute names it, then an enclosing ConfigProvider,
+     * then DSM's language in a DSM window, then the browser's.
+     */
+    locale?: UiLocale;
 };
 declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {

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;
@@ -297,10 +297,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     }) => any) | undefined;
     onCellUpdate?: ((value: DataGridCellUpdate) => any) | undefined;
 }>, {
-    footer: boolean;
-    filter: string;
     sort: DataGridSort | null;
+    filter: string;
     fill: boolean;
+    footer: boolean;
     loading: boolean;
     group: DataGridGroup | null;
     loadingText: string;
@@ -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;

package/dist/i18n/locale.d.ts

@@ -1,6 +1,15 @@
 import { ComputedRef, InjectionKey } from 'vue';
 export type UiLocale = 'en' | 'zh-TW' | 'zh-CN' | 'ja' | 'ko' | 'de' | 'fr' | 'es' | 'it';
+export declare const UI_LOCALES: readonly UiLocale[];
 export declare const UI_LOCALE_KEY: InjectionKey<ComputedRef<UiLocale>>;
+/** The built-in locale for a DSM language code or a BCP-47 tag, or undefined
+ * when the library has no text for it. Chinese without a region reads as
+ * Traditional only for Taiwan, Hong Kong and Macau scripts and regions. */
+export declare function toUiLocale(tag: string | null | undefined): UiLocale | undefined;
+/** The language the page runs in when no AppRoot or ConfigProvider names one:
+ * DSM's language in a DSM window (DSM reloads the window when it changes),
+ * else the browser's, else English. */
+export declare function detectUiLocale(): UiLocale;
 export declare function useUiLocale(own: () => UiLocale | undefined): ComputedRef<UiLocale>;
 /** Named placeholders let applications translate messages without concatenating English. */
 export declare function formatUiText(template: string, values: Record<string, string | number>): string;

package/dist/i18n/text.d.ts

@@ -156,15 +156,15 @@ export declare const englishUiText: {
     readonly "Enter password": "Enter password";
     readonly "Unsaved changes": "Unsaved changes";
     readonly "Save your changes before closing?": "Save your changes before closing?";
-    readonly "The value is not valid.": "The value is not valid.";
+    readonly "The value is not valid.": "The value is not valid";
     readonly "About this application": "About this application";
     readonly BETA: "BETA";
     readonly "Version {version}": "Version {version}";
     readonly "Checking for updates\u2026": "Checking for updates…";
-    readonly "Version {version} is available.": "Version {version} is available.";
-    readonly "Beta version {version} is available.": "Beta version {version} is available.";
-    readonly "Could not check for updates.": "Could not check for updates.";
-    readonly "You have the latest version.": "You have the latest version.";
+    readonly "Version {version} is available.": "Version {version} is available";
+    readonly "Beta version {version} is available.": "Beta version {version} is available";
+    readonly "Could not check for updates.": "Could not check for updates";
+    readonly "You have the latest version.": "You have the latest version";
     readonly "Could not refresh. Showing previous data": "Could not refresh. Showing previous data";
     readonly Retry: "Retry";
     readonly "Release notes": "Release notes";
@@ -225,7 +225,7 @@ export declare const englishUiText: {
     readonly "Copy path": "Copy path";
     readonly "Path: {path}": "Path: {path}";
     readonly Copied: "Copied";
-    readonly "Couldn't copy. Select the text and copy it manually.": "Couldn't copy. Select the text and copy it manually.";
+    readonly "Couldn't copy. Select the text and copy it manually.": "Couldn't copy. Select the text and copy it manually";
     readonly "Couldn't copy": "Couldn't copy";
     readonly "Clear filters": "Clear filters";
     readonly Filters: "Filters";

package/dist/index.d.ts

@@ -265,6 +265,7 @@ export { default as OverflowToolbar } from './components/composite/overflow-tool
 export { computeOverflowFit, ITEM_GAP } from './components/composite/overflow-toolbar/overflow';
 export type { OverflowToolbarItem, OverflowToolbarMenuEntry, OverflowToolbarMoreMenu, OverflowToolbarMoreState, OverflowToolbarMoreText, } from './components/composite/overflow-toolbar/types';
 export type { UiLocale } from './i18n/locale';
+export { detectUiLocale, toUiLocale, UI_LOCALES } from './i18n/locale';
 export { useUiText } from './i18n/text';
 export type { UiTextKey } from './i18n/text';
 export { filePickerText } from './i18n/filePicker';