@skyux/list-builder-view-grids 7.0.0-beta.11 → 7.0.0-beta.13

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.
Files changed (63) hide show
  1. package/documentation.json +1 -67
  2. package/esm2020/index.mjs +20 -20
  3. package/esm2020/lib/modules/column-selector/column-selector-context.mjs +14 -14
  4. package/esm2020/lib/modules/column-selector/column-selector-modal.component.mjs +37 -37
  5. package/esm2020/lib/modules/column-selector/column-selector-modal.module.mjs +40 -40
  6. package/esm2020/lib/modules/list-column-selector-action/list-column-selector-action.component.mjs +132 -132
  7. package/esm2020/lib/modules/list-column-selector-action/list-column-selector-action.module.mjs +47 -47
  8. package/esm2020/lib/modules/list-column-selector-action/list-column-selector-button.component.mjs +12 -12
  9. package/esm2020/lib/modules/list-view-grid/list-view-grid.component.mjs +463 -463
  10. package/esm2020/lib/modules/list-view-grid/list-view-grid.module.mjs +42 -42
  11. package/esm2020/lib/modules/list-view-grid/state/columns/columns.orchestrator.mjs +22 -22
  12. package/esm2020/lib/modules/list-view-grid/state/columns/load.action.mjs +10 -10
  13. package/esm2020/lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.mjs +22 -22
  14. package/esm2020/lib/modules/list-view-grid/state/displayed-columns/load.action.mjs +10 -10
  15. package/esm2020/lib/modules/list-view-grid/state/grid-state-action.type.mjs +1 -1
  16. package/esm2020/lib/modules/list-view-grid/state/grid-state.model.mjs +11 -11
  17. package/esm2020/lib/modules/list-view-grid/state/grid-state.rxstate.mjs +19 -19
  18. package/esm2020/lib/modules/list-view-grid/state/grid-state.state-node.mjs +27 -27
  19. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-message-type.mjs +15 -15
  20. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-message.mjs +1 -1
  21. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.mjs +1 -1
  22. package/esm2020/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.mjs +1 -1
  23. package/esm2020/lib/modules/shared/sky-list-builder-view-grids-resources.module.mjs +55 -55
  24. package/esm2020/skyux-list-builder-view-grids.mjs +4 -4
  25. package/esm2020/testing/list-view-grid-fixture-cell.mjs +1 -1
  26. package/esm2020/testing/list-view-grid-fixture-header.mjs +1 -1
  27. package/esm2020/testing/list-view-grid-fixture-row.mjs +1 -1
  28. package/esm2020/testing/list-view-grid-fixture.mjs +66 -66
  29. package/esm2020/testing/public-api.mjs +4 -4
  30. package/esm2020/testing/skyux-list-builder-view-grids-testing.mjs +4 -4
  31. package/fesm2015/skyux-list-builder-view-grids-testing.mjs +65 -65
  32. package/fesm2015/skyux-list-builder-view-grids.mjs +866 -866
  33. package/fesm2020/skyux-list-builder-view-grids-testing.mjs +65 -65
  34. package/fesm2020/skyux-list-builder-view-grids.mjs +864 -864
  35. package/index.d.ts +18 -18
  36. package/lib/modules/column-selector/column-selector-context.d.ts +15 -15
  37. package/lib/modules/column-selector/column-selector-modal.component.d.ts +14 -14
  38. package/lib/modules/column-selector/column-selector-modal.module.d.ts +15 -15
  39. package/lib/modules/list-column-selector-action/list-column-selector-action.component.d.ts +39 -39
  40. package/lib/modules/list-column-selector-action/list-column-selector-action.module.d.ts +17 -17
  41. package/lib/modules/list-column-selector-action/list-column-selector-button.component.d.ts +5 -5
  42. package/lib/modules/list-view-grid/list-view-grid.component.d.ts +147 -147
  43. package/lib/modules/list-view-grid/list-view-grid.module.d.ts +15 -15
  44. package/lib/modules/list-view-grid/state/columns/columns.orchestrator.d.ts +11 -11
  45. package/lib/modules/list-view-grid/state/columns/load.action.d.ts +10 -10
  46. package/lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator.d.ts +11 -11
  47. package/lib/modules/list-view-grid/state/displayed-columns/load.action.d.ts +10 -10
  48. package/lib/modules/list-view-grid/state/grid-state-action.type.d.ts +6 -6
  49. package/lib/modules/list-view-grid/state/grid-state.model.d.ts +10 -10
  50. package/lib/modules/list-view-grid/state/grid-state.rxstate.d.ts +16 -16
  51. package/lib/modules/list-view-grid/state/grid-state.state-node.d.ts +13 -13
  52. package/lib/modules/list-view-grid/types/list-view-grid-message-type.d.ts +14 -14
  53. package/lib/modules/list-view-grid/types/list-view-grid-message.d.ts +22 -22
  54. package/lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args.d.ts +9 -9
  55. package/lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args.d.ts +9 -9
  56. package/lib/modules/shared/sky-list-builder-view-grids-resources.module.d.ts +14 -14
  57. package/package.json +10 -10
  58. package/testing/index.d.ts +5 -5
  59. package/testing/list-view-grid-fixture-cell.d.ts +17 -17
  60. package/testing/list-view-grid-fixture-header.d.ts +14 -14
  61. package/testing/list-view-grid-fixture-row.d.ts +8 -8
  62. package/testing/list-view-grid-fixture.d.ts +27 -27
  63. package/testing/public-api.d.ts +4 -4
