@skyux/list-builder-view-grids 5.7.2 → 6.0.0-beta.2
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 +2 -2
- package/esm2020/index.mjs +21 -0
- package/esm2020/lib/modules/column-selector/column-selector-context.mjs +9 -0
- package/esm2020/lib/modules/column-selector/column-selector-modal.component.mjs +38 -0
- package/esm2020/lib/modules/column-selector/column-selector-modal.module.mjs +40 -0
- package/esm2020/lib/modules/list-column-selector-action/list-column-selector-action.component.mjs +133 -0
- package/esm2020/lib/modules/list-column-selector-action/list-column-selector-action.module.mjs +47 -0
- package/esm2020/lib/modules/list-column-selector-action/list-column-selector-button.component.mjs +13 -0
- package/esm2020/lib/modules/list-view-grid/list-view-grid.component.mjs +460 -0
- package/esm2020/lib/modules/list-view-grid/list-view-grid.module.mjs +42 -0
- package/esm2020/lib/modules/list-view-grid/state/columns/columns.orchestrator.mjs +22 -0
- package/esm2020/lib/modules/list-view-grid/state/columns/load.action.mjs +10 -0
- package/esm2020/lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.mjs +22 -0
- package/esm2020/lib/modules/list-view-grid/state/displayed-columns/load.action.mjs +10 -0
- package/esm2020/lib/modules/list-view-grid/state/grid-state-action.type.mjs +2 -0
- package/esm2020/lib/modules/list-view-grid/state/grid-state.model.mjs +11 -0
- package/esm2020/lib/modules/list-view-grid/state/grid-state.rxstate.mjs +19 -0
- package/esm2020/lib/modules/list-view-grid/state/grid-state.state-node.mjs +27 -0
- package/esm2020/lib/modules/list-view-grid/types/list-view-grid-message-type.mjs +15 -0
- package/esm2020/lib/modules/list-view-grid/types/list-view-grid-message.mjs +2 -0
- package/esm2020/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.mjs +2 -0
- package/esm2020/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.mjs +2 -0
- package/esm2020/lib/modules/shared/sky-list-builder-view-grids-resources.module.mjs +56 -0
- package/esm2020/skyux-list-builder-view-grids.mjs +5 -0
- package/esm2020/testing/list-view-grid-fixture-cell.mjs +2 -0
- package/esm2020/testing/list-view-grid-fixture-header.mjs +2 -0
- package/esm2020/testing/list-view-grid-fixture-row.mjs +2 -0
- package/esm2020/testing/list-view-grid-fixture.mjs +66 -0
- package/esm2020/testing/public-api.mjs +5 -0
- package/esm2020/testing/skyux-list-builder-view-grids-testing.mjs +5 -0
- package/fesm2015/{skyux-list-builder-view-grids-testing.js → skyux-list-builder-view-grids-testing.mjs} +1 -1
- package/fesm2015/skyux-list-builder-view-grids-testing.mjs.map +1 -0
- package/fesm2015/skyux-list-builder-view-grids.mjs +905 -0
- package/fesm2015/skyux-list-builder-view-grids.mjs.map +1 -0
- package/{esm2015/testing/list-view-grid-fixture.js → fesm2020/skyux-list-builder-view-grids-testing.mjs} +9 -2
- package/fesm2020/skyux-list-builder-view-grids-testing.mjs.map +1 -0
- package/{fesm2015/skyux-list-builder-view-grids.js → fesm2020/skyux-list-builder-view-grids.mjs} +40 -57
- package/fesm2020/skyux-list-builder-view-grids.mjs.map +1 -0
- package/package.json +42 -18
- package/testing/package.json +5 -5
- package/bundles/skyux-list-builder-view-grids-testing.umd.js +0 -81
- package/bundles/skyux-list-builder-view-grids.umd.js +0 -1359
- package/esm2015/index.js +0 -21
- package/esm2015/index.js.map +0 -1
- package/esm2015/lib/modules/column-selector/column-selector-context.js +0 -9
- package/esm2015/lib/modules/column-selector/column-selector-context.js.map +0 -1
- package/esm2015/lib/modules/column-selector/column-selector-modal.component.js +0 -41
- package/esm2015/lib/modules/column-selector/column-selector-modal.component.js.map +0 -1
- package/esm2015/lib/modules/column-selector/column-selector-modal.module.js +0 -41
- package/esm2015/lib/modules/column-selector/column-selector-modal.module.js.map +0 -1
- package/esm2015/lib/modules/list-column-selector-action/list-column-selector-action.component.js +0 -136
- package/esm2015/lib/modules/list-column-selector-action/list-column-selector-action.component.js.map +0 -1
- package/esm2015/lib/modules/list-column-selector-action/list-column-selector-action.module.js +0 -47
- package/esm2015/lib/modules/list-column-selector-action/list-column-selector-action.module.js.map +0 -1
- package/esm2015/lib/modules/list-column-selector-action/list-column-selector-button.component.js +0 -17
- package/esm2015/lib/modules/list-column-selector-action/list-column-selector-button.component.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/list-view-grid.component.js +0 -466
- package/esm2015/lib/modules/list-view-grid/list-view-grid.component.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/list-view-grid.module.js +0 -42
- package/esm2015/lib/modules/list-view-grid/list-view-grid.module.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/columns/columns.orchestrator.js +0 -22
- package/esm2015/lib/modules/list-view-grid/state/columns/columns.orchestrator.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/columns/load.action.js +0 -10
- package/esm2015/lib/modules/list-view-grid/state/columns/load.action.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.js +0 -22
- package/esm2015/lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/displayed-columns/load.action.js +0 -10
- package/esm2015/lib/modules/list-view-grid/state/displayed-columns/load.action.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/grid-state-action.type.js +0 -2
- package/esm2015/lib/modules/list-view-grid/state/grid-state-action.type.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/grid-state.model.js +0 -11
- package/esm2015/lib/modules/list-view-grid/state/grid-state.model.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/grid-state.rxstate.js +0 -19
- package/esm2015/lib/modules/list-view-grid/state/grid-state.rxstate.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/state/grid-state.state-node.js +0 -27
- package/esm2015/lib/modules/list-view-grid/state/grid-state.state-node.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-message-type.js +0 -15
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-message-type.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-message.js +0 -2
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-message.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.js +0 -2
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.js.map +0 -1
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.js +0 -2
- package/esm2015/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.js.map +0 -1
- package/esm2015/lib/modules/shared/sky-list-builder-view-grids-resources.module.js +0 -56
- package/esm2015/lib/modules/shared/sky-list-builder-view-grids-resources.module.js.map +0 -1
- package/esm2015/skyux-list-builder-view-grids.js +0 -5
- package/esm2015/skyux-list-builder-view-grids.js.map +0 -1
- package/esm2015/testing/list-view-grid-fixture-cell.js +0 -2
- package/esm2015/testing/list-view-grid-fixture-cell.js.map +0 -1
- package/esm2015/testing/list-view-grid-fixture-header.js +0 -2
- package/esm2015/testing/list-view-grid-fixture-header.js.map +0 -1
- package/esm2015/testing/list-view-grid-fixture-row.js +0 -2
- package/esm2015/testing/list-view-grid-fixture-row.js.map +0 -1
- package/esm2015/testing/list-view-grid-fixture.js.map +0 -1
- package/esm2015/testing/public-api.js +0 -5
- package/esm2015/testing/public-api.js.map +0 -1
- package/esm2015/testing/skyux-list-builder-view-grids-testing.js +0 -5
- package/esm2015/testing/skyux-list-builder-view-grids-testing.js.map +0 -1
- package/fesm2015/skyux-list-builder-view-grids-testing.js.map +0 -1
- package/fesm2015/skyux-list-builder-view-grids.js.map +0 -1
|
@@ -1,466 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, QueryList, ViewChild, forwardRef, } from '@angular/core';
|
|
2
|
-
import { SkyGridColumnComponent, SkyGridColumnModel, SkyGridComponent, SkyGridMessageType, SkyGridSelectedRowsSource, } from '@skyux/grids';
|
|
3
|
-
import { ListSearchModel, ListState, ListStateDispatcher, ListViewComponent, } from '@skyux/list-builder';
|
|
4
|
-
import { getValue } from '@skyux/list-builder-common';
|
|
5
|
-
import { getData, isObservable, } from '@skyux/list-builder-common';
|
|
6
|
-
import { Subject, of as observableOf } from 'rxjs';
|
|
7
|
-
import { distinctUntilChanged, map as observableMap, scan, take, takeUntil, } from 'rxjs/operators';
|
|
8
|
-
import { ListViewGridColumnsLoadAction } from './state/columns/load.action';
|
|
9
|
-
import { ListViewDisplayedGridColumnsLoadAction } from './state/displayed-columns/load.action';
|
|
10
|
-
import { GridStateModel } from './state/grid-state.model';
|
|
11
|
-
import { GridStateDispatcher } from './state/grid-state.rxstate';
|
|
12
|
-
import { GridState } from './state/grid-state.state-node';
|
|
13
|
-
import { SkyListViewGridMessageType } from './types/list-view-grid-message-type';
|
|
14
|
-
import * as i0 from "@angular/core";
|
|
15
|
-
import * as i1 from "@skyux/list-builder";
|
|
16
|
-
import * as i2 from "./state/grid-state.state-node";
|
|
17
|
-
import * as i3 from "./state/grid-state.rxstate";
|
|
18
|
-
import * as i4 from "@skyux/grids";
|
|
19
|
-
import * as i5 from "@skyux/indicators";
|
|
20
|
-
import * as i6 from "@angular/common";
|
|
21
|
-
/**
|
|
22
|
-
* Displays a grid for a
|
|
23
|
-
* [SKY UX-themed list of data](https://developer.blackbaud.com/skyux/components/list/overview)
|
|
24
|
-
* using the [grid component](https://developer.blackbaud.com/skyux/components/grid).
|
|
25
|
-
* You must install `SkyListModule` as a dependency.
|
|
26
|
-
*/
|
|
27
|
-
export class SkyListViewGridComponent extends ListViewComponent {
|
|
28
|
-
constructor(state, dispatcher, gridState, gridDispatcher) {
|
|
29
|
-
super(state, 'Grid View');
|
|
30
|
-
this.dispatcher = dispatcher;
|
|
31
|
-
this.gridState = gridState;
|
|
32
|
-
this.gridDispatcher = gridDispatcher;
|
|
33
|
-
/**
|
|
34
|
-
* Specifies how the grid fits to its parent. `"width"` fits the grid to the parent's full
|
|
35
|
-
* width, and `"scroll"` allows the grid to exceed the parent's width. If the grid does not have
|
|
36
|
-
* enough columns to fill the parent's width, it always stretches to the parent's full width.
|
|
37
|
-
* @default "width"
|
|
38
|
-
*/
|
|
39
|
-
this.fit = 'width';
|
|
40
|
-
/**
|
|
41
|
-
* Indicates whether to highlight search text within the grid.
|
|
42
|
-
* @default true
|
|
43
|
-
*/
|
|
44
|
-
this.highlightSearchText = true;
|
|
45
|
-
/**
|
|
46
|
-
* Indicates whether to enable the multiselect feature to display a column of checkboxes
|
|
47
|
-
* on the left side of the grid. Multiselect also displays an action bar with buttons to
|
|
48
|
-
* select and clear all checkboxes. Multiselect defaults to the `id` property on the list's
|
|
49
|
-
* `data` object.
|
|
50
|
-
* @default false
|
|
51
|
-
*/
|
|
52
|
-
this.enableMultiselect = false;
|
|
53
|
-
/**
|
|
54
|
-
* Fires when users cancel the deletion of a row.
|
|
55
|
-
*/
|
|
56
|
-
this.rowDeleteCancel = new EventEmitter();
|
|
57
|
-
/**
|
|
58
|
-
* Fires when users confirm the deletion of a row.
|
|
59
|
-
*/
|
|
60
|
-
this.rowDeleteConfirm = new EventEmitter();
|
|
61
|
-
/**
|
|
62
|
-
* Fires when columns change. This includes changes to the displayed columns and changes
|
|
63
|
-
* to the order of columns. The event emits an array of IDs for the displayed columns that
|
|
64
|
-
* reflects the column order.
|
|
65
|
-
*/
|
|
66
|
-
this.selectedColumnIdsChange = new EventEmitter();
|
|
67
|
-
/**
|
|
68
|
-
* Message stream for communicating with the internal grid instance
|
|
69
|
-
* @interal
|
|
70
|
-
*/
|
|
71
|
-
this.gridMessageStream = new Subject();
|
|
72
|
-
this.multiselectSelectedIds = [];
|
|
73
|
-
this.ngUnsubscribe = new Subject();
|
|
74
|
-
this._messageStream = new Subject();
|
|
75
|
-
}
|
|
76
|
-
/**
|
|
77
|
-
* Specifies the name of the view.
|
|
78
|
-
* @required
|
|
79
|
-
*/
|
|
80
|
-
set name(value) {
|
|
81
|
-
this.viewName = value;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Provides an observable to send commands to the grid.
|
|
85
|
-
* The commands should respect the `SkyListViewGridMessage` type.
|
|
86
|
-
*/
|
|
87
|
-
set messageStream(stream) {
|
|
88
|
-
/* istanbul ignore else */
|
|
89
|
-
if (this._messageStream) {
|
|
90
|
-
this._messageStream.unsubscribe();
|
|
91
|
-
}
|
|
92
|
-
this._messageStream = stream;
|
|
93
|
-
this.initInlineDeleteMessages();
|
|
94
|
-
}
|
|
95
|
-
get messageStream() {
|
|
96
|
-
return this._messageStream;
|
|
97
|
-
}
|
|
98
|
-
get gridHeight() {
|
|
99
|
-
/* istanbul ignore next */
|
|
100
|
-
return typeof this.height === 'number'
|
|
101
|
-
? observableOf(this.height)
|
|
102
|
-
: this.height;
|
|
103
|
-
}
|
|
104
|
-
get gridWidth() {
|
|
105
|
-
/* istanbul ignore next */
|
|
106
|
-
return typeof this.width === 'number'
|
|
107
|
-
? observableOf(this.width)
|
|
108
|
-
: this.width;
|
|
109
|
-
}
|
|
110
|
-
ngAfterContentInit() {
|
|
111
|
-
// Watch for selection changes and update multiselectSelectedIds for local comparison.
|
|
112
|
-
this.state
|
|
113
|
-
.pipe(observableMap((s) => s.selected.item), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.selectedMapEqual))
|
|
114
|
-
.subscribe((items) => {
|
|
115
|
-
const selectedIds = [];
|
|
116
|
-
items.selectedIdMap.forEach((isSelected, id) => {
|
|
117
|
-
if (items.selectedIdMap.get(id) === true) {
|
|
118
|
-
selectedIds.push(id);
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
this.multiselectSelectedIds = selectedIds;
|
|
122
|
-
});
|
|
123
|
-
/* istanbul ignore next */
|
|
124
|
-
if (this.columnComponents.length === 0) {
|
|
125
|
-
throw new Error('Grid view requires at least one sky-grid-column to render.');
|
|
126
|
-
}
|
|
127
|
-
const columnModels = this.columnComponents.map((columnComponent) => {
|
|
128
|
-
return new SkyGridColumnModel(columnComponent.template, columnComponent);
|
|
129
|
-
});
|
|
130
|
-
if (this.width && !isObservable(this.width)) {
|
|
131
|
-
this.width = observableOf(this.width);
|
|
132
|
-
}
|
|
133
|
-
if (this.height && !isObservable(this.height)) {
|
|
134
|
-
this.height = observableOf(this.height);
|
|
135
|
-
}
|
|
136
|
-
// Setup Observables for template
|
|
137
|
-
this.columns = this.gridState.pipe(observableMap((s) => s.columns.items), distinctUntilChanged(this.arraysEqual), takeUntil(this.ngUnsubscribe));
|
|
138
|
-
this.selectedColumnIds = this.getSelectedIds();
|
|
139
|
-
this.items = this.getGridItems();
|
|
140
|
-
this.loading = this.state.pipe(observableMap((s) => {
|
|
141
|
-
return s.items.loading;
|
|
142
|
-
}), distinctUntilChanged(), takeUntil(this.ngUnsubscribe));
|
|
143
|
-
this.sortField = this.state.pipe(observableMap((s) => {
|
|
144
|
-
/* istanbul ignore else */
|
|
145
|
-
/* sanity check */
|
|
146
|
-
if (s.sort && s.sort.fieldSelectors) {
|
|
147
|
-
return s.sort.fieldSelectors[0];
|
|
148
|
-
}
|
|
149
|
-
/* istanbul ignore next */
|
|
150
|
-
/* sanity check */
|
|
151
|
-
return undefined;
|
|
152
|
-
}), distinctUntilChanged(), takeUntil(this.ngUnsubscribe));
|
|
153
|
-
this.gridState
|
|
154
|
-
.pipe(observableMap((s) => s.columns.items), takeUntil(this.ngUnsubscribe), distinctUntilChanged(this.arraysEqual))
|
|
155
|
-
.subscribe((columns) => {
|
|
156
|
-
/* istanbul ignore else */
|
|
157
|
-
if (this.hiddenColumns) {
|
|
158
|
-
getValue(this.hiddenColumns, (hiddenColumns) => {
|
|
159
|
-
this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter((x) => {
|
|
160
|
-
/* istanbul ignore next */
|
|
161
|
-
/* sanity check */
|
|
162
|
-
const id = x.id || x.field;
|
|
163
|
-
return hiddenColumns.indexOf(id) === -1;
|
|
164
|
-
}), true));
|
|
165
|
-
});
|
|
166
|
-
}
|
|
167
|
-
else if (this.displayedColumns) {
|
|
168
|
-
/* istanbul ignore next */
|
|
169
|
-
getValue(this.displayedColumns, (displayedColumns) => {
|
|
170
|
-
this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter((x) => displayedColumns.indexOf(x.id || x.field) !== -1), true));
|
|
171
|
-
});
|
|
172
|
-
}
|
|
173
|
-
else {
|
|
174
|
-
this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(columns.filter((x) => !x.hidden), true));
|
|
175
|
-
}
|
|
176
|
-
});
|
|
177
|
-
this.currentSearchText = this.state.pipe(observableMap((s) => s.search.searchText), distinctUntilChanged(), takeUntil(this.ngUnsubscribe));
|
|
178
|
-
this.gridDispatcher.next(new ListViewGridColumnsLoadAction(columnModels, true));
|
|
179
|
-
this.handleColumnChange();
|
|
180
|
-
if (this.enableMultiselect) {
|
|
181
|
-
this.dispatcher.toolbarShowMultiselectToolbar(true);
|
|
182
|
-
}
|
|
183
|
-
this.initInlineDeleteMessages();
|
|
184
|
-
}
|
|
185
|
-
ngOnDestroy() {
|
|
186
|
-
this.ngUnsubscribe.next();
|
|
187
|
-
this.ngUnsubscribe.complete();
|
|
188
|
-
}
|
|
189
|
-
/**
|
|
190
|
-
* If user makes selection, tell list-builder to update the list state.
|
|
191
|
-
* This logic should only run on user interaction - NOT programmatic updates.
|
|
192
|
-
*/
|
|
193
|
-
onMultiselectSelectionChange(event) {
|
|
194
|
-
if (event.source === SkyGridSelectedRowsSource.CheckboxChange ||
|
|
195
|
-
event.source === SkyGridSelectedRowsSource.RowClick) {
|
|
196
|
-
this.state
|
|
197
|
-
.pipe(observableMap((s) => s.items.items), take(1))
|
|
198
|
-
.subscribe((items) => {
|
|
199
|
-
const newItemIds = this.arrayIntersection(items.map((i) => i.id), this.multiselectSelectedIds);
|
|
200
|
-
const newIds = items.filter((i) => i.isSelected).map((i) => i.id);
|
|
201
|
-
// Check for deselected ids & send message to dispatcher.
|
|
202
|
-
const deselectedIds = this.arrayDiff(newItemIds, newIds);
|
|
203
|
-
if (deselectedIds.length > 0) {
|
|
204
|
-
this.dispatcher.setSelected(deselectedIds, false);
|
|
205
|
-
}
|
|
206
|
-
// Check for selected ids & send message to dispatcher.
|
|
207
|
-
const selectedIds = this.arrayDiff(newIds, newItemIds);
|
|
208
|
-
if (selectedIds.length > 0) {
|
|
209
|
-
this.dispatcher.setSelected(selectedIds, true);
|
|
210
|
-
}
|
|
211
|
-
});
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
columnIdsChanged(selectedColumnIds) {
|
|
215
|
-
this.selectedColumnIds.pipe(take(1)).subscribe((currentIds) => {
|
|
216
|
-
if (!this.arraysEqual(selectedColumnIds, currentIds)) {
|
|
217
|
-
this.gridState
|
|
218
|
-
.pipe(observableMap((s) => s.columns.items), take(1))
|
|
219
|
-
.subscribe((columns) => {
|
|
220
|
-
const displayedColumns = selectedColumnIds.map((columnId) => columns.filter((c) => c.id === columnId)[0]);
|
|
221
|
-
this.gridDispatcher.next(new ListViewDisplayedGridColumnsLoadAction(displayedColumns, true));
|
|
222
|
-
});
|
|
223
|
-
}
|
|
224
|
-
});
|
|
225
|
-
}
|
|
226
|
-
cancelRowDelete(args) {
|
|
227
|
-
this.rowDeleteCancel.emit(args);
|
|
228
|
-
}
|
|
229
|
-
confirmRowDelete(args) {
|
|
230
|
-
this.rowDeleteConfirm.emit(args);
|
|
231
|
-
}
|
|
232
|
-
sortFieldChanged(sortField) {
|
|
233
|
-
this.dispatcher.sortSetFieldSelectors([sortField]);
|
|
234
|
-
}
|
|
235
|
-
onViewActive() {
|
|
236
|
-
/*
|
|
237
|
-
Ran into problem where state updates were consumed out of order. For example, on search text
|
|
238
|
-
update, the searchText update was consumed after the resulting list item update. Scanning the
|
|
239
|
-
previous value of items lastUpdate ensures that we only receive the latest items.
|
|
240
|
-
*/
|
|
241
|
-
this.gridState
|
|
242
|
-
.pipe(takeUntil(this.ngUnsubscribe), scan((previousValue, newValue) => {
|
|
243
|
-
if (previousValue.displayedColumns.lastUpdate >
|
|
244
|
-
newValue.displayedColumns.lastUpdate) {
|
|
245
|
-
return previousValue;
|
|
246
|
-
}
|
|
247
|
-
else {
|
|
248
|
-
return newValue;
|
|
249
|
-
}
|
|
250
|
-
}), observableMap((s) => s.displayedColumns.items), distinctUntilChanged(this.arraysEqual))
|
|
251
|
-
.subscribe((displayedColumns) => {
|
|
252
|
-
const setFunctions = this.searchFunction !== undefined
|
|
253
|
-
? [this.searchFunction]
|
|
254
|
-
: displayedColumns
|
|
255
|
-
.map((column) => (data, searchText) => column.searchFunction(getData(data, column.field), searchText))
|
|
256
|
-
.filter((c) => c !== undefined);
|
|
257
|
-
this.state.pipe(take(1)).subscribe((s) => {
|
|
258
|
-
this.dispatcher.searchSetOptions(new ListSearchModel({
|
|
259
|
-
searchText: s.search.searchText,
|
|
260
|
-
functions: setFunctions,
|
|
261
|
-
fieldSelectors: displayedColumns.map((d) => d.field),
|
|
262
|
-
}));
|
|
263
|
-
});
|
|
264
|
-
});
|
|
265
|
-
}
|
|
266
|
-
initInlineDeleteMessages() {
|
|
267
|
-
/* istanbul ignore next */
|
|
268
|
-
if (this.messageStream) {
|
|
269
|
-
this.messageStream.subscribe((message) => {
|
|
270
|
-
if (message.type === SkyListViewGridMessageType.AbortDeleteRow) {
|
|
271
|
-
this.gridMessageStream.next({
|
|
272
|
-
type: SkyGridMessageType.AbortDeleteRow,
|
|
273
|
-
data: {
|
|
274
|
-
abortDeleteRow: message.data.abortDeleteRow,
|
|
275
|
-
},
|
|
276
|
-
});
|
|
277
|
-
}
|
|
278
|
-
else if (message.type === SkyListViewGridMessageType.PromptDeleteRow) {
|
|
279
|
-
this.gridMessageStream.next({
|
|
280
|
-
type: SkyGridMessageType.PromptDeleteRow,
|
|
281
|
-
data: {
|
|
282
|
-
promptDeleteRow: message.data.promptDeleteRow,
|
|
283
|
-
},
|
|
284
|
-
});
|
|
285
|
-
}
|
|
286
|
-
});
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
handleColumnChange() {
|
|
290
|
-
// watch for changes in column components
|
|
291
|
-
this.columnComponents.changes
|
|
292
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
293
|
-
.subscribe((columnComponents) => {
|
|
294
|
-
const columnModels = this.columnComponents.map((column) => {
|
|
295
|
-
return new SkyGridColumnModel(column.template, column);
|
|
296
|
-
});
|
|
297
|
-
this.gridDispatcher.next(new ListViewGridColumnsLoadAction(columnModels, true));
|
|
298
|
-
});
|
|
299
|
-
// Watch for column heading changes:
|
|
300
|
-
this.columnComponents.forEach((comp) => {
|
|
301
|
-
comp.headingModelChanges
|
|
302
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
303
|
-
.subscribe((change) => {
|
|
304
|
-
this.gridComponent.updateColumnHeading(change);
|
|
305
|
-
});
|
|
306
|
-
comp.descriptionModelChanges
|
|
307
|
-
.pipe(takeUntil(this.ngUnsubscribe))
|
|
308
|
-
.subscribe((change) => {
|
|
309
|
-
this.gridComponent.updateColumnDescription(change);
|
|
310
|
-
});
|
|
311
|
-
});
|
|
312
|
-
}
|
|
313
|
-
getGridItems() {
|
|
314
|
-
/*
|
|
315
|
-
Same problem as above. We should move from having a state object observable with a bunch of
|
|
316
|
-
static properties to a static state object with observable properties that you can subscribe
|
|
317
|
-
to.
|
|
318
|
-
*/
|
|
319
|
-
return this.state.pipe(observableMap((s) => {
|
|
320
|
-
return s.items;
|
|
321
|
-
}), scan((previousValue, newValue) => {
|
|
322
|
-
if (previousValue.lastUpdate > newValue.lastUpdate) {
|
|
323
|
-
return previousValue;
|
|
324
|
-
}
|
|
325
|
-
else {
|
|
326
|
-
return newValue;
|
|
327
|
-
}
|
|
328
|
-
}), observableMap((result) => {
|
|
329
|
-
return result.items;
|
|
330
|
-
}), distinctUntilChanged());
|
|
331
|
-
}
|
|
332
|
-
getSelectedIds() {
|
|
333
|
-
/*
|
|
334
|
-
Same problem as above. We should move from having a state object observable with a bunch of
|
|
335
|
-
static properties to a static state object with observable properties that you can subscribe
|
|
336
|
-
to.
|
|
337
|
-
*/
|
|
338
|
-
return this.gridState.pipe(observableMap((s) => s.displayedColumns), scan((previousValue, newValue) => {
|
|
339
|
-
if (previousValue.lastUpdate > newValue.lastUpdate) {
|
|
340
|
-
return previousValue;
|
|
341
|
-
}
|
|
342
|
-
else {
|
|
343
|
-
return newValue;
|
|
344
|
-
}
|
|
345
|
-
}), observableMap((result) => {
|
|
346
|
-
/* istanbul ignore next */
|
|
347
|
-
/* sanity check */
|
|
348
|
-
return result.items.map((column) => {
|
|
349
|
-
return column.id || column.field;
|
|
350
|
-
});
|
|
351
|
-
}), distinctUntilChanged((previousValue, newValue) => {
|
|
352
|
-
return this.haveColumnIdsChanged(previousValue, newValue);
|
|
353
|
-
}));
|
|
354
|
-
}
|
|
355
|
-
haveColumnIdsChanged(previousValue, newValue) {
|
|
356
|
-
if (previousValue.length !== newValue.length) {
|
|
357
|
-
this.selectedColumnIdsChange.emit(newValue);
|
|
358
|
-
return false;
|
|
359
|
-
}
|
|
360
|
-
for (let i = 0; i < previousValue.length; i++) {
|
|
361
|
-
/* istanbul ignore if */
|
|
362
|
-
if (previousValue[i] !== newValue[i]) {
|
|
363
|
-
this.selectedColumnIdsChange.emit(newValue);
|
|
364
|
-
return false;
|
|
365
|
-
}
|
|
366
|
-
}
|
|
367
|
-
return true;
|
|
368
|
-
}
|
|
369
|
-
selectedMapEqual(prev, next) {
|
|
370
|
-
if (prev.selectedIdMap.size !== next.selectedIdMap.size) {
|
|
371
|
-
return false;
|
|
372
|
-
}
|
|
373
|
-
const keys = [];
|
|
374
|
-
next.selectedIdMap.forEach((value, key) => {
|
|
375
|
-
keys.push(key);
|
|
376
|
-
});
|
|
377
|
-
for (let i = 0; i < keys.length; i++) {
|
|
378
|
-
const key = keys[i];
|
|
379
|
-
const value = next.selectedIdMap.get(key);
|
|
380
|
-
if (value !== prev.selectedIdMap.get(key)) {
|
|
381
|
-
return false;
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
return true;
|
|
385
|
-
}
|
|
386
|
-
arrayDiff(arrA, arrB) {
|
|
387
|
-
return arrA.filter((i) => arrB.indexOf(i) < 0);
|
|
388
|
-
}
|
|
389
|
-
arrayIntersection(arrA, arrB) {
|
|
390
|
-
return arrA.filter((value) => -1 !== arrB.indexOf(value));
|
|
391
|
-
}
|
|
392
|
-
arraysEqual(arrayA, arrayB) {
|
|
393
|
-
return (arrayA.length === arrayB.length &&
|
|
394
|
-
arrayA.every((value, index) => value === arrayB[index]));
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
SkyListViewGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListViewGridComponent, deps: [{ token: i1.ListState }, { token: i1.ListStateDispatcher }, { token: i2.GridState }, { token: i3.GridStateDispatcher }], target: i0.ɵɵFactoryTarget.Component });
|
|
398
|
-
SkyListViewGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyListViewGridComponent, selector: "sky-list-view-grid", inputs: { name: "name", displayedColumns: "displayedColumns", hiddenColumns: "hiddenColumns", fit: "fit", width: "width", height: "height", highlightSearchText: "highlightSearchText", messageStream: "messageStream", rowHighlightedId: "rowHighlightedId", enableMultiselect: "enableMultiselect", settingsKey: "settingsKey", searchFunction: ["search", "searchFunction"] }, outputs: { rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm", selectedColumnIdsChange: "selectedColumnIdsChange" }, providers: [
|
|
399
|
-
/* tslint:disable */
|
|
400
|
-
{
|
|
401
|
-
provide: ListViewComponent,
|
|
402
|
-
useExisting: forwardRef(() => SkyListViewGridComponent),
|
|
403
|
-
},
|
|
404
|
-
/* tslint:enable */
|
|
405
|
-
GridState,
|
|
406
|
-
GridStateDispatcher,
|
|
407
|
-
GridStateModel,
|
|
408
|
-
], queries: [{ propertyName: "columnComponents", predicate: SkyGridColumnComponent }], viewQueries: [{ propertyName: "gridComponent", first: true, predicate: SkyGridComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"active | async\">\n <sky-grid\n [columns]=\"columns | async\"\n [data]=\"items | async\"\n [enableMultiselect]=\"enableMultiselect\"\n [fit]=\"fit\"\n [height]=\"gridHeight | async\"\n [highlightText]=\"\n highlightSearchText ? (currentSearchText | async) : undefined\n \"\n [rowHighlightedId]=\"rowHighlightedId\"\n [messageStream]=\"gridMessageStream\"\n [selectedColumnIds]=\"selectedColumnIds | async\"\n [selectedRowIds]=\"multiselectSelectedIds\"\n [settingsKey]=\"settingsKey\"\n [sortField]=\"sortField | async\"\n [width]=\"gridWidth | async\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (rowDeleteCancel)=\"cancelRowDelete($event)\"\n (rowDeleteConfirm)=\"confirmRowDelete($event)\"\n (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n (sortFieldChange)=\"sortFieldChanged($event)\"\n #skyGrid\n >\n </sky-grid>\n <sky-wait [isWaiting]=\"loading | async\"> </sky-wait>\n</div>\n", styles: [":host ::ng-deep .sky-grid-heading{border-top:0!important}\n"], components: [{ type: i4.SkyGridComponent, selector: "sky-grid", inputs: ["columns", "data", "enableMultiselect", "fit", "hasToolbar", "height", "highlightText", "messageStream", "multiselectRowId", "rowHighlightedId", "selectedColumnIds", "selectedRowIds", "settingsKey", "sortField", "width"], outputs: ["columnWidthChange", "multiselectSelectionChange", "rowDeleteCancel", "rowDeleteConfirm", "selectedColumnIdsChange", "sortFieldChange"] }, { type: i5.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i6.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListViewGridComponent, decorators: [{
|
|
410
|
-
type: Component,
|
|
411
|
-
args: [{
|
|
412
|
-
selector: 'sky-list-view-grid',
|
|
413
|
-
templateUrl: './list-view-grid.component.html',
|
|
414
|
-
styleUrls: ['./list-view-grid.component.scss'],
|
|
415
|
-
providers: [
|
|
416
|
-
/* tslint:disable */
|
|
417
|
-
{
|
|
418
|
-
provide: ListViewComponent,
|
|
419
|
-
useExisting: forwardRef(() => SkyListViewGridComponent),
|
|
420
|
-
},
|
|
421
|
-
/* tslint:enable */
|
|
422
|
-
GridState,
|
|
423
|
-
GridStateDispatcher,
|
|
424
|
-
GridStateModel,
|
|
425
|
-
],
|
|
426
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
427
|
-
}]
|
|
428
|
-
}], ctorParameters: function () { return [{ type: i1.ListState }, { type: i1.ListStateDispatcher }, { type: i2.GridState }, { type: i3.GridStateDispatcher }]; }, propDecorators: { name: [{
|
|
429
|
-
type: Input
|
|
430
|
-
}], displayedColumns: [{
|
|
431
|
-
type: Input
|
|
432
|
-
}], hiddenColumns: [{
|
|
433
|
-
type: Input
|
|
434
|
-
}], fit: [{
|
|
435
|
-
type: Input
|
|
436
|
-
}], width: [{
|
|
437
|
-
type: Input
|
|
438
|
-
}], height: [{
|
|
439
|
-
type: Input
|
|
440
|
-
}], highlightSearchText: [{
|
|
441
|
-
type: Input
|
|
442
|
-
}], messageStream: [{
|
|
443
|
-
type: Input
|
|
444
|
-
}], rowHighlightedId: [{
|
|
445
|
-
type: Input
|
|
446
|
-
}], enableMultiselect: [{
|
|
447
|
-
type: Input
|
|
448
|
-
}], settingsKey: [{
|
|
449
|
-
type: Input
|
|
450
|
-
}], rowDeleteCancel: [{
|
|
451
|
-
type: Output
|
|
452
|
-
}], rowDeleteConfirm: [{
|
|
453
|
-
type: Output
|
|
454
|
-
}], selectedColumnIdsChange: [{
|
|
455
|
-
type: Output
|
|
456
|
-
}], gridComponent: [{
|
|
457
|
-
type: ViewChild,
|
|
458
|
-
args: [SkyGridComponent]
|
|
459
|
-
}], searchFunction: [{
|
|
460
|
-
type: Input,
|
|
461
|
-
args: ['search']
|
|
462
|
-
}], columnComponents: [{
|
|
463
|
-
type: ContentChildren,
|
|
464
|
-
args: [SkyGridColumnComponent]
|
|
465
|
-
}] } });
|
|
466
|
-
//# sourceMappingURL=list-view-grid.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-view-grid.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.ts","../../../../../../../../libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n Input,\n OnDestroy,\n Output,\n QueryList,\n ViewChild,\n forwardRef,\n} from '@angular/core';\nimport {\n SkyGridColumnComponent,\n SkyGridColumnDescriptionModelChange,\n SkyGridColumnHeadingModelChange,\n SkyGridColumnModel,\n SkyGridComponent,\n SkyGridMessage,\n SkyGridMessageType,\n SkyGridSelectedRowsModelChange,\n SkyGridSelectedRowsSource,\n} from '@skyux/grids';\nimport {\n ListSearchModel,\n ListSelectedModel,\n ListState,\n ListStateDispatcher,\n ListViewComponent,\n} from '@skyux/list-builder';\nimport { AsyncList, getValue } from '@skyux/list-builder-common';\nimport {\n ListItemModel,\n ListSortFieldSelectorModel,\n getData,\n isObservable,\n} from '@skyux/list-builder-common';\n\nimport { Observable, Subject, of as observableOf } from 'rxjs';\nimport {\n distinctUntilChanged,\n map as observableMap,\n scan,\n take,\n takeUntil,\n} from 'rxjs/operators';\n\nimport { ListViewGridColumnsLoadAction } from './state/columns/load.action';\nimport { ListViewDisplayedGridColumnsLoadAction } from './state/displayed-columns/load.action';\nimport { GridStateModel } from './state/grid-state.model';\nimport { GridStateDispatcher } from './state/grid-state.rxstate';\nimport { GridState } from './state/grid-state.state-node';\nimport { SkyListViewGridMessage } from './types/list-view-grid-message';\nimport { SkyListViewGridMessageType } from './types/list-view-grid-message-type';\nimport { SkyListViewGridRowDeleteCancelArgs } from './types/list-view-grid-row-delete-cancel-args';\nimport { SkyListViewGridRowDeleteConfirmArgs } from './types/list-view-grid-row-delete-confirm-args';\n\n/**\n * Displays a grid for a\n * [SKY UX-themed list of data](https://developer.blackbaud.com/skyux/components/list/overview)\n * using the [grid component](https://developer.blackbaud.com/skyux/components/grid).\n * You must install `SkyListModule` as a dependency.\n */\n@Component({\n selector: 'sky-list-view-grid',\n templateUrl: './list-view-grid.component.html',\n styleUrls: ['./list-view-grid.component.scss'],\n providers: [\n /* tslint:disable */\n {\n provide: ListViewComponent,\n useExisting: forwardRef(() => SkyListViewGridComponent),\n },\n /* tslint:enable */\n GridState,\n GridStateDispatcher,\n GridStateModel,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyListViewGridComponent\n extends ListViewComponent\n implements AfterContentInit, OnDestroy\n{\n /**\n * Specifies the name of the view.\n * @required\n */\n @Input()\n public set name(value: string) {\n this.viewName = value;\n }\n\n /**\n * Specifies the columns to display by default based on the ID or field of the item.\n */\n @Input()\n public displayedColumns: Array<string> | Observable<Array<string>>;\n\n /**\n * Specifies the columns to hide by default based on the ID or field of the item.\n */\n @Input()\n public hiddenColumns: Array<string> | Observable<Array<string>>;\n\n /**\n * Specifies how the grid fits to its parent. `\"width\"` fits the grid to the parent's full\n * width, and `\"scroll\"` allows the grid to exceed the parent's width. If the grid does not have\n * enough columns to fill the parent's width, it always stretches to the parent's full width.\n * @default \"width\"\n */\n @Input()\n public fit = 'width';\n\n /**\n * Specifies the width of the grid.\n */\n @Input()\n public width: number | Observable<number>;\n\n /**\n * Specifies the height of the grid.\n */\n @Input()\n public height: number | Observable<number>;\n\n /**\n * Indicates whether to highlight search text within the grid.\n * @default true\n */\n @Input()\n public highlightSearchText = true;\n\n /**\n * Provides an observable to send commands to the grid.\n * The commands should respect the `SkyListViewGridMessage` type.\n */\n @Input()\n public set messageStream(stream: Subject<SkyListViewGridMessage>) {\n /* istanbul ignore else */\n if (this._messageStream) {\n this._messageStream.unsubscribe();\n }\n\n this._messageStream = stream;\n\n this.initInlineDeleteMessages();\n }\n\n public get messageStream(): Subject<SkyListViewGridMessage> {\n return this._messageStream;\n }\n\n /**\n * Specifies the ID of the row to highlight. The ID matches the `id` property of\n * the `data` object. Typically, this property is used in conjunction with the\n * [flyout component](https://developer.blackbaud.com/skyux/components/flyout) to\n * indicate the currently selected row.\n */\n @Input()\n public rowHighlightedId: string;\n\n /**\n * Indicates whether to enable the multiselect feature to display a column of checkboxes\n * on the left side of the grid. Multiselect also displays an action bar with buttons to\n * select and clear all checkboxes. Multiselect defaults to the `id` property on the list's\n * `data` object.\n * @default false\n */\n @Input()\n public enableMultiselect = false;\n\n /**\n * Specifies a unique key for the UI Config Service to retrieve stored settings from\n * a database. The service saves configuration settings for users and returns `selectedColumnIds`\n * for the columns to display and the preferred column order. For more information, see the\n * [sticky settings documentation](https://developer.blackbaud.com/skyux/learn/get-started/advanced/sticky-settings).\n */\n @Input()\n public settingsKey: string;\n\n /**\n * Fires when users cancel the deletion of a row.\n */\n @Output()\n public rowDeleteCancel = new EventEmitter<SkyListViewGridRowDeleteCancelArgs>();\n\n /**\n * Fires when users confirm the deletion of a row.\n */\n @Output()\n public rowDeleteConfirm = new EventEmitter<SkyListViewGridRowDeleteConfirmArgs>();\n\n /**\n * Fires when columns change. This includes changes to the displayed columns and changes\n * to the order of columns. The event emits an array of IDs for the displayed columns that\n * reflects the column order.\n */\n @Output()\n public selectedColumnIdsChange = new EventEmitter<Array<string>>();\n\n @ViewChild(SkyGridComponent)\n public gridComponent: SkyGridComponent;\n\n public get gridHeight(): Observable<number> {\n /* istanbul ignore next */\n return typeof this.height === 'number'\n ? observableOf(this.height)\n : this.height;\n }\n\n public get gridWidth(): Observable<number> {\n /* istanbul ignore next */\n return typeof this.width === 'number'\n ? observableOf(this.width)\n : this.width;\n }\n\n public columns: Observable<Array<SkyGridColumnModel>>;\n\n public selectedColumnIds: Observable<Array<string>>;\n\n public items: Observable<ListItemModel[]>;\n\n /**\n * Message stream for communicating with the internal grid instance\n * @interal\n */\n public gridMessageStream = new Subject<SkyGridMessage>();\n\n public loading: Observable<boolean>;\n\n public sortField: Observable<ListSortFieldSelectorModel>;\n\n public currentSearchText: Observable<string>;\n\n public multiselectSelectedIds: string[] = [];\n\n /**\n * Specifies a search function to apply on the view data.\n * @param data Specifies the data to search.\n * @param searchText Specifies a text string to search for.\n */\n // eslint-disable-next-line @angular-eslint/no-input-rename\n @Input('search')\n public searchFunction: (data: any, searchText: string) => boolean;\n\n @ContentChildren(SkyGridColumnComponent)\n private columnComponents: QueryList<SkyGridColumnComponent>;\n\n private ngUnsubscribe = new Subject();\n\n private _messageStream = new Subject<SkyListViewGridMessage>();\n\n constructor(\n state: ListState,\n private dispatcher: ListStateDispatcher,\n public gridState: GridState,\n public gridDispatcher: GridStateDispatcher\n ) {\n super(state, 'Grid View');\n }\n\n public ngAfterContentInit() {\n // Watch for selection changes and update multiselectSelectedIds for local comparison.\n this.state\n .pipe(\n observableMap((s) => s.selected.item),\n takeUntil(this.ngUnsubscribe),\n distinctUntilChanged(this.selectedMapEqual)\n )\n .subscribe((items: ListSelectedModel) => {\n const selectedIds: string[] = [];\n\n items.selectedIdMap.forEach((isSelected, id) => {\n if (items.selectedIdMap.get(id) === true) {\n selectedIds.push(id);\n }\n });\n\n this.multiselectSelectedIds = selectedIds;\n });\n\n /* istanbul ignore next */\n if (this.columnComponents.length === 0) {\n throw new Error(\n 'Grid view requires at least one sky-grid-column to render.'\n );\n }\n\n const columnModels = this.columnComponents.map((columnComponent) => {\n return new SkyGridColumnModel(columnComponent.template, columnComponent);\n });\n\n if (this.width && !isObservable(this.width)) {\n this.width = observableOf(this.width);\n }\n\n if (this.height && !isObservable(this.height)) {\n this.height = observableOf(this.height);\n }\n\n // Setup Observables for template\n this.columns = this.gridState.pipe(\n observableMap((s) => s.columns.items),\n distinctUntilChanged(this.arraysEqual),\n takeUntil(this.ngUnsubscribe)\n );\n\n this.selectedColumnIds = this.getSelectedIds();\n\n this.items = this.getGridItems();\n\n this.loading = this.state.pipe(\n observableMap((s) => {\n return s.items.loading;\n }),\n distinctUntilChanged(),\n takeUntil(this.ngUnsubscribe)\n );\n\n this.sortField = this.state.pipe(\n observableMap((s) => {\n /* istanbul ignore else */\n /* sanity check */\n if (s.sort && s.sort.fieldSelectors) {\n return s.sort.fieldSelectors[0];\n }\n /* istanbul ignore next */\n /* sanity check */\n return undefined;\n }),\n distinctUntilChanged(),\n takeUntil(this.ngUnsubscribe)\n );\n\n this.gridState\n .pipe(\n observableMap((s) => s.columns.items),\n takeUntil(this.ngUnsubscribe),\n distinctUntilChanged(this.arraysEqual)\n )\n .subscribe((columns) => {\n /* istanbul ignore else */\n if (this.hiddenColumns) {\n getValue(this.hiddenColumns, (hiddenColumns: string[]) => {\n this.gridDispatcher.next(\n new ListViewDisplayedGridColumnsLoadAction(\n columns.filter((x) => {\n /* istanbul ignore next */\n /* sanity check */\n const id = x.id || x.field;\n return hiddenColumns.indexOf(id) === -1;\n }),\n true\n )\n );\n });\n } else if (this.displayedColumns) {\n /* istanbul ignore next */\n getValue(this.displayedColumns, (displayedColumns: string[]) => {\n this.gridDispatcher.next(\n new ListViewDisplayedGridColumnsLoadAction(\n columns.filter(\n (x) => displayedColumns.indexOf(x.id || x.field) !== -1\n ),\n true\n )\n );\n });\n } else {\n this.gridDispatcher.next(\n new ListViewDisplayedGridColumnsLoadAction(\n columns.filter((x) => !x.hidden),\n true\n )\n );\n }\n });\n\n this.currentSearchText = this.state.pipe(\n observableMap((s) => s.search.searchText),\n distinctUntilChanged(),\n takeUntil(this.ngUnsubscribe)\n );\n\n this.gridDispatcher.next(\n new ListViewGridColumnsLoadAction(columnModels, true)\n );\n\n this.handleColumnChange();\n\n if (this.enableMultiselect) {\n this.dispatcher.toolbarShowMultiselectToolbar(true);\n }\n\n this.initInlineDeleteMessages();\n }\n\n public ngOnDestroy() {\n this.ngUnsubscribe.next();\n this.ngUnsubscribe.complete();\n }\n\n /**\n * If user makes selection, tell list-builder to update the list state.\n * This logic should only run on user interaction - NOT programmatic updates.\n */\n public onMultiselectSelectionChange(\n event: SkyGridSelectedRowsModelChange\n ): void {\n if (\n event.source === SkyGridSelectedRowsSource.CheckboxChange ||\n event.source === SkyGridSelectedRowsSource.RowClick\n ) {\n this.state\n .pipe(\n observableMap((s) => s.items.items),\n take(1)\n )\n .subscribe((items: ListItemModel[]) => {\n const newItemIds = this.arrayIntersection(\n items.map((i) => i.id),\n this.multiselectSelectedIds\n );\n const newIds = items.filter((i) => i.isSelected).map((i) => i.id);\n\n // Check for deselected ids & send message to dispatcher.\n const deselectedIds = this.arrayDiff(newItemIds, newIds);\n if (deselectedIds.length > 0) {\n this.dispatcher.setSelected(deselectedIds, false);\n }\n\n // Check for selected ids & send message to dispatcher.\n const selectedIds = this.arrayDiff(newIds, newItemIds);\n if (selectedIds.length > 0) {\n this.dispatcher.setSelected(selectedIds, true);\n }\n });\n }\n }\n\n public columnIdsChanged(selectedColumnIds: Array<string>) {\n this.selectedColumnIds.pipe(take(1)).subscribe((currentIds) => {\n if (!this.arraysEqual(selectedColumnIds, currentIds)) {\n this.gridState\n .pipe(\n observableMap((s) => s.columns.items),\n take(1)\n )\n .subscribe((columns) => {\n const displayedColumns = selectedColumnIds.map(\n (columnId) => columns.filter((c) => c.id === columnId)[0]\n );\n this.gridDispatcher.next(\n new ListViewDisplayedGridColumnsLoadAction(displayedColumns, true)\n );\n });\n }\n });\n }\n\n public cancelRowDelete(args: SkyListViewGridRowDeleteCancelArgs): void {\n this.rowDeleteCancel.emit(args);\n }\n\n public confirmRowDelete(args: SkyListViewGridRowDeleteConfirmArgs): void {\n this.rowDeleteConfirm.emit(args);\n }\n\n public sortFieldChanged(sortField: ListSortFieldSelectorModel) {\n this.dispatcher.sortSetFieldSelectors([sortField]);\n }\n\n public onViewActive() {\n /*\n Ran into problem where state updates were consumed out of order. For example, on search text\n update, the searchText update was consumed after the resulting list item update. Scanning the\n previous value of items lastUpdate ensures that we only receive the latest items.\n */\n this.gridState\n .pipe(\n takeUntil(this.ngUnsubscribe),\n scan((previousValue: GridStateModel, newValue: GridStateModel) => {\n if (\n previousValue.displayedColumns.lastUpdate >\n newValue.displayedColumns.lastUpdate\n ) {\n return previousValue;\n } else {\n return newValue;\n }\n }),\n observableMap((s) => s.displayedColumns.items),\n distinctUntilChanged(this.arraysEqual)\n )\n .subscribe((displayedColumns) => {\n const setFunctions =\n this.searchFunction !== undefined\n ? [this.searchFunction]\n : displayedColumns\n .map(\n (column) => (data: any, searchText: string) =>\n column.searchFunction(\n getData(data, column.field),\n searchText\n )\n )\n .filter((c) => c !== undefined);\n\n this.state.pipe(take(1)).subscribe((s) => {\n this.dispatcher.searchSetOptions(\n new ListSearchModel({\n searchText: s.search.searchText,\n functions: setFunctions,\n fieldSelectors: displayedColumns.map((d) => d.field),\n })\n );\n });\n });\n }\n\n private initInlineDeleteMessages(): void {\n /* istanbul ignore next */\n if (this.messageStream) {\n this.messageStream.subscribe((message: SkyListViewGridMessage) => {\n if (message.type === SkyListViewGridMessageType.AbortDeleteRow) {\n this.gridMessageStream.next({\n type: SkyGridMessageType.AbortDeleteRow,\n data: {\n abortDeleteRow: message.data.abortDeleteRow,\n },\n });\n } else if (\n message.type === SkyListViewGridMessageType.PromptDeleteRow\n ) {\n this.gridMessageStream.next({\n type: SkyGridMessageType.PromptDeleteRow,\n data: {\n promptDeleteRow: message.data.promptDeleteRow,\n },\n });\n }\n });\n }\n }\n\n private handleColumnChange() {\n // watch for changes in column components\n this.columnComponents.changes\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((columnComponents) => {\n const columnModels = this.columnComponents.map((column) => {\n return new SkyGridColumnModel(column.template, column);\n });\n this.gridDispatcher.next(\n new ListViewGridColumnsLoadAction(columnModels, true)\n );\n });\n\n // Watch for column heading changes:\n this.columnComponents.forEach((comp) => {\n comp.headingModelChanges\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((change: SkyGridColumnHeadingModelChange) => {\n this.gridComponent.updateColumnHeading(change);\n });\n comp.descriptionModelChanges\n .pipe(takeUntil(this.ngUnsubscribe))\n .subscribe((change: SkyGridColumnDescriptionModelChange) => {\n this.gridComponent.updateColumnDescription(change);\n });\n });\n }\n\n private getGridItems(): Observable<Array<ListItemModel>> {\n /*\n Same problem as above. We should move from having a state object observable with a bunch of\n static properties to a static state object with observable properties that you can subscribe\n to.\n */\n return this.state.pipe(\n observableMap((s) => {\n return s.items;\n }),\n scan(\n (\n previousValue: AsyncList<ListItemModel>,\n newValue: AsyncList<ListItemModel>\n ) => {\n if (previousValue.lastUpdate > newValue.lastUpdate) {\n return previousValue;\n } else {\n return newValue;\n }\n }\n ),\n observableMap((result: AsyncList<ListItemModel>) => {\n return result.items;\n }),\n distinctUntilChanged()\n );\n }\n\n private getSelectedIds(): Observable<Array<string>> {\n /*\n Same problem as above. We should move from having a state object observable with a bunch of\n static properties to a static state object with observable properties that you can subscribe\n to.\n */\n return this.gridState.pipe(\n observableMap((s) => s.displayedColumns),\n scan(\n (\n previousValue: AsyncList<SkyGridColumnModel>,\n newValue: AsyncList<SkyGridColumnModel>\n ) => {\n if (previousValue.lastUpdate > newValue.lastUpdate) {\n return previousValue;\n } else {\n return newValue;\n }\n }\n ),\n observableMap((result: AsyncList<SkyGridColumnModel>) => {\n /* istanbul ignore next */\n /* sanity check */\n return result.items.map((column: SkyGridColumnModel) => {\n return column.id || column.field;\n });\n }),\n distinctUntilChanged((previousValue: string[], newValue: string[]) => {\n return this.haveColumnIdsChanged(previousValue, newValue);\n })\n );\n }\n\n private haveColumnIdsChanged(previousValue: string[], newValue: string[]) {\n if (previousValue.length !== newValue.length) {\n this.selectedColumnIdsChange.emit(newValue);\n return false;\n }\n\n for (let i = 0; i < previousValue.length; i++) {\n /* istanbul ignore if */\n if (previousValue[i] !== newValue[i]) {\n this.selectedColumnIdsChange.emit(newValue);\n return false;\n }\n }\n return true;\n }\n\n private selectedMapEqual(\n prev: ListSelectedModel,\n next: ListSelectedModel\n ): boolean {\n if (prev.selectedIdMap.size !== next.selectedIdMap.size) {\n return false;\n }\n\n const keys: string[] = [];\n next.selectedIdMap.forEach((value, key) => {\n keys.push(key);\n });\n\n for (let i = 0; i < keys.length; i++) {\n const key = keys[i];\n\n const value = next.selectedIdMap.get(key);\n if (value !== prev.selectedIdMap.get(key)) {\n return false;\n }\n }\n\n return true;\n }\n\n private arrayDiff(arrA: Array<any>, arrB: Array<any>): Array<any> {\n return arrA.filter((i) => arrB.indexOf(i) < 0);\n }\n\n private arrayIntersection(arrA: Array<any>, arrB: Array<any>): Array<any> {\n return arrA.filter((value) => -1 !== arrB.indexOf(value));\n }\n\n private arraysEqual(arrayA: any[], arrayB: any[]) {\n return (\n arrayA.length === arrayB.length &&\n arrayA.every((value, index) => value === arrayB[index])\n );\n }\n}\n","<div *ngIf=\"active | async\">\n <sky-grid\n [columns]=\"columns | async\"\n [data]=\"items | async\"\n [enableMultiselect]=\"enableMultiselect\"\n [fit]=\"fit\"\n [height]=\"gridHeight | async\"\n [highlightText]=\"\n highlightSearchText ? (currentSearchText | async) : undefined\n \"\n [rowHighlightedId]=\"rowHighlightedId\"\n [messageStream]=\"gridMessageStream\"\n [selectedColumnIds]=\"selectedColumnIds | async\"\n [selectedRowIds]=\"multiselectSelectedIds\"\n [settingsKey]=\"settingsKey\"\n [sortField]=\"sortField | async\"\n [width]=\"gridWidth | async\"\n (multiselectSelectionChange)=\"onMultiselectSelectionChange($event)\"\n (rowDeleteCancel)=\"cancelRowDelete($event)\"\n (rowDeleteConfirm)=\"confirmRowDelete($event)\"\n (selectedColumnIdsChange)=\"columnIdsChanged($event)\"\n (sortFieldChange)=\"sortFieldChanged($event)\"\n #skyGrid\n >\n </sky-grid>\n <sky-wait [isWaiting]=\"loading | async\"> </sky-wait>\n</div>\n"]}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { SkyGridModule } from '@skyux/grids';
|
|
4
|
-
import { SkyWaitModule } from '@skyux/indicators';
|
|
5
|
-
import { SkyListColumnSelectorActionModule } from '../list-column-selector-action/list-column-selector-action.module';
|
|
6
|
-
import { SkyListBuilderViewGridsResourcesModule } from '../shared/sky-list-builder-view-grids-resources.module';
|
|
7
|
-
import { SkyListViewGridComponent } from './list-view-grid.component';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
export class SkyListViewGridModule {
|
|
10
|
-
}
|
|
11
|
-
SkyListViewGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListViewGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
-
SkyListViewGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListViewGridModule, declarations: [SkyListViewGridComponent], imports: [CommonModule,
|
|
13
|
-
SkyWaitModule,
|
|
14
|
-
SkyGridModule,
|
|
15
|
-
SkyListBuilderViewGridsResourcesModule], exports: [SkyListViewGridComponent,
|
|
16
|
-
SkyListColumnSelectorActionModule,
|
|
17
|
-
SkyGridModule] });
|
|
18
|
-
SkyListViewGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListViewGridModule, imports: [[
|
|
19
|
-
CommonModule,
|
|
20
|
-
SkyWaitModule,
|
|
21
|
-
SkyGridModule,
|
|
22
|
-
SkyListBuilderViewGridsResourcesModule,
|
|
23
|
-
], SkyListColumnSelectorActionModule,
|
|
24
|
-
SkyGridModule] });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyListViewGridModule, decorators: [{
|
|
26
|
-
type: NgModule,
|
|
27
|
-
args: [{
|
|
28
|
-
declarations: [SkyListViewGridComponent],
|
|
29
|
-
imports: [
|
|
30
|
-
CommonModule,
|
|
31
|
-
SkyWaitModule,
|
|
32
|
-
SkyGridModule,
|
|
33
|
-
SkyListBuilderViewGridsResourcesModule,
|
|
34
|
-
],
|
|
35
|
-
exports: [
|
|
36
|
-
SkyListViewGridComponent,
|
|
37
|
-
SkyListColumnSelectorActionModule,
|
|
38
|
-
SkyGridModule,
|
|
39
|
-
],
|
|
40
|
-
}]
|
|
41
|
-
}] });
|
|
42
|
-
//# sourceMappingURL=list-view-grid.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-view-grid.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/list-view-grid.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mEAAmE,CAAC;AACtH,OAAO,EAAE,sCAAsC,EAAE,MAAM,wDAAwD,CAAC;AAEhH,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAgBtE,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;oHAArB,qBAAqB,iBAbjB,wBAAwB,aAErC,YAAY;QACZ,aAAa;QACb,aAAa;QACb,sCAAsC,aAGtC,wBAAwB;QACxB,iCAAiC;QACjC,aAAa;oHAGJ,qBAAqB,YAZvB;YACP,YAAY;YACZ,aAAa;YACb,aAAa;YACb,sCAAsC;SACvC,EAGC,iCAAiC;QACjC,aAAa;4FAGJ,qBAAqB;kBAdjC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;oBACxC,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;wBACb,sCAAsC;qBACvC;oBACD,OAAO,EAAE;wBACP,wBAAwB;wBACxB,iCAAiC;wBACjC,aAAa;qBACd;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyGridModule } from '@skyux/grids';\nimport { SkyWaitModule } from '@skyux/indicators';\n\nimport { SkyListColumnSelectorActionModule } from '../list-column-selector-action/list-column-selector-action.module';\nimport { SkyListBuilderViewGridsResourcesModule } from '../shared/sky-list-builder-view-grids-resources.module';\n\nimport { SkyListViewGridComponent } from './list-view-grid.component';\n\n@NgModule({\n declarations: [SkyListViewGridComponent],\n imports: [\n CommonModule,\n SkyWaitModule,\n SkyGridModule,\n SkyListBuilderViewGridsResourcesModule,\n ],\n exports: [\n SkyListViewGridComponent,\n SkyListColumnSelectorActionModule,\n SkyGridModule,\n ],\n})\nexport class SkyListViewGridModule {}\n"]}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { SkyGridColumnModel } from '@skyux/grids';
|
|
2
|
-
import { AsyncList } from '@skyux/list-builder-common';
|
|
3
|
-
import { GridStateOrchestrator } from '../grid-state.rxstate';
|
|
4
|
-
import { ListViewGridColumnsLoadAction } from './load.action';
|
|
5
|
-
/**
|
|
6
|
-
* @internal
|
|
7
|
-
*/
|
|
8
|
-
export class ListViewGridColumnsOrchestrator extends GridStateOrchestrator {
|
|
9
|
-
/* istanbul ignore next */
|
|
10
|
-
constructor() {
|
|
11
|
-
super();
|
|
12
|
-
this.register(ListViewGridColumnsLoadAction, this.load);
|
|
13
|
-
}
|
|
14
|
-
load(state, action) {
|
|
15
|
-
const newColumns = action.columns.map((g) => new SkyGridColumnModel(g.template, g));
|
|
16
|
-
if (action.refresh) {
|
|
17
|
-
return new AsyncList([...newColumns], new Date());
|
|
18
|
-
}
|
|
19
|
-
return new AsyncList([...state.items, ...newColumns], new Date());
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
//# sourceMappingURL=columns.orchestrator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"columns.orchestrator.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/state/columns/columns.orchestrator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAE9D;;GAEG;AACH,MAAM,OAAO,+BAAgC,SAAQ,qBAEpD;IACC,0BAA0B;IAC1B;QACE,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,QAAQ,CAAC,6BAA6B,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IAEO,IAAI,CACV,KAAoC,EACpC,MAAqC;QAErC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CACnC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,kBAAkB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAC7C,CAAC;QAEF,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,OAAO,IAAI,SAAS,CAAqB,CAAC,GAAG,UAAU,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;SACvE;QAED,OAAO,IAAI,SAAS,CAClB,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,GAAG,UAAU,CAAC,EAC/B,IAAI,IAAI,EAAE,CACX,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { SkyGridColumnModel } from '@skyux/grids';\nimport { AsyncList } from '@skyux/list-builder-common';\n\nimport { GridStateOrchestrator } from '../grid-state.rxstate';\n\nimport { ListViewGridColumnsLoadAction } from './load.action';\n\n/**\n * @internal\n */\nexport class ListViewGridColumnsOrchestrator extends GridStateOrchestrator<\n AsyncList<SkyGridColumnModel>\n> {\n /* istanbul ignore next */\n constructor() {\n super();\n\n this.register(ListViewGridColumnsLoadAction, this.load);\n }\n\n private load(\n state: AsyncList<SkyGridColumnModel>,\n action: ListViewGridColumnsLoadAction\n ): AsyncList<SkyGridColumnModel> {\n const newColumns = action.columns.map(\n (g) => new SkyGridColumnModel(g.template, g)\n );\n\n if (action.refresh) {\n return new AsyncList<SkyGridColumnModel>([...newColumns], new Date());\n }\n\n return new AsyncList<SkyGridColumnModel>(\n [...state.items, ...newColumns],\n new Date()\n );\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"load.action.js","sourceRoot":"","sources":["../../../../../../../../../../libs/components/list-builder-view-grids/src/lib/modules/list-view-grid/state/columns/load.action.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,OAAO,6BAA6B;IACxC,YACS,OAAkC,EAClC,UAAmB,KAAK;QADxB,YAAO,GAAP,OAAO,CAA2B;QAClC,YAAO,GAAP,OAAO,CAAiB;IAC9B,CAAC;CACL","sourcesContent":["import { SkyGridColumnModel } from '@skyux/grids';\n\n/**\n * @internal\n */\nexport class ListViewGridColumnsLoadAction {\n constructor(\n public columns: Array<SkyGridColumnModel>,\n public refresh: boolean = false\n ) {}\n}\n"]}
|