@webitel/ui-datalist 26.8.8 → 26.8.9
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/package.json +1 -1
- package/src/modules/filters/components/column/column-filter-preview.vue +2 -2
- package/src/modules/filters/components/column/column-filter.vue +3 -2
- package/src/modules/filters/composables/useColumnFilter.ts +3 -3
- package/src/modules/types/tableStore.types.ts +13 -15
- package/types/.tsbuildinfo +1 -1
- package/types/modules/filters/components/column/column-filter-preview.vue.d.ts +2 -2
- package/types/modules/filters/components/column/column-filter.vue.d.ts +2 -2
- package/types/modules/filters/composables/useColumnFilter.d.ts +2 -2
- package/types/modules/headers/createTableHeadersStore.d.ts +36 -36
- package/types/modules/types/tableStore.types.d.ts +10 -14
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { DataField } from '@webitel/api-services/gen/models';
|
|
2
|
-
import type {
|
|
2
|
+
import type { WtTableHeader } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
|
|
3
3
|
import type { IFiltersManager } from '../../classes/FiltersManager';
|
|
4
4
|
import type { FilterConfigDefinition } from '../../modules/filterConfig/types/FilterConfigDefinition';
|
|
5
5
|
/**
|
|
@@ -9,7 +9,7 @@ import type { FilterConfigDefinition } from '../../modules/filterConfig/types/Fi
|
|
|
9
9
|
* [WTEL-7727](https://webitel.atlassian.net/browse/WTEL-7727)
|
|
10
10
|
*/
|
|
11
11
|
type __VLS_Props = {
|
|
12
|
-
header:
|
|
12
|
+
header: WtTableHeader;
|
|
13
13
|
filtersManager: IFiltersManager;
|
|
14
14
|
/** the page's filter definitions; a configured one is reused for the matching header */
|
|
15
15
|
filterOptions?: FilterConfigDefinition[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { DataField } from '@webitel/api-services/gen/models';
|
|
2
|
-
import type {
|
|
2
|
+
import type { WtTableHeader } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
|
|
3
3
|
import type { FilterInitParams } from '../../classes/Filter';
|
|
4
4
|
import type { IFiltersManager } from '../../classes/FiltersManager';
|
|
5
5
|
import type { FilterConfigDefinition } from '../../modules/filterConfig/types/FilterConfigDefinition';
|
|
@@ -14,7 +14,7 @@ import type { FilterConfigDefinition } from '../../modules/filterConfig/types/Fi
|
|
|
14
14
|
* [WTEL-7727](https://webitel.atlassian.net/browse/WTEL-7727)
|
|
15
15
|
*/
|
|
16
16
|
type __VLS_Props = {
|
|
17
|
-
header:
|
|
17
|
+
header: WtTableHeader;
|
|
18
18
|
filtersManager: IFiltersManager;
|
|
19
19
|
filterOptions?: FilterConfigDefinition[];
|
|
20
20
|
filterableExtensionFields?: DataField[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { DataField } from '@webitel/api-services/gen/models';
|
|
2
|
+
import type { WtTableHeader } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
|
|
2
3
|
import { type MaybeRefOrGetter } from 'vue';
|
|
3
|
-
import type { DatalistTableHeader } from '../../types/tableStore.types';
|
|
4
4
|
import type { IFiltersManager } from '../classes/FiltersManager';
|
|
5
5
|
import type { FilterConfigDefinition } from '../modules/filterConfig/types/FilterConfigDefinition';
|
|
6
6
|
/**
|
|
@@ -17,7 +17,7 @@ import type { FilterConfigDefinition } from '../modules/filterConfig/types/Filte
|
|
|
17
17
|
* [WTEL-7727](https://webitel.atlassian.net/browse/WTEL-7727)
|
|
18
18
|
*/
|
|
19
19
|
export declare const useColumnFilter: ({ header, filtersManager, filterOptions, filterableExtensionFields, }: {
|
|
20
|
-
header: MaybeRefOrGetter<
|
|
20
|
+
header: MaybeRefOrGetter<WtTableHeader>;
|
|
21
21
|
filtersManager: MaybeRefOrGetter<IFiltersManager>;
|
|
22
22
|
filterOptions?: MaybeRefOrGetter<FilterConfigDefinition[]>;
|
|
23
23
|
filterableExtensionFields?: MaybeRefOrGetter<DataField[]>;
|
|
@@ -8,50 +8,50 @@ interface TableHeadersStoreBodyParams {
|
|
|
8
8
|
export declare const tableHeadersStoreBody: ({ rawHeaders, id, }: TableHeadersStoreBodyParams) => {
|
|
9
9
|
headers: import("vue").Ref<{
|
|
10
10
|
value: string;
|
|
11
|
-
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
12
|
-
text?: string | undefined;
|
|
13
|
-
field: string;
|
|
14
11
|
locale?: string | (string | number | Record<string, unknown>)[] | undefined;
|
|
12
|
+
text?: string | undefined;
|
|
15
13
|
width?: string | undefined;
|
|
14
|
+
field: string;
|
|
15
|
+
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
16
16
|
show?: boolean | undefined;
|
|
17
17
|
reorderable?: boolean | undefined;
|
|
18
|
+
filter?: string | {
|
|
19
|
+
name: string;
|
|
20
|
+
} | undefined;
|
|
18
21
|
filtered?: boolean | undefined;
|
|
19
22
|
shouldBeInitialized?: boolean | undefined;
|
|
20
23
|
access?: (() => boolean | import("vue").Ref<boolean>) | undefined;
|
|
21
|
-
filter?: string | {
|
|
22
|
-
name: import("../filters").FilterName;
|
|
23
|
-
} | undefined;
|
|
24
24
|
}[], DatalistTableHeader[] | {
|
|
25
25
|
value: string;
|
|
26
|
-
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
27
|
-
text?: string | undefined;
|
|
28
|
-
field: string;
|
|
29
26
|
locale?: string | (string | number | Record<string, unknown>)[] | undefined;
|
|
27
|
+
text?: string | undefined;
|
|
30
28
|
width?: string | undefined;
|
|
29
|
+
field: string;
|
|
30
|
+
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
31
31
|
show?: boolean | undefined;
|
|
32
32
|
reorderable?: boolean | undefined;
|
|
33
|
+
filter?: string | {
|
|
34
|
+
name: string;
|
|
35
|
+
} | undefined;
|
|
33
36
|
filtered?: boolean | undefined;
|
|
34
37
|
shouldBeInitialized?: boolean | undefined;
|
|
35
38
|
access?: (() => boolean | import("vue").Ref<boolean>) | undefined;
|
|
36
|
-
filter?: string | {
|
|
37
|
-
name: import("../filters").FilterName;
|
|
38
|
-
} | undefined;
|
|
39
39
|
}[]>;
|
|
40
40
|
shownHeaders: import("vue").ComputedRef<{
|
|
41
41
|
value: string;
|
|
42
|
-
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
43
|
-
text?: string | undefined;
|
|
44
|
-
field: string;
|
|
45
42
|
locale?: string | (string | number | Record<string, unknown>)[] | undefined;
|
|
43
|
+
text?: string | undefined;
|
|
46
44
|
width?: string | undefined;
|
|
45
|
+
field: string;
|
|
46
|
+
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
47
47
|
show?: boolean | undefined;
|
|
48
48
|
reorderable?: boolean | undefined;
|
|
49
|
+
filter?: string | {
|
|
50
|
+
name: string;
|
|
51
|
+
} | undefined;
|
|
49
52
|
filtered?: boolean | undefined;
|
|
50
53
|
shouldBeInitialized?: boolean | undefined;
|
|
51
54
|
access?: (() => boolean | import("vue").Ref<boolean>) | undefined;
|
|
52
|
-
filter?: string | {
|
|
53
|
-
name: import("../filters").FilterName;
|
|
54
|
-
} | undefined;
|
|
55
55
|
}[]>;
|
|
56
56
|
fields: import("vue").ComputedRef<string[]>;
|
|
57
57
|
sort: import("vue").ComputedRef<string | null>;
|
|
@@ -77,50 +77,50 @@ export declare const createTableHeadersStore: <Entity extends Identifiable>(name
|
|
|
77
77
|
}) => import("../types/createDatalistStore.types").PatchableStoreFactory<{
|
|
78
78
|
headers: import("vue").Ref<{
|
|
79
79
|
value: string;
|
|
80
|
-
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
81
|
-
text?: string | undefined;
|
|
82
|
-
field: string;
|
|
83
80
|
locale?: string | (string | number | Record<string, unknown>)[] | undefined;
|
|
81
|
+
text?: string | undefined;
|
|
84
82
|
width?: string | undefined;
|
|
83
|
+
field: string;
|
|
84
|
+
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
85
85
|
show?: boolean | undefined;
|
|
86
86
|
reorderable?: boolean | undefined;
|
|
87
|
+
filter?: string | {
|
|
88
|
+
name: string;
|
|
89
|
+
} | undefined;
|
|
87
90
|
filtered?: boolean | undefined;
|
|
88
91
|
shouldBeInitialized?: boolean | undefined;
|
|
89
92
|
access?: (() => boolean | import("vue").Ref<boolean>) | undefined;
|
|
90
|
-
filter?: string | {
|
|
91
|
-
name: import("../filters").FilterName;
|
|
92
|
-
} | undefined;
|
|
93
93
|
}[], DatalistTableHeader[] | {
|
|
94
94
|
value: string;
|
|
95
|
-
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
96
|
-
text?: string | undefined;
|
|
97
|
-
field: string;
|
|
98
95
|
locale?: string | (string | number | Record<string, unknown>)[] | undefined;
|
|
96
|
+
text?: string | undefined;
|
|
99
97
|
width?: string | undefined;
|
|
98
|
+
field: string;
|
|
99
|
+
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
100
100
|
show?: boolean | undefined;
|
|
101
101
|
reorderable?: boolean | undefined;
|
|
102
|
+
filter?: string | {
|
|
103
|
+
name: string;
|
|
104
|
+
} | undefined;
|
|
102
105
|
filtered?: boolean | undefined;
|
|
103
106
|
shouldBeInitialized?: boolean | undefined;
|
|
104
107
|
access?: (() => boolean | import("vue").Ref<boolean>) | undefined;
|
|
105
|
-
filter?: string | {
|
|
106
|
-
name: import("../filters").FilterName;
|
|
107
|
-
} | undefined;
|
|
108
108
|
}[]>;
|
|
109
109
|
shownHeaders: import("vue").ComputedRef<{
|
|
110
110
|
value: string;
|
|
111
|
-
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
112
|
-
text?: string | undefined;
|
|
113
|
-
field: string;
|
|
114
111
|
locale?: string | (string | number | Record<string, unknown>)[] | undefined;
|
|
112
|
+
text?: string | undefined;
|
|
115
113
|
width?: string | undefined;
|
|
114
|
+
field: string;
|
|
115
|
+
sort?: (WtTableSortOrder | boolean) | undefined;
|
|
116
116
|
show?: boolean | undefined;
|
|
117
117
|
reorderable?: boolean | undefined;
|
|
118
|
+
filter?: string | {
|
|
119
|
+
name: string;
|
|
120
|
+
} | undefined;
|
|
118
121
|
filtered?: boolean | undefined;
|
|
119
122
|
shouldBeInitialized?: boolean | undefined;
|
|
120
123
|
access?: (() => boolean | import("vue").Ref<boolean>) | undefined;
|
|
121
|
-
filter?: string | {
|
|
122
|
-
name: import("../filters").FilterName;
|
|
123
|
-
} | undefined;
|
|
124
124
|
}[]>;
|
|
125
125
|
fields: import("vue").ComputedRef<string[]>;
|
|
126
126
|
sort: import("vue").ComputedRef<string | null>;
|
|
@@ -1,24 +1,14 @@
|
|
|
1
1
|
import type { ApiModule } from '@webitel/ui-sdk/api/types/ApiModule';
|
|
2
|
-
import type { WtTableHeader } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
|
|
2
|
+
import type { WtTableHeader, WtTableHeaderFilter } from '@webitel/ui-sdk/components/wt-table/types/WtTable';
|
|
3
3
|
import type { Ref } from 'vue';
|
|
4
|
-
import type {
|
|
4
|
+
import type { IFiltersManager } from '../filters';
|
|
5
5
|
import type { DatalistStoreProviderType } from './StoreProvider';
|
|
6
|
-
/**
|
|
7
|
-
* Minimal shape of an already-resolved header filter. Deliberately not the full
|
|
8
|
-
* `AnyFilterConfig` (with its `Component` props): `createTableHeadersStore` keeps headers in a
|
|
9
|
-
* plain `ref<DatalistTableHeader[]>`, and `Component` props there send Vue's `UnwrapRef` into
|
|
10
|
-
* excessive type-instantiation depth (TS2589). `useColumnFilter`'s `isResolvedFilterConfig`
|
|
11
|
-
* narrows a value of this shape back to `AnyFilterConfig` for actual use.
|
|
12
|
-
*/
|
|
13
|
-
export type ResolvedHeaderFilter = {
|
|
14
|
-
name: FilterName;
|
|
15
|
-
};
|
|
16
6
|
/**
|
|
17
7
|
* Table header shape used inside the datalist stores. In addition to the
|
|
18
8
|
* base {@link WtTableHeader} shape, datalist stores key columns by `field`
|
|
19
9
|
* and may flag dynamically-appended headers for lazy initialization.
|
|
20
10
|
*/
|
|
21
|
-
export type DatalistTableHeader =
|
|
11
|
+
export type DatalistTableHeader = WtTableHeader & {
|
|
22
12
|
field: string;
|
|
23
13
|
shouldBeInitialized?: boolean;
|
|
24
14
|
/**
|
|
@@ -34,8 +24,14 @@ export type DatalistTableHeader = Omit<WtTableHeader, 'filter'> & {
|
|
|
34
24
|
* config here lets `headers.ts` map the header to its filter once, instead of
|
|
35
25
|
* `useColumnFilter` searching `filterOptions`/`filterableExtensionFields` for it on every
|
|
36
26
|
* column.
|
|
27
|
+
*
|
|
28
|
+
* {@link WtTableHeaderFilter} deliberately keeps only the `name` of a resolved config and not
|
|
29
|
+
* the full `AnyFilterConfig` (with its `Component` props): `createTableHeadersStore` keeps
|
|
30
|
+
* headers in a plain `ref<DatalistTableHeader[]>`, and `Component` props there send Vue's
|
|
31
|
+
* `UnwrapRef` into excessive type-instantiation depth (TS2589). `useColumnFilter`'s
|
|
32
|
+
* `isResolvedFilterConfig` narrows it back to `AnyFilterConfig` for actual use.
|
|
37
33
|
*/
|
|
38
|
-
filter?:
|
|
34
|
+
filter?: WtTableHeaderFilter;
|
|
39
35
|
};
|
|
40
36
|
export type TrackSelectedRowBy<T> = (row: T) => T;
|
|
41
37
|
/**
|