package/index.d.ts CHANGED
@@ -1,18 +1,18 @@
1
- export * from './lib/modules/column-selector/column-selector-context';
2
- export * from './lib/modules/column-selector/column-selector-modal.module';
3
- export * from './lib/modules/list-column-selector-action/list-column-selector-action.module';
4
- export * from './lib/modules/list-view-grid/list-view-grid.component';
5
- export * from './lib/modules/list-view-grid/list-view-grid.module';
6
- export * from './lib/modules/list-view-grid/state/grid-state-action.type';
7
- export * from './lib/modules/list-view-grid/state/grid-state.model';
8
- export * from './lib/modules/list-view-grid/state/grid-state.rxstate';
9
- export * from './lib/modules/list-view-grid/state/grid-state.state-node';
10
- export * from './lib/modules/list-view-grid/state/columns/columns.orchestrator';
11
- export * from './lib/modules/list-view-grid/state/columns/load.action';
12
- export * from './lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator';
13
- export * from './lib/modules/list-view-grid/state/displayed-columns/load.action';
14
- export * from './lib/modules/list-view-grid/types/list-view-grid-message';
15
- export * from './lib/modules/list-view-grid/types/list-view-grid-message-type';
16
- export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args';
17
- export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args';
18
- export { SkyListColumnSelectorActionComponent as λ1 } from './lib/modules/list-column-selector-action/list-column-selector-action.component';
1
+ export * from './lib/modules/column-selector/column-selector-context';
2
+ export * from './lib/modules/column-selector/column-selector-modal.module';
3
+ export * from './lib/modules/list-column-selector-action/list-column-selector-action.module';
4
+ export * from './lib/modules/list-view-grid/list-view-grid.component';
5
+ export * from './lib/modules/list-view-grid/list-view-grid.module';
6
+ export * from './lib/modules/list-view-grid/state/grid-state-action.type';
7
+ export * from './lib/modules/list-view-grid/state/grid-state.model';
8
+ export * from './lib/modules/list-view-grid/state/grid-state.rxstate';
9
+ export * from './lib/modules/list-view-grid/state/grid-state.state-node';
10
+ export * from './lib/modules/list-view-grid/state/columns/columns.orchestrator';
11
+ export * from './lib/modules/list-view-grid/state/columns/load.action';
12
+ export * from './lib/modules/list-view-grid/state/displayed-columns/displayed-columns.orchestrator';
13
+ export * from './lib/modules/list-view-grid/state/displayed-columns/load.action';
14
+ export * from './lib/modules/list-view-grid/types/list-view-grid-message';
15
+ export * from './lib/modules/list-view-grid/types/list-view-grid-message-type';
16
+ export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-cancel-args';
17
+ export * from './lib/modules/list-view-grid/types/list-view-grid-row-delete-confirm-args';
18
+ export { SkyListColumnSelectorActionComponent as λ1 } from './lib/modules/list-column-selector-action/list-column-selector-action.component';
@@ -1,15 +1,15 @@
1
- /**
2
- * @deprecated
3
- */
4
- export declare class SkyColumnSelectorContext {
5
- columns: Array<SkyColumnSelectorModel>;
6
- selectedColumnIds: Array<string>;
7
- }
8
- /**
9
- * @deprecated
10
- */
11
- export declare class SkyColumnSelectorModel {
12
- id: string;
13
- heading: string;
14
- description: string;
15
- }
1
+ /**
2
+ * @deprecated
3
+ */
4
+ export declare class SkyColumnSelectorContext {
5
+ columns: Array<SkyColumnSelectorModel>;
6
+ selectedColumnIds: Array<string>;
7
+ }
8
+ /**
9
+ * @deprecated
10
+ */
11
+ export declare class SkyColumnSelectorModel {
12
+ id: string;
13
+ heading: string;
14
+ description: string;
15
+ }
@@ -1,14 +1,14 @@
1
- import { SkyModalInstance } from '@skyux/modals';
2
- import { SkyColumnSelectorContext } from './column-selector-context';
3
- import * as i0 from "@angular/core";
4
- export declare class SkyColumnSelectorComponent {
5
- context: SkyColumnSelectorContext;
6
- instance: SkyModalInstance;
7
- newSelectedColumnIds: Array<string>;
8
- constructor(context: SkyColumnSelectorContext, instance: SkyModalInstance);
9
- selectedColumnsChange(selectedMap: Map<string, boolean>): void;
10
- cancelChanges(): void;
11
- applyChanges(): void;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyColumnSelectorComponent, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyColumnSelectorComponent, "sky-column-selector", never, {}, {}, never, never, false>;
14
- }
1
+ import { SkyModalInstance } from '@skyux/modals';
2
+ import { SkyColumnSelectorContext } from './column-selector-context';
3
+ import * as i0 from "@angular/core";
4
+ export declare class SkyColumnSelectorComponent {
5
+ context: SkyColumnSelectorContext;
6
+ instance: SkyModalInstance;
7
+ newSelectedColumnIds: Array<string>;
8
+ constructor(context: SkyColumnSelectorContext, instance: SkyModalInstance);
9
+ selectedColumnsChange(selectedMap: Map<string, boolean>): void;
10
+ cancelChanges(): void;
11
+ applyChanges(): void;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyColumnSelectorComponent, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyColumnSelectorComponent, "sky-column-selector", never, {}, {}, never, never, false>;
14
+ }
@@ -1,15 +1,15 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./column-selector-modal.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@skyux/i18n";
5
- import * as i4 from "@skyux/modals";
6
- import * as i5 from "@skyux/list-builder";
7
- import * as i6 from "@skyux/list-builder-view-checklist";
8
- /**
9
- * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
10
- */
11
- export declare class SkyColumnSelectorModule {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyColumnSelectorModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyColumnSelectorModule, [typeof i1.SkyColumnSelectorComponent], [typeof i2.CommonModule, typeof i3.SkyI18nModule, typeof i4.SkyModalModule, typeof i5.SkyListModule, typeof i5.SkyListToolbarModule, typeof i6.SkyListViewChecklistModule], never>;
14
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyColumnSelectorModule>;
15
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./column-selector-modal.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@skyux/i18n";
5
+ import * as i4 from "@skyux/modals";
6
+ import * as i5 from "@skyux/list-builder";
7
+ import * as i6 from "@skyux/list-builder-view-checklist";
8
+ /**
9
+ * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
10
+ */
11
+ export declare class SkyColumnSelectorModule {
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyColumnSelectorModule, never>;
13
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyColumnSelectorModule, [typeof i1.SkyColumnSelectorComponent], [typeof i2.CommonModule, typeof i3.SkyI18nModule, typeof i4.SkyModalModule, typeof i5.SkyListModule, typeof i5.SkyListToolbarModule, typeof i6.SkyListViewChecklistModule], never>;
14
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyColumnSelectorModule>;
15
+ }
@@ -1,39 +1,39 @@
1
- import { AfterContentInit, EventEmitter } from '@angular/core';
2
- import { ListState, ListStateDispatcher, SkyListSecondaryActionsComponent } from '@skyux/list-builder';
3
- import { SkyModalService } from '@skyux/modals';
4
- import { Observable } from 'rxjs';
5
- import { SkyListViewGridComponent } from '../list-view-grid/list-view-grid.component';
6
- import * as i0 from "@angular/core";
7
- /**
8
- * Provides a column selector modal for a list grid view when placed in a
9
- * [list toolbar](https://developer.blackbaud.com/skyux/components/list/toolbar).
10
- */
11
- export declare class SkyListColumnSelectorActionComponent implements AfterContentInit {
12
- listState: ListState;
13
- private modalService;
14
- private dispatcher;
15
- secondaryActions: SkyListSecondaryActionsComponent;
16
- /**
17
- * Enables the column selector in the list toolbar. Set this attribute to the instance of
18
- * the `sky-grid-view` component using the component's template reference variable.
19
- */
20
- gridView: SkyListViewGridComponent;
21
- /**
22
- * Specifies a `helpKey` string and displays a help button in the grid header. When users select
23
- * the button, the `helpOpened` event broadcasts the `helpKey` parameter.
24
- */
25
- helpKey: string;
26
- /**
27
- * Fires when users click the help button and broadcasts the `helpKey`.
28
- */
29
- helpOpened: EventEmitter<string>;
30
- private columnChooserTemplate;
31
- private columnSelectorActionItemToolbarIndex;
32
- constructor(listState: ListState, modalService: SkyModalService, dispatcher: ListStateDispatcher, secondaryActions: SkyListSecondaryActionsComponent);
33
- ngAfterContentInit(): void;
34
- get isInGridView(): Observable<boolean>;
35
- get isInGridViewAndSecondary(): Observable<boolean>;
36
- openColumnSelector(): void;
37
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyListColumnSelectorActionComponent, [null, null, null, { optional: true; }]>;
38
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyListColumnSelectorActionComponent, "sky-list-column-selector-action", never, { "gridView": "gridView"; "helpKey": "helpKey"; }, { "helpOpened": "helpOpened"; }, never, never, false>;
39
- }
1
+ import { AfterContentInit, EventEmitter } from '@angular/core';
2
+ import { ListState, ListStateDispatcher, SkyListSecondaryActionsComponent } from '@skyux/list-builder';
3
+ import { SkyModalService } from '@skyux/modals';
4
+ import { Observable } from 'rxjs';
5
+ import { SkyListViewGridComponent } from '../list-view-grid/list-view-grid.component';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Provides a column selector modal for a list grid view when placed in a
9
+ * [list toolbar](https://developer.blackbaud.com/skyux/components/list/toolbar).
10
+ */
11
+ export declare class SkyListColumnSelectorActionComponent implements AfterContentInit {
12
+ listState: ListState;
13
+ private modalService;
14
+ private dispatcher;
15
+ secondaryActions: SkyListSecondaryActionsComponent;
16
+ /**
17
+ * Enables the column selector in the list toolbar. Set this attribute to the instance of
18
+ * the `sky-grid-view` component using the component's template reference variable.
19
+ */
20
+ gridView: SkyListViewGridComponent;
21
+ /**
22
+ * Specifies a `helpKey` string and displays a help button in the grid header. When users select
23
+ * the button, the `helpOpened` event broadcasts the `helpKey` parameter.
24
+ */
25
+ helpKey: string;
26
+ /**
27
+ * Fires when users click the help button and broadcasts the `helpKey`.
28
+ */
29
+ helpOpened: EventEmitter<string>;
30
+ private columnChooserTemplate;
31
+ private columnSelectorActionItemToolbarIndex;
32
+ constructor(listState: ListState, modalService: SkyModalService, dispatcher: ListStateDispatcher, secondaryActions: SkyListSecondaryActionsComponent);
33
+ ngAfterContentInit(): void;
34
+ get isInGridView(): Observable<boolean>;
35
+ get isInGridViewAndSecondary(): Observable<boolean>;
36
+ openColumnSelector(): void;
37
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyListColumnSelectorActionComponent, [null, null, null, { optional: true; }]>;
38
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyListColumnSelectorActionComponent, "sky-list-column-selector-action", never, { "gridView": "gridView"; "helpKey": "helpKey"; }, { "helpOpened": "helpOpened"; }, never, never, false>;
39
+ }
@@ -1,17 +1,17 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./list-column-selector-action.component";
3
- import * as i2 from "./list-column-selector-button.component";
4
- import * as i3 from "@angular/common";
5
- import * as i4 from "@skyux/i18n";
6
- import * as i5 from "@skyux/modals";
7
- import * as i6 from "@skyux/list-builder";
8
- import * as i7 from "@skyux/indicators";
9
- import * as i8 from "../column-selector/column-selector-modal.module";
10
- /**
11
- * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
12
- */
13
- export declare class SkyListColumnSelectorActionModule {
14
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyListColumnSelectorActionModule, never>;
15
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyListColumnSelectorActionModule, [typeof i1.SkyListColumnSelectorActionComponent, typeof i2.SkyListColumnSelectorButtonComponent], [typeof i3.CommonModule, typeof i4.SkyI18nModule, typeof i5.SkyModalModule, typeof i6.SkyListSecondaryActionsModule, typeof i6.SkyListToolbarModule, typeof i7.SkyIconModule], [typeof i1.SkyListColumnSelectorActionComponent, typeof i8.SkyColumnSelectorModule]>;
16
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyListColumnSelectorActionModule>;
17
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./list-column-selector-action.component";
3
+ import * as i2 from "./list-column-selector-button.component";
4
+ import * as i3 from "@angular/common";
5
+ import * as i4 from "@skyux/i18n";
6
+ import * as i5 from "@skyux/modals";
7
+ import * as i6 from "@skyux/list-builder";
8
+ import * as i7 from "@skyux/indicators";
9
+ import * as i8 from "../column-selector/column-selector-modal.module";
10
+ /**
11
+ * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
12
+ */
13
+ export declare class SkyListColumnSelectorActionModule {
14
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyListColumnSelectorActionModule, never>;
15
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyListColumnSelectorActionModule, [typeof i1.SkyListColumnSelectorActionComponent, typeof i2.SkyListColumnSelectorButtonComponent], [typeof i3.CommonModule, typeof i4.SkyI18nModule, typeof i5.SkyModalModule, typeof i6.SkyListSecondaryActionsModule, typeof i6.SkyListToolbarModule, typeof i7.SkyIconModule], [typeof i1.SkyListColumnSelectorActionComponent, typeof i8.SkyColumnSelectorModule]>;
16
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyListColumnSelectorActionModule>;
17
+ }
@@ -1,5 +1,5 @@
1
- import * as i0 from "@angular/core";
2
- export declare class SkyListColumnSelectorButtonComponent {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyListColumnSelectorButtonComponent, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyListColumnSelectorButtonComponent, "sky-list-column-selector-button", never, {}, {}, never, never, false>;
5
- }
1
+ import * as i0 from "@angular/core";
2
+ export declare class SkyListColumnSelectorButtonComponent {
3
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyListColumnSelectorButtonComponent, never>;
4
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyListColumnSelectorButtonComponent, "sky-list-column-selector-button", never, {}, {}, never, never, false>;
5
+ }
@@ -1,147 +1,147 @@
1
- import { AfterContentInit, EventEmitter, OnDestroy } from '@angular/core';
2
- import { SkyLogService } from '@skyux/core';
3
- import { SkyGridColumnModel, SkyGridComponent, SkyGridMessage, SkyGridSelectedRowsModelChange } from '@skyux/grids';
4
- import { ListState, ListStateDispatcher, ListViewComponent } from '@skyux/list-builder';
5
- import { ListItemModel, ListSortFieldSelectorModel } from '@skyux/list-builder-common';
6
- import { Observable, Subject } from 'rxjs';
7
- import { GridStateDispatcher } from './state/grid-state.rxstate';
8
- import { GridState } from './state/grid-state.state-node';
9
- import { SkyListViewGridMessage } from './types/list-view-grid-message';
10
- import { SkyListViewGridRowDeleteCancelArgs } from './types/list-view-grid-row-delete-cancel-args';
11
- import { SkyListViewGridRowDeleteConfirmArgs } from './types/list-view-grid-row-delete-confirm-args';
12
- import * as i0 from "@angular/core";
13
- /**
14
- * Displays a grid for a
15
- * [SKY UX-themed list of data](https://developer.blackbaud.com/skyux/components/list/overview)
16
- * using the [grid component](https://developer.blackbaud.com/skyux/components/grid).
17
- * You must install `SkyListModule` as a dependency.
18
- * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
19
- */
20
- export declare class SkyListViewGridComponent extends ListViewComponent implements AfterContentInit, OnDestroy {
21
- private dispatcher;
22
- gridState: GridState;
23
- gridDispatcher: GridStateDispatcher;
24
- /**
25
- * Specifies the name of the view.
26
- * @required
27
- */
28
- set name(value: string);
29
- /**
30
- * Specifies the columns to display by default based on the ID or field of the item.
31
- */
32
- displayedColumns: Array<string> | Observable<Array<string>>;
33
- /**
34
- * Specifies the columns to hide by default based on the ID or field of the item.
35
- */
36
- hiddenColumns: Array<string> | Observable<Array<string>>;
37
- /**
38
- * Specifies how the grid fits to its parent. `"width"` fits the grid to the parent's full
39
- * width, and `"scroll"` allows the grid to exceed the parent's width. If the grid does not have
40
- * enough columns to fill the parent's width, it always stretches to the parent's full width.
41
- * @default "width"
42
- */
43
- fit: string;
44
- /**
45
- * Specifies the width of the grid.
46
- */
47
- width: number | Observable<number>;
48
- /**
49
- * Specifies the height of the grid.
50
- */
51
- height: number | Observable<number>;
52
- /**
53
- * Indicates whether to highlight search text within the grid.
54
- * @default true
55
- */
56
- highlightSearchText: boolean;
57
- /**
58
- * Provides an observable to send commands to the grid.
59
- * The commands should respect the `SkyListViewGridMessage` type.
60
- */
61
- set messageStream(stream: Subject<SkyListViewGridMessage>);
62
- get messageStream(): Subject<SkyListViewGridMessage>;
63
- /**
64
- * Specifies the ID of the row to highlight. The ID matches the `id` property of
65
- * the `data` object. Typically, this property is used in conjunction with the
66
- * [flyout component](https://developer.blackbaud.com/skyux/components/flyout) to
67
- * indicate the currently selected row.
68
- */
69
- rowHighlightedId: string;
70
- /**
71
- * Indicates whether to enable the multiselect feature to display a column of checkboxes
72
- * on the left side of the grid. Multiselect also displays an action bar with buttons to
73
- * select and clear all checkboxes. Multiselect defaults to the `id` property on the list's
74
- * `data` object.
75
- * @default false
76
- */
77
- enableMultiselect: boolean;
78
- /**
79
- * Specifies a unique key for the UI Config Service to retrieve stored settings from
80
- * a database. The service saves configuration settings for users and returns `selectedColumnIds`
81
- * for the columns to display and the preferred column order. For more information, see the
82
- * [sticky settings documentation](https://developer.blackbaud.com/skyux/learn/get-started/advanced/sticky-settings).
83
- */
84
- settingsKey: string;
85
- /**
86
- * Fires when users cancel the deletion of a row.
87
- */
88
- rowDeleteCancel: EventEmitter<SkyListViewGridRowDeleteCancelArgs>;
89
- /**
90
- * Fires when users confirm the deletion of a row.
91
- */
92
- rowDeleteConfirm: EventEmitter<SkyListViewGridRowDeleteConfirmArgs>;
93
- /**
94
- * Fires when columns change. This includes changes to the displayed columns and changes
95
- * to the order of columns. The event emits an array of IDs for the displayed columns that
96
- * reflects the column order.
97
- */
98
- selectedColumnIdsChange: EventEmitter<string[]>;
99
- gridComponent: SkyGridComponent;
100
- get gridHeight(): Observable<number>;
101
- get gridWidth(): Observable<number>;
102
- columns: Observable<Array<SkyGridColumnModel>>;
103
- selectedColumnIds: Observable<Array<string>>;
104
- items: Observable<ListItemModel[]>;
105
- /**
106
- * Message stream for communicating with the internal grid instance
107
- * @interal
108
- */
109
- gridMessageStream: Subject<SkyGridMessage>;
110
- loading: Observable<boolean>;
111
- sortField: Observable<ListSortFieldSelectorModel>;
112
- currentSearchText: Observable<string>;
113
- multiselectSelectedIds: string[];
114
- /**
115
- * Specifies a search function to apply on the view data.
116
- * @param data Specifies the data to search.
117
- * @param searchText Specifies a text string to search for.
118
- */
119
- searchFunction: (data: any, searchText: string) => boolean;
120
- private columnComponents;
121
- private ngUnsubscribe;
122
- private _messageStream;
123
- constructor(state: ListState, dispatcher: ListStateDispatcher, gridState: GridState, gridDispatcher: GridStateDispatcher, logger: SkyLogService);
124
- ngAfterContentInit(): void;
125
- ngOnDestroy(): void;
126
- /**
127
- * If user makes selection, tell list-builder to update the list state.
128
- * This logic should only run on user interaction - NOT programmatic updates.
129
- */
130
- onMultiselectSelectionChange(event: SkyGridSelectedRowsModelChange): void;
131
- columnIdsChanged(selectedColumnIds: Array<string>): void;
132
- cancelRowDelete(args: SkyListViewGridRowDeleteCancelArgs): void;
133
- confirmRowDelete(args: SkyListViewGridRowDeleteConfirmArgs): void;
134
- sortFieldChanged(sortField: ListSortFieldSelectorModel): void;
135
- onViewActive(): void;
136
- private initInlineDeleteMessages;
137
- private handleColumnChange;
138
- private getGridItems;
139
- private getSelectedIds;
140
- private haveColumnIdsChanged;
141
- private selectedMapEqual;
142
- private arrayDiff;
143
- private arrayIntersection;
144
- private arraysEqual;
145
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyListViewGridComponent, never>;
146
- static ɵcmp: i0.ɵɵComponentDeclaration<SkyListViewGridComponent, "sky-list-view-grid", never, { "name": "name"; "displayedColumns": "displayedColumns"; "hiddenColumns": "hiddenColumns"; "fit": "fit"; "width": "width"; "height": "height"; "highlightSearchText": "highlightSearchText"; "messageStream": "messageStream"; "rowHighlightedId": "rowHighlightedId"; "enableMultiselect": "enableMultiselect"; "settingsKey": "settingsKey"; "searchFunction": "search"; }, { "rowDeleteCancel": "rowDeleteCancel"; "rowDeleteConfirm": "rowDeleteConfirm"; "selectedColumnIdsChange": "selectedColumnIdsChange"; }, ["columnComponents"], never, false>;
147
- }
1
+ import { AfterContentInit, EventEmitter, OnDestroy } from '@angular/core';
2
+ import { SkyLogService } from '@skyux/core';
3
+ import { SkyGridColumnModel, SkyGridComponent, SkyGridMessage, SkyGridSelectedRowsModelChange } from '@skyux/grids';
4
+ import { ListState, ListStateDispatcher, ListViewComponent } from '@skyux/list-builder';
5
+ import { ListItemModel, ListSortFieldSelectorModel } from '@skyux/list-builder-common';
6
+ import { Observable, Subject } from 'rxjs';
7
+ import { GridStateDispatcher } from './state/grid-state.rxstate';
8
+ import { GridState } from './state/grid-state.state-node';
9
+ import { SkyListViewGridMessage } from './types/list-view-grid-message';
10
+ import { SkyListViewGridRowDeleteCancelArgs } from './types/list-view-grid-row-delete-cancel-args';
11
+ import { SkyListViewGridRowDeleteConfirmArgs } from './types/list-view-grid-row-delete-confirm-args';
12
+ import * as i0 from "@angular/core";
13
+ /**
14
+ * Displays a grid for a
15
+ * [SKY UX-themed list of data](https://developer.blackbaud.com/skyux/components/list/overview)
16
+ * using the [grid component](https://developer.blackbaud.com/skyux/components/grid).
17
+ * You must install `SkyListModule` as a dependency.
18
+ * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
19
+ */
20
+ export declare class SkyListViewGridComponent extends ListViewComponent implements AfterContentInit, OnDestroy {
21
+ private dispatcher;
22
+ gridState: GridState;
23
+ gridDispatcher: GridStateDispatcher;
24
+ /**
25
+ * Specifies the name of the view.
26
+ * @required
27
+ */
28
+ set name(value: string);
29
+ /**
30
+ * Specifies the columns to display by default based on the ID or field of the item.
31
+ */
32
+ displayedColumns: Array<string> | Observable<Array<string>>;
33
+ /**
34
+ * Specifies the columns to hide by default based on the ID or field of the item.
35
+ */
36
+ hiddenColumns: Array<string> | Observable<Array<string>>;
37
+ /**
38
+ * Specifies how the grid fits to its parent. `"width"` fits the grid to the parent's full
39
+ * width, and `"scroll"` allows the grid to exceed the parent's width. If the grid does not have
40
+ * enough columns to fill the parent's width, it always stretches to the parent's full width.
41
+ * @default "width"
42
+ */
43
+ fit: string;
44
+ /**
45
+ * Specifies the width of the grid.
46
+ */
47
+ width: number | Observable<number>;
48
+ /**
49
+ * Specifies the height of the grid.
50
+ */
51
+ height: number | Observable<number>;
52
+ /**
53
+ * Indicates whether to highlight search text within the grid.
54
+ * @default true
55
+ */
56
+ highlightSearchText: boolean;
57
+ /**
58
+ * Provides an observable to send commands to the grid.
59
+ * The commands should respect the `SkyListViewGridMessage` type.
60
+ */
61
+ set messageStream(stream: Subject<SkyListViewGridMessage>);
62
+ get messageStream(): Subject<SkyListViewGridMessage>;
63
+ /**
64
+ * Specifies the ID of the row to highlight. The ID matches the `id` property of
65
+ * the `data` object. Typically, this property is used in conjunction with the
66
+ * [flyout component](https://developer.blackbaud.com/skyux/components/flyout) to
67
+ * indicate the currently selected row.
68
+ */
69
+ rowHighlightedId: string;
70
+ /**
71
+ * Indicates whether to enable the multiselect feature to display a column of checkboxes
72
+ * on the left side of the grid. Multiselect also displays an action bar with buttons to
73
+ * select and clear all checkboxes. Multiselect defaults to the `id` property on the list's
74
+ * `data` object.
75
+ * @default false
76
+ */
77
+ enableMultiselect: boolean;
78
+ /**
79
+ * Specifies a unique key for the UI Config Service to retrieve stored settings from
80
+ * a database. The service saves configuration settings for users and returns `selectedColumnIds`
81
+ * for the columns to display and the preferred column order. For more information, see the
82
+ * [sticky settings documentation](https://developer.blackbaud.com/skyux/learn/get-started/advanced/sticky-settings).
83
+ */
84
+ settingsKey: string;
85
+ /**
86
+ * Fires when users cancel the deletion of a row.
87
+ */
88
+ rowDeleteCancel: EventEmitter<SkyListViewGridRowDeleteCancelArgs>;
89
+ /**
90
+ * Fires when users confirm the deletion of a row.
91
+ */
92
+ rowDeleteConfirm: EventEmitter<SkyListViewGridRowDeleteConfirmArgs>;
93
+ /**
94
+ * Fires when columns change. This includes changes to the displayed columns and changes
95
+ * to the order of columns. The event emits an array of IDs for the displayed columns that
96
+ * reflects the column order.
97
+ */
98
+ selectedColumnIdsChange: EventEmitter<string[]>;
99
+ gridComponent: SkyGridComponent;
100
+ get gridHeight(): Observable<number>;
101
+ get gridWidth(): Observable<number>;
102
+ columns: Observable<Array<SkyGridColumnModel>>;
103
+ selectedColumnIds: Observable<Array<string>>;
104
+ items: Observable<ListItemModel[]>;
105
+ /**
106
+ * Message stream for communicating with the internal grid instance
107
+ * @interal
108
+ */
109
+ gridMessageStream: Subject<SkyGridMessage>;
110
+ loading: Observable<boolean>;
111
+ sortField: Observable<ListSortFieldSelectorModel>;
112
+ currentSearchText: Observable<string>;
113
+ multiselectSelectedIds: string[];
114
+ /**
115
+ * Specifies a search function to apply on the view data.
116
+ * @param data Specifies the data to search.
117
+ * @param searchText Specifies a text string to search for.
118
+ */
119
+ searchFunction: (data: any, searchText: string) => boolean;
120
+ private columnComponents;
121
+ private ngUnsubscribe;
122
+ private _messageStream;
123
+ constructor(state: ListState, dispatcher: ListStateDispatcher, gridState: GridState, gridDispatcher: GridStateDispatcher, logger: SkyLogService);
124
+ ngAfterContentInit(): void;
125
+ ngOnDestroy(): void;
126
+ /**
127
+ * If user makes selection, tell list-builder to update the list state.
128
+ * This logic should only run on user interaction - NOT programmatic updates.
129
+ */
130
+ onMultiselectSelectionChange(event: SkyGridSelectedRowsModelChange): void;
131
+ columnIdsChanged(selectedColumnIds: Array<string>): void;
132
+ cancelRowDelete(args: SkyListViewGridRowDeleteCancelArgs): void;
133
+ confirmRowDelete(args: SkyListViewGridRowDeleteConfirmArgs): void;
134
+ sortFieldChanged(sortField: ListSortFieldSelectorModel): void;
135
+ onViewActive(): void;
136
+ private initInlineDeleteMessages;
137
+ private handleColumnChange;
138
+ private getGridItems;
139
+ private getSelectedIds;
140
+ private haveColumnIdsChanged;
141
+ private selectedMapEqual;
142
+ private arrayDiff;
143
+ private arrayIntersection;
144
+ private arraysEqual;
145
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyListViewGridComponent, never>;
146
+ static ɵcmp: i0.ɵɵComponentDeclaration<SkyListViewGridComponent, "sky-list-view-grid", never, { "name": "name"; "displayedColumns": "displayedColumns"; "hiddenColumns": "hiddenColumns"; "fit": "fit"; "width": "width"; "height": "height"; "highlightSearchText": "highlightSearchText"; "messageStream": "messageStream"; "rowHighlightedId": "rowHighlightedId"; "enableMultiselect": "enableMultiselect"; "settingsKey": "settingsKey"; "searchFunction": "search"; }, { "rowDeleteCancel": "rowDeleteCancel"; "rowDeleteConfirm": "rowDeleteConfirm"; "selectedColumnIdsChange": "selectedColumnIdsChange"; }, ["columnComponents"], never, false>;
147
+ }
@@ -1,15 +1,15 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./list-view-grid.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@skyux/indicators";
5
- import * as i4 from "@skyux/grids";
6
- import * as i5 from "../shared/sky-list-builder-view-grids-resources.module";
7
- import * as i6 from "../list-column-selector-action/list-column-selector-action.module";
8
- /**
9
- * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
10
- */
11
- export declare class SkyListViewGridModule {
12
- static ɵfac: i0.ɵɵFactoryDeclaration<SkyListViewGridModule, never>;
13
- static ɵmod: i0.ɵɵNgModuleDeclaration<SkyListViewGridModule, [typeof i1.SkyListViewGridComponent], [typeof i2.CommonModule, typeof i3.SkyWaitModule, typeof i4.SkyGridModule, typeof i5.SkyListBuilderViewGridsResourcesModule], [typeof i1.SkyListViewGridComponent, typeof i6.SkyListColumnSelectorActionModule, typeof i4.SkyGridModule]>;
14
- static ɵinj: i0.ɵɵInjectorDeclaration<SkyListViewGridModule>;
15
- }
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./list-view-grid.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@skyux/indicators";
5
+ import * as i4 from "@skyux/grids";
6
+ import * as i5 from "../shared/sky-list-builder-view-grids-resources.module";
7
+ import * as i6 from "../list-column-selector-action/list-column-selector-action.module";
8
+ /**
9
+ * @deprecated List builder view grid and its features are deprecated. Use data entry grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-entry-grid.
10
+ */
11
+ export declare class SkyListViewGridModule {
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<SkyListViewGridModule, never>;
13
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SkyListViewGridModule, [typeof i1.SkyListViewGridComponent], [typeof i2.CommonModule, typeof i3.SkyWaitModule, typeof i4.SkyGridModule, typeof i5.SkyListBuilderViewGridsResourcesModule], [typeof i1.SkyListViewGridComponent, typeof i6.SkyListColumnSelectorActionModule, typeof i4.SkyGridModule]>;
14
+ static ɵinj: i0.ɵɵInjectorDeclaration<SkyListViewGridModule>;
15
+ }
@@ -1,11 +1,11 @@
1
- import { SkyGridColumnModel } from '@skyux/grids';
2
- import { AsyncList } from '@skyux/list-builder-common';
3
- import { GridStateOrchestrator } from '../grid-state.rxstate';
4
- /**
5
- * @internal
6
- * @deprecated
7
- */
8
- export declare class ListViewGridColumnsOrchestrator extends GridStateOrchestrator<AsyncList<SkyGridColumnModel>> {
9
- constructor();
10
- private load;
11
- }
1
+ import { SkyGridColumnModel } from '@skyux/grids';
2
+ import { AsyncList } from '@skyux/list-builder-common';
3
+ import { GridStateOrchestrator } from '../grid-state.rxstate';
4
+ /**
5
+ * @internal
6
+ * @deprecated
7
+ */
8
+ export declare class ListViewGridColumnsOrchestrator extends GridStateOrchestrator<AsyncList<SkyGridColumnModel>> {
9
+ constructor();
10
+ private load;
11
+ }