@wpic/ui 0.6.4 → 0.6.6

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 CHANGED
@@ -1,5 +1,14 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.6.6 — 2026-09-10
4
+
5
+ - Localize WDateRangePicker calendars and action labels; expose WSelect search/action labels through WFilterBar.
6
+ - Allow WTable loading, result counts and pagination labels to be localized; expose a text-only loading option and accessible pagination button names.
7
+
8
+ ## 0.6.5 — 2026-09-10
9
+
10
+ - Render WSelect labels above the field by default, using WFormLabel and an associated trigger. Inline labels remain available with labelPlacement="inline". Anchor the dropdown to the field, excluding the label.
11
+
3
12
  ## 0.6.4 — 2026-09-10
4
13
 
5
14
  - Expose all Floating UI placements on WPopover, including right-start/right-end and left-start/left-end for aligned side menus.
package/COMPONENTS.md CHANGED
@@ -427,7 +427,8 @@ modelValue?: string | number | (string | number)[] | null
427
427
  options?: OptionRaw[]
428
428
  multiple?: boolean
429
429
  searchable?: boolean
430
- label?: string
430
+ label?: string // rendered above the field, associated with the trigger
431
+ labelPlacement?: 'top' | 'inline' // default top; inline is opt-in for compact filters
431
432
  placeholder?: string
432
433
  allLabel?: string
433
434
  maxLabels?: number
@@ -692,3 +693,7 @@ For a shorter metric card, use `compact`. Use `changePosition="label"` to align
692
693
  `WStatCard` accepts `trend`, `trendInverse`, `trendLabel`, `trendTitle` to display this badge beneath the value. Existing `change`/`changePosition` props still work.
693
694
 
694
695
  `trendPositive` and `trendNegative` are optional color overrides in WThemeProvider. WModal, WTooltip and WSegmentedControl now follow the same theme. Teleported overlays preserve explicit and custom themes.
696
+
697
+ ### Localization options (0.6.6)
698
+
699
+ WTable accepts `labels` (`loading`, `results`, `of`, `item`, `items`, `previous`, `next`) and `loadingSpinner=false` for plain loading text. Existing `emptyText` and `searchPlaceholder` remain available. WSelect accepts `searchPlaceholder`, `selectAllLabel`, `clearLabel` and `noResultsLabel`; WFilterBar forwards `selectLabels` to its selects. WDateRangePicker accepts `locale`, `applyLabel`, `previousMonthLabel`, `nextMonthLabel` in addition to translated `presets`, `ariaLabel`, `clearLabel` and `placeholder`.
@@ -9,6 +9,10 @@ interface Preset {
9
9
  label: string;
10
10
  }
11
11
  type __VLS_Props = {
12
+ locale?: string;
13
+ applyLabel?: string;
14
+ previousMonthLabel?: string;
15
+ nextMonthLabel?: string;
12
16
  modelValue?: DateRange | null;
13
17
  presets?: Preset[];
14
18
  placeholder?: string;
@@ -27,6 +31,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
27
31
  placeholder: string;
28
32
  clearable: boolean;
29
33
  clearLabel: string;
34
+ applyLabel: string;
35
+ previousMonthLabel: string;
36
+ nextMonthLabel: string;
30
37
  presets: Preset[];
31
38
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
32
39
  export default _default;
@@ -55,6 +55,10 @@ export type FilterItem = SearchFilter | SelectFilter | DateFilter | PillsFilter
55
55
  type __VLS_Props = {
56
56
  filters: FilterItem[] | FilterItem[][];
57
57
  modelValue: Record<string, any>;
58
+ selectLabels?: {
59
+ searchPlaceholder?: string;
60
+ noResultsLabel?: string;
61
+ };
58
62
  loading?: boolean;
59
63
  };
60
64
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -16,7 +16,12 @@ type __VLS_Props = {
16
16
  multiple?: boolean;
17
17
  searchable?: boolean;
18
18
  creatable?: boolean;
19
+ searchPlaceholder?: string;
20
+ selectAllLabel?: string;
21
+ clearLabel?: string;
22
+ noResultsLabel?: string;
19
23
  label?: string;
24
+ labelPlacement?: 'top' | 'inline';
20
25
  placeholder?: string;
21
26
  allLabel?: string;
22
27
  maxLabels?: number;
@@ -32,7 +37,7 @@ type __VLS_Props = {
32
37
  popoverFlip?: boolean;
33
38
  popoverMaxHeight?: string;
34
39
  };
35
- declare var __VLS_39: {
40
+ declare var __VLS_42: {
36
41
  option: {
37
42
  value: string | number;
38
43
  label: string;
@@ -48,7 +53,7 @@ declare var __VLS_39: {
48
53
  isSelected: boolean;
49
54
  };
50
55
  type __VLS_Slots = {} & {
51
- option?: (props: typeof __VLS_39) => any;
56
+ option?: (props: typeof __VLS_42) => any;
52
57
  };
53
58
  declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
54
59
  "update:modelValue": (v: any) => any;
@@ -57,6 +62,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
57
62
  "onUpdate:modelValue"?: ((v: any) => any) | undefined;
58
63
  "onOpen-change"?: ((v: boolean) => any) | undefined;
59
64
  }>, {
65
+ searchPlaceholder: string;
66
+ clearLabel: string;
67
+ selectAllLabel: string;
68
+ noResultsLabel: string;
60
69
  popoverFlip: boolean;
61
70
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
62
71
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
@@ -11,6 +11,16 @@ type __VLS_Props = {
11
11
  data?: Record<string, unknown>[];
12
12
  columns: WTableColumn[];
13
13
  loading?: boolean;
14
+ loadingSpinner?: boolean;
15
+ labels?: {
16
+ loading?: string;
17
+ results?: string;
18
+ of?: string;
19
+ item?: string;
20
+ items?: string;
21
+ previous?: string;
22
+ next?: string;
23
+ };
14
24
  emptyText?: string;
15
25
  pageSize?: number;
16
26
  serverTotal?: number;
@@ -71,6 +81,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
71
81
  "onRow-select"?: ((row: Record<string, unknown>, selected: boolean) => any) | undefined;
72
82
  "onUpdate:serverPage"?: ((page: number) => any) | undefined;
73
83
  }>, {
84
+ loadingSpinner: boolean;
74
85
  searchPlaceholder: string;
75
86
  rowClickable: boolean;
76
87
  showHeader: boolean;