@vendure/admin-ui 3.0.3 → 3.0.4

package/catalog/components/collection-data-table/collection-data-table.component.d.ts

@@ -1,6 +1,6 @@
-import { CdkDrag, CdkDragDrop, CdkDropList, DragDrop, DragRef } from '@angular/cdk/drag-drop';
+import { CdkDrag, CdkDragDrop, CdkDropList, DragRef } from '@angular/cdk/drag-drop';
 import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, QueryList, SimpleChanges } from '@angular/core';
-import { DataService, DataTable2Component, GetCollectionListQuery, ItemOf, LocalStorageService } from '@vendure/admin-ui/core';
+import { DataService, DataTable2Component, GetCollectionListQuery, ItemOf } from '@vendure/admin-ui/core';
 import * as i0 from "@angular/core";
 export type CollectionTableItem = ItemOf<GetCollectionListQuery, 'collections'>;
 export type CollectionOrderEvent = {
@@ -10,9 +10,7 @@ export type CollectionOrderEvent = {
 };
 export declare class CollectionDataTableComponent extends DataTable2Component<CollectionTableItem> implements OnChanges, AfterViewInit {
     protected changeDetectorRef: ChangeDetectorRef;
-    protected localStorageService: LocalStorageService;
     protected dataService: DataService;
-    private dragDrop;
     subCollections: CollectionTableItem[];
     changeOrder: EventEmitter<CollectionOrderEvent>;
     dropList: CdkDropList<{
@@ -24,7 +22,7 @@ export declare class CollectionDataTableComponent extends DataTable2Component<Co
     absoluteIndex: {
         [id: string]: number;
     };
-    constructor(changeDetectorRef: ChangeDetectorRef, localStorageService: LocalStorageService, dataService: DataService, dragDrop: DragDrop);
+    constructor(changeDetectorRef: ChangeDetectorRef, dataService: DataService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     getSubcollections(item: CollectionTableItem): {

package/catalog/components/collection-list/collection-list.component.d.ts

@@ -11,6 +11,7 @@ export declare class CollectionListComponent extends TypedBaseListComponent<type
     activeCollectionTitle$: Observable<string>;
     subCollections$: Observable<Array<ItemOf<GetCollectionListQuery, 'collections'>>>;
     expandedIds: string[];
+    dataTableListId: string;
     readonly customFields: import("@vendure/admin-ui/core").CustomFieldConfig[];
     readonly filters: import("@vendure/admin-ui/core").DataTableFilterCollection<import("@vendure/admin-ui/core").CollectionFilterParameter>;
     readonly sorts: import("@vendure/admin-ui/core").DataTableSortCollection<import("@vendure/admin-ui/core").CollectionSortParameter, ["createdAt", "updatedAt", "name", "slug", "position"]>;

package/catalog/components/facet-list/facet-list.component.d.ts

@@ -8,6 +8,7 @@ export declare class FacetListComponent extends TypedBaseListComponent<typeof Ge
     displayLimit: {
         [id: string]: number;
     };
+    dataTableListId: string;
     readonly customFields: import("@vendure/admin-ui/core").CustomFieldConfig[];
     readonly filters: import("@vendure/admin-ui/core").DataTableFilterCollection<import("@vendure/admin-ui/core").FacetFilterParameter>;
     readonly sorts: import("@vendure/admin-ui/core").DataTableSortCollection<import("@vendure/admin-ui/core").FacetSortParameter, ["id", "createdAt", "updatedAt", "name", "code"]>;

package/catalog/components/product-list/product-list.component.d.ts

@@ -7,9 +7,11 @@ export declare class ProductListComponent extends TypedBaseListComponent<typeof
     private notificationService;
     private jobQueueService;
     pendingSearchIndexUpdates: number;
+    dataTableListId: string;
+    pageLocationId: string;
     readonly customFields: import("@vendure/admin-ui/core").CustomFieldConfig[];
     readonly filters: import("@vendure/admin-ui/core").DataTableFilterCollection<import("@vendure/admin-ui/core").ProductFilterParameter>;
-    readonly sorts: import("@vendure/admin-ui/core").DataTableSortCollection<import("@vendure/admin-ui/core").ProductSortParameter, ["name" | "slug" | "id" | "createdAt" | "updatedAt"]>;
+    readonly sorts: import("@vendure/admin-ui/core").DataTableSortCollection<import("@vendure/admin-ui/core").ProductSortParameter, ["name" | "id" | "createdAt" | "updatedAt" | "slug"]>;
     constructor(dataService: DataService, modalService: ModalService, notificationService: NotificationService, jobQueueService: JobQueueService);
     rebuildSearchIndex(): void;
     deleteProduct(productId: string): void;

package/catalog/components/product-variant-list/product-variant-list.component.d.ts

@@ -7,7 +7,7 @@ export declare class ProductVariantListComponent extends TypedBaseListComponent<
     dataTableId: DataTableLocationId | undefined;
     readonly customFields: import("@vendure/admin-ui/core").CustomFieldConfig[];
     readonly filters: import("@vendure/admin-ui/core").DataTableFilterCollection<ProductVariantFilterParameter>;
-    readonly sorts: import("@vendure/admin-ui/core").DataTableSortCollection<import("@vendure/admin-ui/core").ProductVariantSortParameter, ["name" | "id" | "createdAt" | "updatedAt" | "price" | "sku" | "priceWithTax"]>;
+    readonly sorts: import("@vendure/admin-ui/core").DataTableSortCollection<import("@vendure/admin-ui/core").ProductVariantSortParameter, ["name" | "price" | "sku" | "id" | "createdAt" | "updatedAt" | "priceWithTax"]>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ProductVariantListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ProductVariantListComponent, "vdr-product-variant-list", never, { "productId": { "alias": "productId"; "required": false; }; "hideLanguageSelect": { "alias": "hideLanguageSelect"; "required": false; }; "dataTableId": { "alias": "dataTableId"; "required": false; }; }, {}, never, never, false, never>;

package/core/common/base-list.component.d.ts

@@ -6,9 +6,12 @@ import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { DataService } from '../data/providers/data.service';
 import { QueryResult } from '../data/query-result';
 import { ServerConfigService } from '../data/server-config';
+import { DataTableConfigService } from '../providers/data-table/data-table-config.service';
 import { DataTableFilterCollection } from '../providers/data-table/data-table-filter-collection';
 import { DataTableSortCollection } from '../providers/data-table/data-table-sort-collection';
 import { PermissionsService } from '../providers/permissions/permissions.service';
+import { DataTable2ColumnComponent } from '../shared/components/data-table-2/data-table-column.component';
+import { DataTableCustomFieldColumnComponent } from '../shared/components/data-table-2/data-table-custom-field-column.component';
 import { CustomFieldConfig, CustomFields, LanguageCode } from './generated-types';
 import { SelectionManager } from './utilities/selection-manager';
 import * as i0 from "@angular/core";
@@ -51,6 +54,7 @@ export declare class BaseListComponent<ResultType, ItemType, VariableType extend
     private onPageChangeFn;
     protected refresh$: BehaviorSubject<undefined>;
     private defaults;
+    protected visibleCustomFieldColumnChange$: Subject<DataTableCustomFieldColumnComponent<any>[]>;
     constructor(router: Router, route: ActivatedRoute);
     /**
      * @description
@@ -79,6 +83,7 @@ export declare class BaseListComponent<ResultType, ItemType, VariableType extend
      * Sets the number of items per page in the url.
      */
     setItemsPerPage(perPage: number): void;
+    setVisibleColumns(columns: Array<DataTable2ColumnComponent<any>>): void;
     /**
      * @description
      * Re-fetch the current page of results.
@@ -116,6 +121,14 @@ export declare class TypedBaseListComponent<T extends TypedDocumentNode<any, Var
     protected router: Router;
     protected serverConfigService: ServerConfigService;
     protected permissionsService: PermissionsService;
+    protected dataTableConfigService: DataTableConfigService;
+    /**
+     * This was introduced to allow us to more easily manage the relation between the
+     * DataTableComponent and the BaseListComponent. It allows the base class to
+     * correctly look up the currently-visible custom field columns, which can then
+     * be passed to the `dataService.query()` method.
+     */
+    protected dataTableListId: string | undefined;
     private refreshStreams;
     private collections;
     constructor();

package/core/common/version.d.ts

@@ -1 +1 @@
-export declare const ADMIN_UI_VERSION = "3.0.3";
+export declare const ADMIN_UI_VERSION = "3.0.4";

package/core/data/providers/base-data.service.d.ts

@@ -6,6 +6,23 @@ import { Observable } from 'rxjs';
 import { QueryResult } from '../query-result';
 import { ServerConfigService } from '../server-config';
 import * as i0 from "@angular/core";
+/**
+ * @description
+ * Additional options that can be passed to the `query` and `mutate` methods.
+ *
+ * @since 3.0.4
+ */
+export interface ExtendedQueryOptions {
+    /**
+     * @description
+     * An array of custom field names which should be included in the query or mutation
+     * return data. The automatic inclusion of custom fields is only supported for
+     * entities which are defined as Fragments in the DocumentNode.
+     *
+     * @since 3.0.4
+     */
+    includeCustomFields?: string[];
+}
 export declare class BaseDataService {
     private apollo;
     private serverConfigService;
@@ -14,11 +31,11 @@ export declare class BaseDataService {
     /**
      * Performs a GraphQL watch query
      */
-    query<T, V extends Record<string, any> = Record<string, any>>(query: DocumentNode | TypedDocumentNode<T, V>, variables?: V, fetchPolicy?: WatchQueryFetchPolicy): QueryResult<T, V>;
+    query<T, V extends Record<string, any> = Record<string, any>>(query: DocumentNode | TypedDocumentNode<T, V>, variables?: V, fetchPolicy?: WatchQueryFetchPolicy, options?: ExtendedQueryOptions): QueryResult<T, V>;
     /**
      * Performs a GraphQL mutation
      */
-    mutate<T, V extends Record<string, any> = Record<string, any>>(mutation: DocumentNode | TypedDocumentNode<T, V>, variables?: V, update?: MutationUpdaterFn<T>): Observable<T>;
+    mutate<T, V extends Record<string, any> = Record<string, any>>(mutation: DocumentNode | TypedDocumentNode<T, V>, variables?: V, update?: MutationUpdaterFn<T>, options?: ExtendedQueryOptions): Observable<T>;
     private prepareCustomFields;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseDataService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<BaseDataService>;

package/core/data/providers/collection-data.service.d.ts

@@ -1,5 +1,5 @@
 import * as Codegen from '../../common/generated-types';
-import { BaseDataService } from './base-data.service';
+import { BaseDataService, ExtendedQueryOptions } from './base-data.service';
 export declare class CollectionDataService {
     private baseDataService;
     constructor(baseDataService: BaseDataService);
@@ -16,7 +16,7 @@ export declare class CollectionDataService {
         input: Codegen.PreviewCollectionVariantsInput;
         options?: Codegen.InputMaybe<Codegen.ProductVariantListOptions> | undefined;
     }>>;
-    getCollectionContents(id: string, take?: number, skip?: number, filterTerm?: string): import("@vendure/admin-ui/core").QueryResult<Codegen.GetCollectionContentsQuery, Codegen.Exact<{
+    getCollectionContents(id: string, take?: number, skip?: number, filterTerm?: string, options?: ExtendedQueryOptions): import("@vendure/admin-ui/core").QueryResult<Codegen.GetCollectionContentsQuery, Codegen.Exact<{
         id: string;
         options?: Codegen.InputMaybe<Codegen.ProductVariantListOptions> | undefined;
     }>>;

package/core/data/providers/data.service.d.ts

@@ -5,7 +5,7 @@ import { Observable } from 'rxjs';
 import { QueryResult } from '../query-result';
 import { AdministratorDataService } from './administrator-data.service';
 import { AuthDataService } from './auth-data.service';
-import { BaseDataService } from './base-data.service';
+import { BaseDataService, ExtendedQueryOptions } from './base-data.service';
 import { ClientDataService } from './client-data.service';
 import { CollectionDataService } from './collection-data.service';
 import { CustomerDataService } from './customer-data.service';
@@ -61,7 +61,7 @@ export declare class DataService {
      * ).mapSingle(data => data.product);
      * ```
      */
-    query<T, V extends Record<string, any> = Record<string, any>>(query: DocumentNode | TypedDocumentNode<T, V>, variables?: V, fetchPolicy?: WatchQueryFetchPolicy): QueryResult<T, V>;
+    query<T, V extends Record<string, any> = Record<string, any>>(query: DocumentNode | TypedDocumentNode<T, V>, variables?: V, fetchPolicy?: WatchQueryFetchPolicy, options?: ExtendedQueryOptions): QueryResult<T, V>;
     /**
      * @description
      * Perform a GraphQL mutation.
@@ -79,7 +79,7 @@ export declare class DataService {
      * );
      * ```
      */
-    mutate<T, V extends Record<string, any> = Record<string, any>>(mutation: DocumentNode | TypedDocumentNode<T, V>, variables?: V, update?: MutationUpdaterFn<T>): Observable<T>;
+    mutate<T, V extends Record<string, any> = Record<string, any>>(mutation: DocumentNode | TypedDocumentNode<T, V>, variables?: V, update?: MutationUpdaterFn<T>, options?: ExtendedQueryOptions): Observable<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DataService>;
 }

package/core/data/query-result.d.ts

@@ -1,5 +1,6 @@
 import { Apollo, QueryRef } from 'apollo-angular';
-import { Observable, Subject } from 'rxjs';
+import { Observable } from 'rxjs';
+import { CustomFieldConfig } from '../common/generated-types';
 /**
  * @description
  * This class wraps the Apollo Angular QueryRef object and exposes some getters
@@ -11,14 +12,49 @@ import { Observable, Subject } from 'rxjs';
 export declare class QueryResult<T, V extends Record<string, any> = Record<string, any>> {
     private queryRef;
     private apollo;
-    constructor(queryRef: QueryRef<T, V>, apollo: Apollo);
-    completed$: Subject<void>;
-    private valueChanges;
+    private customFieldMap;
+    constructor(queryRef: QueryRef<T, V>, apollo: Apollo, customFieldMap: Map<string, CustomFieldConfig[]>);
+    /**
+     * Causes any subscriptions to the QueryRef to complete, via the use
+     * of the `takeUntil` operator.
+     */
+    private completed$;
+    /**
+     * The subscription to the current QueryRef.valueChanges Observable.
+     * This is stored so that it can be unsubscribed from when the QueryRef
+     * changes.
+     */
+    private valueChangesSubscription;
+    /**
+     * This Subject is used to emit new values from the QueryRef.valueChanges Observable.
+     * We use this rather than directly subscribing to the QueryRef.valueChanges Observable
+     * so that we are able to change the QueryRef and re-subscribe when necessary.
+     */
+    private valueChangeSubject;
+    /**
+     * We keep track of the QueryRefs which have been subscribed to so that we can avoid
+     * re-subscribing to the same QueryRef multiple times.
+     */
+    private queryRefSubscribed;
+    /**
+     * We store a reference to the last query so that we can compare it with the next query
+     * and avoid re-fetching the same query multiple times. This is applicable to the code
+     * paths that actually change the query, i.e. refetchOnCustomFieldsChange().
+     */
+    private lastQuery;
     /**
      * @description
      * Re-fetch this query whenever the active Channel changes.
      */
     refetchOnChannelChange(): QueryResult<T, V>;
+    /**
+     * @description
+     * Re-fetch this query whenever the custom fields change, updating the query to include the
+     * specified custom fields.
+     *
+     * @since 3.0.4
+     */
+    refetchOnCustomFieldsChange(customFieldsToInclude$: Observable<string[]>): QueryResult<T, V>;
     /**
      * @description
      * Returns an Observable which emits a single result and then completes.
@@ -40,4 +76,24 @@ export declare class QueryResult<T, V extends Record<string, any> = Record<strin
      * Returns a multiple-result Observable after applying the map function.
      */
     mapStream<R>(mapFn: (item: T) => R): Observable<R>;
+    /**
+     * @description
+     * Signals to the internal Observable subscriptions that they should complete.
+     */
+    destroy(): void;
+    /**
+     * @description
+     * Returns an Observable which emits the current value of the QueryRef.valueChanges Observable.
+     *
+     * We wrap the valueChanges Observable in a new Observable so that we can have a lazy
+     * evaluation of the valueChanges Observable. That is, we only fire the HTTP request when
+     * the returned Observable is subscribed to.
+     */
+    private get currentQueryRefValueChanges();
+    /**
+     * @description
+     * Subscribes to the valueChanges Observable of the given QueryRef, and stores the subscription
+     * so that it can be unsubscribed from when the QueryRef changes.
+     */
+    private subscribeToQueryRef;
 }

package/core/data/utils/add-custom-fields.d.ts

@@ -4,4 +4,4 @@ import { CustomFieldConfig } from '../../common/generated-types';
  * Given a GraphQL AST (DocumentNode), this function looks for fragment definitions and adds and configured
  * custom fields to those fragments.
  */
-export declare function addCustomFields(documentNode: DocumentNode, customFields: Map<string, CustomFieldConfig[]>): DocumentNode;
+export declare function addCustomFields(documentNode: DocumentNode, customFields: Map<string, CustomFieldConfig[]>, includeCustomFields?: string[]): DocumentNode;

package/core/providers/alerts/alerts.service.d.ts

@@ -127,9 +127,11 @@ export declare class Alert<T> {
     activeAlert$: Observable<ActiveAlert | undefined>;
     private hasRun$;
     private data$;
+    private readonly subscription;
     constructor(config: AlertConfig<T>, context: AlertContext);
     get id(): string;
     runCheck(): void;
+    destroy(): void;
 }
 export declare class AlertsService {
     private permissionsService;
@@ -144,6 +146,7 @@ export declare class AlertsService {
     configureAlert<T>(config: AlertConfig<T>): void;
     hasSufficientPermissions(permissions?: Permission[]): Observable<boolean>;
     refresh(id?: string): void;
+    clearAlerts(): void;
     protected createContext(): AlertContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AlertsService>;

package/core/providers/auth/auth.service.d.ts

@@ -4,6 +4,7 @@ import { DataService } from '../../data/providers/data.service';
 import { ServerConfigService } from '../../data/server-config';
 import { LocalStorageService } from '../local-storage/local-storage.service';
 import { PermissionsService } from '../permissions/permissions.service';
+import { AlertsService } from '../alerts/alerts.service';
 import * as i0 from "@angular/core";
 /**
  * This service handles logic relating to authentication of the current user.
@@ -13,7 +14,8 @@ export declare class AuthService {
     private dataService;
     private serverConfigService;
     private permissionsService;
-    constructor(localStorageService: LocalStorageService, dataService: DataService, serverConfigService: ServerConfigService, permissionsService: PermissionsService);
+    private alertService;
+    constructor(localStorageService: LocalStorageService, dataService: DataService, serverConfigService: ServerConfigService, permissionsService: PermissionsService, alertService: AlertsService);
     /**
      * Attempts to log in via the REST login endpoint and updates the app
      * state on success.

package/core/providers/data-table/data-table-config.service.d.ts

@@ -0,0 +1,12 @@
+import { DataTableConfig, LocalStorageService } from '../local-storage/local-storage.service';
+import * as i0 from "@angular/core";
+export declare class DataTableConfigService {
+    private localStorageService;
+    constructor(localStorageService: LocalStorageService);
+    getConfig(): DataTableConfig;
+    getConfig(dataTableId: string): DataTableConfig[string];
+    setConfig(dataTableId: string, config: DataTableConfig[string]): void;
+    setConfig(dataTableConfig: DataTableConfig): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableConfigService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DataTableConfigService>;
+}

package/core/public_api.d.ts

@@ -105,6 +105,7 @@ export * from './providers/custom-history-entry-component/history-entry-componen
 export * from './providers/custom-history-entry-component/history-entry-component.service';
 export * from './providers/dashboard-widget/dashboard-widget-types';
 export * from './providers/dashboard-widget/dashboard-widget.service';
+export * from './providers/data-table/data-table-config.service';
 export * from './providers/data-table/data-table-filter-collection';
 export * from './providers/data-table/data-table-filter';
 export * from './providers/data-table/data-table-sort-collection';

package/core/shared/components/data-table-2/data-table2.component.d.ts

@@ -3,8 +3,8 @@ import { ActivatedRoute } from '@angular/router';
 import { Observable, Subject } from 'rxjs';
 import { LanguageCode } from '../../../common/generated-types';
 import { DataService } from '../../../data/providers/data.service';
+import { DataTableConfigService } from '../../../providers/data-table/data-table-config.service';
 import { DataTableFilterCollection } from '../../../providers/data-table/data-table-filter-collection';
-import { DataTableConfig, LocalStorageService } from '../../../providers/local-storage/local-storage.service';
 import { BulkActionMenuComponent } from '../bulk-action-menu/bulk-action-menu.component';
 import { FilterPresetService } from '../data-table-filter-presets/filter-preset.service';
 import { DataTable2ColumnComponent } from './data-table-column.component';
@@ -76,7 +76,6 @@ import * as i0 from "@angular/core";
  */
 export declare class DataTable2Component<T> implements AfterContentInit, OnChanges, OnDestroy {
     protected changeDetectorRef: ChangeDetectorRef;
-    protected localStorageService: LocalStorageService;
     protected dataService: DataService;
     id: DataTableLocationId;
     items: T[];
@@ -88,6 +87,7 @@ export declare class DataTable2Component<T> implements AfterContentInit, OnChang
     activeIndex: number;
     pageChange: EventEmitter<number>;
     itemsPerPageChange: EventEmitter<number>;
+    visibleColumnsChange: EventEmitter<DataTable2ColumnComponent<T>[]>;
     columns: QueryList<DataTable2ColumnComponent<T>>;
     customFieldColumns: QueryList<DataTableCustomFieldColumnComponent<T>>;
     searchComponent: DataTable2SearchComponent;
@@ -98,6 +98,7 @@ export declare class DataTable2Component<T> implements AfterContentInit, OnChang
     route: ActivatedRoute;
     filterPresetService: FilterPresetService;
     dataTableCustomComponentService: DataTableCustomComponentService;
+    dataTableConfigService: DataTableConfigService;
     protected customComponents: Map<string, {
         config: DataTableComponentConfig;
         injector: Injector;
@@ -109,7 +110,7 @@ export declare class DataTable2Component<T> implements AfterContentInit, OnChang
     showSearchFilterRow: boolean;
     protected uiLanguage$: Observable<LanguageCode>;
     protected destroy$: Subject<void>;
-    constructor(changeDetectorRef: ChangeDetectorRef, localStorageService: LocalStorageService, dataService: DataService);
+    constructor(changeDetectorRef: ChangeDetectorRef, dataService: DataService);
     get selectionManager(): import("@vendure/admin-ui/core").SelectionManager<any>;
     get allColumns(): DataTable2ColumnComponent<T>[];
     get visibleSortedColumns(): DataTable2ColumnComponent<T>[];
@@ -128,7 +129,6 @@ export declare class DataTable2Component<T> implements AfterContentInit, OnChang
     trackByFn(index: number, item: any): any;
     onToggleAllClick(): void;
     onRowClick(item: T, event: MouseEvent): void;
-    protected getDataTableConfig(): DataTableConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTable2Component<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTable2Component<any>, "vdr-data-table-2", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; }, ["searchComponent", "bulkActionMenuComponent", "customSearchTemplate", "columns", "customFieldColumns", "templateRefs"], ["vdr-bulk-action-menu"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTable2Component<any>, "vdr-data-table-2", never, { "id": { "alias": "id"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "emptyStateLabel": { "alias": "emptyStateLabel"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; "visibleColumnsChange": "visibleColumnsChange"; }, ["searchComponent", "bulkActionMenuComponent", "customSearchTemplate", "columns", "customFieldColumns", "templateRefs"], ["vdr-bulk-action-menu"], false, never>;
 }

package/core/shared/components/data-table-filter-presets/filter-preset.service.d.ts

@@ -1,15 +1,14 @@
 import { Observable } from 'rxjs';
-import { DataTableConfig, LocalStorageService } from '../../../providers/local-storage/local-storage.service';
+import { DataTableConfigService } from '../../../providers/data-table/data-table-config.service';
 import * as i0 from "@angular/core";
 export declare class FilterPresetService {
-    private localStorageService;
+    private dataTableConfigService;
     presetChanges$: Observable<Array<{
         name: string;
         value: string;
     }>>;
     private _presetChanges;
-    constructor(localStorageService: LocalStorageService);
-    protected getDataTableConfig(dataTableId: string): DataTableConfig;
+    constructor(dataTableConfigService: DataTableConfigService);
     getFilterPresets(dataTableId: string): Array<{
         name: string;
         value: string;

package/customer/components/customer-group-list/customer-group-list.component.d.ts

@@ -11,6 +11,8 @@ export declare class CustomerGroupListComponent extends TypedBaseListComponent<t
     private modalService;
     route: ActivatedRoute;
     protected router: Router;
+    dataTableListId: string;
+    readonly customFields: import("@vendure/admin-ui/core").CustomFieldConfig[];
     activeGroup$: Observable<ItemOf<GetCustomerGroupsQuery, 'customerGroups'> | undefined>;
     activeIndex$: Observable<number>;
     listIsEmpty$: Observable<boolean>;

package/customer/components/customer-list/customer-list.component.d.ts

@@ -3,6 +3,7 @@ import { CustomerListQueryDocument, TypedBaseListComponent } from '@vendure/admi
 import * as i0 from "@angular/core";
 export declare const CUSTOMER_LIST_QUERY: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare class CustomerListComponent extends TypedBaseListComponent<typeof CustomerListQueryDocument, 'customers'> implements OnInit {
+    dataTableListId: string;
     readonly customFields: import("@vendure/admin-ui/core").CustomFieldConfig[];
     readonly filters: import("@vendure/admin-ui/core").DataTableFilterCollection<import("@vendure/admin-ui/core").CustomerFilterParameter>;
     readonly sorts: import("@vendure/admin-ui/core").DataTableSortCollection<import("@vendure/admin-ui/core").CustomerSortParameter, ["createdAt", "updatedAt", "lastName", "emailAddress"]>;