@skyux/list-builder 7.4.2 → 7.6.0
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/documentation.json +49 -49
- package/esm2020/lib/modules/list/list-data-request.model.mjs +2 -2
- package/esm2020/lib/modules/list/list-paging.component.mjs +2 -2
- package/esm2020/lib/modules/list/list.component.mjs +3 -3
- package/esm2020/lib/modules/list/state/search/search.model.mjs +4 -4
- package/esm2020/lib/modules/list/state/sort/label.model.mjs +3 -3
- package/esm2020/lib/modules/list/state/sort/sort.model.mjs +4 -4
- package/esm2020/lib/modules/list-filters/filter.model.mjs +2 -2
- package/esm2020/lib/modules/list-filters/list-filter-inline-item.component.mjs +1 -1
- package/esm2020/lib/modules/list-paging/list-paging.component.mjs +4 -4
- package/esm2020/lib/modules/list-toolbar/list-multiselect-toolbar.component.mjs +4 -4
- package/esm2020/lib/modules/list-toolbar/list-toolbar-item.component.mjs +4 -4
- package/esm2020/lib/modules/list-toolbar/list-toolbar-sort.component.mjs +1 -1
- package/esm2020/lib/modules/list-toolbar/list-toolbar.component.mjs +2 -2
- package/esm2020/lib/modules/shared/sky-list-builder-resources.module.mjs +3 -3
- package/fesm2015/skyux-list-builder.mjs +25 -25
- package/fesm2015/skyux-list-builder.mjs.map +1 -1
- package/fesm2020/skyux-list-builder.mjs +25 -25
- package/fesm2020/skyux-list-builder.mjs.map +1 -1
- package/lib/modules/list/list-data-request.model.d.ts +6 -6
- package/lib/modules/list/list-paging.component.d.ts +1 -1
- package/lib/modules/list/list.component.d.ts +7 -7
- package/lib/modules/list/state/search/search.model.d.ts +3 -3
- package/lib/modules/list/state/sort/label.model.d.ts +5 -5
- package/lib/modules/list/state/sort/sort.model.d.ts +3 -3
- package/lib/modules/list-filters/filter.model.d.ts +6 -6
- package/lib/modules/list-filters/list-filter-inline-item.component.d.ts +5 -5
- package/lib/modules/list-paging/list-paging.component.d.ts +3 -3
- package/lib/modules/list-toolbar/list-toolbar-item.component.d.ts +3 -3
- package/lib/modules/list-toolbar/list-toolbar-sort.component.d.ts +4 -4
- package/lib/modules/list-toolbar/list-toolbar.component.d.ts +5 -5
- package/package.json +10 -10
|
@@ -6,31 +6,31 @@ import { ListSortModel } from './state/sort/sort.model';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare class ListDataRequestModel {
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* The function that determines whether items are filtered.
|
|
10
10
|
* This property is required when using an in-memory data provider.
|
|
11
11
|
*/
|
|
12
12
|
filters: ListFilterModel[];
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* The number of items to display per page.
|
|
15
15
|
*/
|
|
16
16
|
pageSize: number;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* The current page number.
|
|
19
19
|
*/
|
|
20
20
|
pageNumber: number;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* The function to dynamically manage the data source when users
|
|
23
23
|
* change the text in the list field. The search function must return an
|
|
24
24
|
* array or a promise of an array. The `search` property is particularly useful
|
|
25
25
|
* when the data source does not live in the source code.
|
|
26
26
|
*/
|
|
27
27
|
search: ListSearchModel;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* The set of fields to sort by.
|
|
30
30
|
*/
|
|
31
31
|
sort: ListSortModel;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Whether to disable the search bar and filter button.
|
|
34
34
|
* @default false
|
|
35
35
|
*/
|
|
36
36
|
isToolbarDisabled: boolean;
|
|
@@ -2,7 +2,7 @@ import { BehaviorSubject } from 'rxjs';
|
|
|
2
2
|
import { ListStateDispatcher } from './state/list-state.rxstate';
|
|
3
3
|
import { ListState } from './state/list-state.state-node';
|
|
4
4
|
/**
|
|
5
|
-
*
|
|
5
|
+
* The SKY UX-themed pagination control that displays list data across multiple pages.
|
|
6
6
|
* @internal
|
|
7
7
|
* @deprecated
|
|
8
8
|
*/
|
|
@@ -17,7 +17,7 @@ export declare class SkyListComponent implements AfterContentInit, OnChanges, On
|
|
|
17
17
|
private dispatcher;
|
|
18
18
|
id: string;
|
|
19
19
|
/**
|
|
20
|
-
*
|
|
20
|
+
* The data to display. The list component requires this property or the
|
|
21
21
|
* `dataProvider` property. For checklist or multiselect grids, each row requires an
|
|
22
22
|
* `id` property to manage selected items with the `selectedIds` input and the
|
|
23
23
|
* `selectedIdsChange` event. If you do not provide an `id`, the list automatically
|
|
@@ -26,7 +26,7 @@ export declare class SkyListComponent implements AfterContentInit, OnChanges, On
|
|
|
26
26
|
*/
|
|
27
27
|
data?: Array<any> | Observable<Array<any>>;
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* The data provider that obtains the data to display. The list component requires
|
|
30
30
|
* this property or the `data` property. For lists that use `dataProvider` instead of `data`,
|
|
31
31
|
* consumers are responsible for managing all `ListDataRequestModel` properties.
|
|
32
32
|
* @default SkyListInMemoryDataProvider
|
|
@@ -37,25 +37,25 @@ export declare class SkyListComponent implements AfterContentInit, OnChanges, On
|
|
|
37
37
|
*/
|
|
38
38
|
defaultView?: ListViewComponent;
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* The total number of items for the initial data set when initialized. When
|
|
41
41
|
* used in conjunction with `data` and `dataProvider`, it allows an initial data to be
|
|
42
42
|
* set with the need to call the `dataProvider`.
|
|
43
43
|
*/
|
|
44
44
|
initialTotal?: number;
|
|
45
45
|
/**
|
|
46
|
-
*
|
|
46
|
+
* The set of IDs for the items to select in a checklist or multiselect grid.
|
|
47
47
|
* The IDs match the `id` properties of the `data` objects. Items with IDs that are not
|
|
48
48
|
* included are de-selected in the checklist or multiselect grid.
|
|
49
49
|
*/
|
|
50
50
|
selectedIds?: Array<string> | Observable<Array<string>>;
|
|
51
51
|
/**
|
|
52
|
-
*
|
|
52
|
+
* The set of fields to sort by. If array of fields then sorted by order of array.
|
|
53
53
|
* For information about `ListSortFieldSelectorModel`, see the
|
|
54
54
|
* [shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common).
|
|
55
55
|
*/
|
|
56
56
|
sortFields?: ListSortFieldSelectorModel | Array<ListSortFieldSelectorModel> | Observable<Array<ListSortFieldSelectorModel>> | Observable<ListSortFieldSelectorModel>;
|
|
57
57
|
/**
|
|
58
|
-
*
|
|
58
|
+
* The set of filters to apply to list data.
|
|
59
59
|
* These filters create a filter summary when the list includes the
|
|
60
60
|
* [`sky-list-filter-summary`](https://developer.blackbaud.com/skyux/components/list/filters)
|
|
61
61
|
* component.
|
|
@@ -70,7 +70,7 @@ export declare class SkyListComponent implements AfterContentInit, OnChanges, On
|
|
|
70
70
|
*/
|
|
71
71
|
appliedFiltersChange: EventEmitter<ListFilterModel[]>;
|
|
72
72
|
/**
|
|
73
|
-
*
|
|
73
|
+
* The function to apply as a global sort on the list.
|
|
74
74
|
*/
|
|
75
75
|
searchFunction: (data: any, searchText: string) => boolean;
|
|
76
76
|
private dataFirstLoad;
|
|
@@ -7,18 +7,18 @@
|
|
|
7
7
|
*/
|
|
8
8
|
export declare class ListSearchModel {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* The text to search.
|
|
11
11
|
* @default ""
|
|
12
12
|
*/
|
|
13
13
|
searchText: string;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The array of functions that returns a `boolean` value of `true` when
|
|
16
16
|
* the search is successful. This property accepts a function of type
|
|
17
17
|
* `(data: any, searchText: string) => boolean>.`
|
|
18
18
|
*/
|
|
19
19
|
functions: Array<(data: any, searchText: string) => boolean>;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* The columns to search. The columns correspond to `field` values that
|
|
22
22
|
* you specify with the list component's `data` property.
|
|
23
23
|
*/
|
|
24
24
|
fieldSelectors: Array<string>;
|
|
@@ -4,24 +4,24 @@
|
|
|
4
4
|
*/
|
|
5
5
|
export declare class ListSortLabelModel {
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* The text for the label.
|
|
8
8
|
*/
|
|
9
9
|
text: string;
|
|
10
10
|
/**
|
|
11
|
-
*
|
|
11
|
+
* The label type.
|
|
12
12
|
*/
|
|
13
13
|
fieldType: string;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The fields to sort.
|
|
16
16
|
*/
|
|
17
17
|
fieldSelector: string;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* Whether to sort all fields.
|
|
20
20
|
* @default false
|
|
21
21
|
*/
|
|
22
22
|
global: boolean;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Whether to sort in descending order.
|
|
25
25
|
* @default false
|
|
26
26
|
*/
|
|
27
27
|
descending: boolean;
|
|
@@ -6,15 +6,15 @@ import { ListSortLabelModel } from './label.model';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare class ListSortModel {
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* The list of available views to sort.
|
|
10
10
|
*/
|
|
11
11
|
available: Array<ListSortLabelModel>;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The list views that the sort applies to.
|
|
14
14
|
*/
|
|
15
15
|
global: Array<ListSortLabelModel>;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* The fields to sort.
|
|
18
18
|
* For information about `ListSortFieldSelectorModel`, see the
|
|
19
19
|
* [shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common).
|
|
20
20
|
*/
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
import { ListItemModel } from '@skyux/list-builder-common';
|
|
2
2
|
export declare class ListFilterModel {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* The name of the filter.
|
|
5
5
|
* @required
|
|
6
6
|
*/
|
|
7
7
|
name: string;
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* The label for the filter's summary item.
|
|
10
10
|
* The label defaults to the `value` of the filter.
|
|
11
11
|
*/
|
|
12
12
|
label: string;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Whether users can dismiss the filter's summary item.
|
|
15
15
|
* @default true
|
|
16
16
|
*/
|
|
17
17
|
dismissible: boolean;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* The current value of the filter.
|
|
20
20
|
*/
|
|
21
21
|
value: any;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* The default value of the filter. When a filter equals the
|
|
24
24
|
* default value, the filter does not affect the list.
|
|
25
25
|
*/
|
|
26
26
|
defaultValue: any;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* The function that determines whether items are filtered.
|
|
29
29
|
* This property is required when using an in-memory data provider.
|
|
30
30
|
* For information about `ListItemModel`, see the
|
|
31
31
|
* [shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common).
|
|
@@ -7,28 +7,28 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
*/
|
|
8
8
|
export declare class SkyListFilterInlineItemComponent implements OnInit {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* The name of the filter.
|
|
11
11
|
* @required
|
|
12
12
|
*/
|
|
13
13
|
name: string;
|
|
14
14
|
/**
|
|
15
|
-
*
|
|
15
|
+
* The current value of the filter.
|
|
16
16
|
*/
|
|
17
17
|
value: any;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* The default value of the filter. If the value of the filter
|
|
20
20
|
* is set to the default value, then the filter is not applied.
|
|
21
21
|
*/
|
|
22
22
|
defaultValue: any;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* The function that determines whether an item is filtered.
|
|
25
25
|
* This property is required when using an in-memory data provider. For information
|
|
26
26
|
* about `ListItemModel`, see the
|
|
27
27
|
* [shared classes for lists](https://developer.blackbaud.com/skyux-list-builder-common/docs/list-builder-common).
|
|
28
28
|
*/
|
|
29
29
|
filterFunction: (item: ListItemModel, filter: any) => boolean;
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* The template for the filter. The template can access the `filter`
|
|
32
32
|
* variable that contains the `value` of the filter control, which should be bound to
|
|
33
33
|
* `ngModel`, and the `changed` function, which should be called when the model changes.
|
|
34
34
|
* @required
|
|
@@ -11,17 +11,17 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
*/
|
|
12
12
|
export declare class SkyListPagingComponent extends ListPagingComponent implements OnInit {
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* The number of list items per page.
|
|
15
15
|
* @default 10
|
|
16
16
|
*/
|
|
17
17
|
pageSize: Observable<number> | number;
|
|
18
18
|
/**
|
|
19
|
-
*
|
|
19
|
+
* The maximum pages to display.
|
|
20
20
|
* @default 5
|
|
21
21
|
*/
|
|
22
22
|
maxPages: Observable<number> | number;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* The current page number.
|
|
25
25
|
* @default 1
|
|
26
26
|
*/
|
|
27
27
|
pageNumber: Observable<number> | number;
|
|
@@ -6,16 +6,16 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
*/
|
|
7
7
|
export declare class SkyListToolbarItemComponent {
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* The ID of the item.
|
|
10
10
|
*/
|
|
11
11
|
id: string;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The index of the item at the given item location.
|
|
14
14
|
* @default -1
|
|
15
15
|
*/
|
|
16
16
|
index: number;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* The toolbar location of the item. The valid options are `"left"`,
|
|
19
19
|
* `"center"`, and `"right"`.
|
|
20
20
|
* @default "left"
|
|
21
21
|
*/
|
|
@@ -5,22 +5,22 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
*/
|
|
6
6
|
export declare class SkyListToolbarSortComponent {
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* The label for a sort option.
|
|
9
9
|
* @required
|
|
10
10
|
*/
|
|
11
11
|
label: string;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* The data field to sort the list on.
|
|
14
14
|
* @required
|
|
15
15
|
*/
|
|
16
16
|
field: string;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* The data type of the data field to sort the list on.
|
|
19
19
|
* @required
|
|
20
20
|
*/
|
|
21
21
|
type: string;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Whether to sort data in descending order.
|
|
24
24
|
* @default false
|
|
25
25
|
*/
|
|
26
26
|
descending: boolean;
|
|
@@ -21,7 +21,7 @@ export declare class SkyListToolbarComponent implements OnInit, AfterContentInit
|
|
|
21
21
|
private toolbarState;
|
|
22
22
|
toolbarDispatcher: ListToolbarStateDispatcher;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
24
|
+
* Whether to use the in-memory search.
|
|
25
25
|
* Setting this to `false` will allow consumers to run their own searches remotely,
|
|
26
26
|
* and push new values to the list component by updating the `data` property.
|
|
27
27
|
* @default true
|
|
@@ -30,19 +30,19 @@ export declare class SkyListToolbarComponent implements OnInit, AfterContentInit
|
|
|
30
30
|
set inMemorySearchEnabled(value: boolean);
|
|
31
31
|
get inMemorySearchEnabled(): boolean;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Placeholder text for the search bar that the list toolbar creates with
|
|
34
34
|
* a [search component](https://developer.blackbaud.com/skyux/components/search).
|
|
35
35
|
* @default "Find in this list"
|
|
36
36
|
*/
|
|
37
37
|
placeholder: string;
|
|
38
38
|
/**
|
|
39
|
-
*
|
|
39
|
+
* Whether to enable the search bar.
|
|
40
40
|
* @default true
|
|
41
41
|
*/
|
|
42
42
|
searchEnabled: boolean | Observable<boolean>;
|
|
43
43
|
searchComponent: SkySearchComponent;
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
45
|
+
* Whether to enable the sort selector.
|
|
46
46
|
* @default false
|
|
47
47
|
*/
|
|
48
48
|
sortSelectorEnabled: boolean | Observable<boolean>;
|
|
@@ -54,7 +54,7 @@ export declare class SkyListToolbarComponent implements OnInit, AfterContentInit
|
|
|
54
54
|
*/
|
|
55
55
|
toolbarType: string;
|
|
56
56
|
/**
|
|
57
|
-
*
|
|
57
|
+
* The text string to search with.
|
|
58
58
|
*/
|
|
59
59
|
searchText: string | Observable<string>;
|
|
60
60
|
get isFilterBarDisplayed(): boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/list-builder",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.6.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -34,15 +34,15 @@
|
|
|
34
34
|
"peerDependencies": {
|
|
35
35
|
"@angular/common": "^14.2.11",
|
|
36
36
|
"@angular/core": "^14.2.11",
|
|
37
|
-
"@skyux/core": "7.
|
|
38
|
-
"@skyux/forms": "7.
|
|
39
|
-
"@skyux/i18n": "7.
|
|
40
|
-
"@skyux/indicators": "7.
|
|
41
|
-
"@skyux/layout": "7.
|
|
42
|
-
"@skyux/list-builder-common": "7.
|
|
43
|
-
"@skyux/lists": "7.
|
|
44
|
-
"@skyux/lookup": "7.
|
|
45
|
-
"@skyux/popovers": "7.
|
|
37
|
+
"@skyux/core": "7.6.0",
|
|
38
|
+
"@skyux/forms": "7.6.0",
|
|
39
|
+
"@skyux/i18n": "7.6.0",
|
|
40
|
+
"@skyux/indicators": "7.6.0",
|
|
41
|
+
"@skyux/layout": "7.6.0",
|
|
42
|
+
"@skyux/list-builder-common": "7.6.0",
|
|
43
|
+
"@skyux/lists": "7.6.0",
|
|
44
|
+
"@skyux/lookup": "7.6.0",
|
|
45
|
+
"@skyux/popovers": "7.6.0"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"tslib": "^2.3.1"
|