@vendure/admin-ui 2.1.0-next.7 → 2.1.1

package/catalog/catalog.module.d.ts

@@ -34,8 +34,6 @@ import * as i31 from "./components/product-variant-quick-jump/product-variant-qu
 import * as i32 from "@vendure/admin-ui/core";
 import * as i33 from "@angular/router";
 export declare class CatalogModule {
-    private bulkActionRegistryService;
-    private pageService;
     constructor(bulkActionRegistryService: BulkActionRegistryService, pageService: PageService);
     static ɵfac: i0.ɵɵFactoryDeclaration<CatalogModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<CatalogModule, [typeof i1.ProductListComponent, typeof i2.ProductDetailComponent, typeof i3.FacetListComponent, typeof i4.FacetDetailComponent, typeof i5.GenerateProductVariantsComponent, typeof i6.ApplyFacetDialogComponent, typeof i7.AssetListComponent, typeof i8.AssetsComponent, typeof i9.VariantPriceDetailComponent, typeof i10.CollectionListComponent, typeof i11.CollectionDetailComponent, typeof i12.CollectionTreeComponent, typeof i13.CollectionTreeNodeComponent, typeof i14.CollectionContentsComponent, typeof i15.ProductVariantsTableComponent, typeof i16.OptionValueInputComponent, typeof i17.UpdateProductOptionDialogComponent, typeof i18.ProductVariantsEditorComponent, typeof i19.AssignProductsToChannelDialogComponent, typeof i20.AssetDetailComponent, typeof i21.ConfirmVariantDeletionDialogComponent, typeof i22.ProductOptionsEditorComponent, typeof i23.BulkAddFacetValuesDialogComponent, typeof i24.CollectionDataTableComponent, typeof i25.CollectionBreadcrumbPipe, typeof i26.MoveCollectionsDialogComponent, typeof i27.ProductVariantListComponent, typeof i2.ProductDetailComponent, typeof i28.ProductVariantDetailComponent, typeof i29.CreateProductVariantDialogComponent, typeof i30.CreateProductOptionGroupDialogComponent, typeof i31.ProductVariantQuickJumpComponent], [typeof i32.SharedModule, typeof i33.RouterModule], [typeof i1.ProductListComponent, typeof i2.ProductDetailComponent, typeof i3.FacetListComponent, typeof i4.FacetDetailComponent, typeof i5.GenerateProductVariantsComponent, typeof i6.ApplyFacetDialogComponent, typeof i7.AssetListComponent, typeof i8.AssetsComponent, typeof i9.VariantPriceDetailComponent, typeof i10.CollectionListComponent, typeof i11.CollectionDetailComponent, typeof i12.CollectionTreeComponent, typeof i13.CollectionTreeNodeComponent, typeof i14.CollectionContentsComponent, typeof i15.ProductVariantsTableComponent, typeof i16.OptionValueInputComponent, typeof i17.UpdateProductOptionDialogComponent, typeof i18.ProductVariantsEditorComponent, typeof i19.AssignProductsToChannelDialogComponent, typeof i20.AssetDetailComponent, typeof i21.ConfirmVariantDeletionDialogComponent, typeof i22.ProductOptionsEditorComponent, typeof i23.BulkAddFacetValuesDialogComponent, typeof i24.CollectionDataTableComponent, typeof i25.CollectionBreadcrumbPipe, typeof i26.MoveCollectionsDialogComponent, typeof i27.ProductVariantListComponent, typeof i2.ProductDetailComponent, typeof i28.ProductVariantDetailComponent, typeof i29.CreateProductVariantDialogComponent, typeof i30.CreateProductOptionGroupDialogComponent, typeof i31.ProductVariantQuickJumpComponent]>;

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

@@ -1,7 +1,6 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { ActivatedRoute, Router } from '@angular/router';
-import { Asset, DataService, GetProductDetailDocument, GetProductWithVariantsQuery, LanguageCode, ModalService, NotificationService, Permission, ProductDetailFragment, ProductVariantFragment, ServerConfigService, TypedBaseDetailComponent, UpdateProductOptionInput } from '@vendure/admin-ui/core';
+import { Asset, DataService, GetProductDetailDocument, GetProductWithVariantsQuery, LanguageCode, ModalService, NotificationService, Permission, ProductDetailFragment, ProductVariantFragment, TypedBaseDetailComponent, UpdateProductOptionInput } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
 import { ProductDetailService } from '../../providers/product-detail/product-detail.service';
 import { CreateProductVariantsConfig } from '../generate-product-variants/generate-product-variants.component';
@@ -35,7 +34,7 @@ export declare class ProductDetailComponent extends TypedBaseDetailComponent<typ
     facetValues$: Observable<ProductDetailFragment['facetValues']>;
     createVariantsConfig: CreateProductVariantsConfig;
     readonly updatePermissions: Permission[];
-    constructor(route: ActivatedRoute, router: Router, serverConfigService: ServerConfigService, productDetailService: ProductDetailService, formBuilder: FormBuilder, modalService: ModalService, notificationService: NotificationService, dataService: DataService, changeDetector: ChangeDetectorRef);
+    constructor(productDetailService: ProductDetailService, formBuilder: FormBuilder, modalService: ModalService, notificationService: NotificationService, dataService: DataService, changeDetector: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     isDefaultChannel(channelCode: string): boolean;

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

@@ -1,13 +1,14 @@
 import { OnInit } from '@angular/core';
-import { ProductVariantListQueryDocument, TypedBaseListComponent } from '@vendure/admin-ui/core';
+import { DataTableLocationId, ProductVariantListQueryDocument, TypedBaseListComponent } from '@vendure/admin-ui/core';
 import * as i0 from "@angular/core";
 export declare class ProductVariantListComponent extends TypedBaseListComponent<typeof ProductVariantListQueryDocument, 'productVariants'> implements OnInit {
     productId?: string;
     hideLanguageSelect: boolean;
+    dataTableId: DataTableLocationId | undefined;
     readonly customFields: import("@vendure/admin-ui/core").CustomFieldConfig[];
     readonly filters: import("@vendure/admin-ui/core").DataTableFilterCollection<import("@vendure/admin-ui/core").ProductVariantFilterParameter>;
     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; }; }, {}, never, never, false, 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

@@ -115,6 +115,7 @@ export declare class TypedBaseListComponent<T extends TypedDocumentNode<any, Var
     protected router: Router;
     protected serverConfigService: ServerConfigService;
     private refreshStreams;
+    private collections;
     constructor();
     protected configure(config: {
         document: T;

package/core/common/version.d.ts

@@ -1 +1 @@
-export declare const ADMIN_UI_VERSION = "2.1.0-next.7";
+export declare const ADMIN_UI_VERSION = "2.1.1";

package/core/components/app-shell/app-shell.component.d.ts

@@ -8,6 +8,7 @@ import { BreadcrumbService } from '../../providers/breadcrumb/breadcrumb.service
 import { I18nService } from '../../providers/i18n/i18n.service';
 import { LocalStorageService } from '../../providers/local-storage/local-storage.service';
 import { ModalService } from '../../providers/modal/modal.service';
+import { LocalizationDirectionType, LocalizationLanguageCodeType, LocalizationService } from '../../providers/localization/localization.service';
 import * as i0 from "@angular/core";
 export declare class AppShellComponent implements OnInit {
     private authService;
@@ -17,16 +18,17 @@ export declare class AppShellComponent implements OnInit {
     private modalService;
     private localStorageService;
     private breadcrumbService;
+    private localizationService;
     version: string;
     userName$: Observable<string>;
-    uiLanguageAndLocale$: Observable<[LanguageCode, string | undefined]>;
-    direction$: Observable<'ltr' | 'rtl'>;
+    uiLanguageAndLocale$: LocalizationLanguageCodeType;
+    direction$: LocalizationDirectionType;
     availableLanguages: LanguageCode[];
     hideVendureBranding: boolean | undefined;
     pageTitle$: Observable<string>;
     mainNavExpanded$: Observable<boolean>;
     devMode: boolean;
-    constructor(authService: AuthService, dataService: DataService, router: Router, i18nService: I18nService, modalService: ModalService, localStorageService: LocalStorageService, breadcrumbService: BreadcrumbService);
+    constructor(authService: AuthService, dataService: DataService, router: Router, i18nService: I18nService, modalService: ModalService, localStorageService: LocalStorageService, breadcrumbService: BreadcrumbService, localizationService: LocalizationService);
     ngOnInit(): void;
     selectUiLanguage(): void;
     expandNav(): void;

package/core/components/notification/notification.component.d.ts

@@ -1,7 +1,10 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, OnInit } from '@angular/core';
 import { NotificationType } from '../../providers/notification/notification.service';
+import { LocalizationDirectionType, LocalizationService } from '../../providers/localization/localization.service';
 import * as i0 from "@angular/core";
-export declare class NotificationComponent {
+export declare class NotificationComponent implements OnInit {
+    private localizationService;
+    direction$: LocalizationDirectionType;
     wrapper: ElementRef;
     offsetTop: number;
     message: string;
@@ -11,6 +14,11 @@ export declare class NotificationComponent {
     type: NotificationType;
     isVisible: boolean;
     private onClickFn;
+    /**
+     *
+     */
+    constructor(localizationService: LocalizationService);
+    ngOnInit(): void;
     registerOnClickFn(fn: () => void): void;
     onClick(): void;
     /**

package/core/extension/register-route-component.d.ts

@@ -24,10 +24,10 @@ export type RegisterRouteComponentOptions<Component extends any | BaseDetailComp
     path?: string;
     query?: T;
     getBreadcrumbs?: (entity: Exclude<ResultOf<T>[R], 'Query'>) => BreadcrumbValue;
-    entityKey?: Component extends BaseDetailComponent<Entity> ? R : undefined;
+    entityKey?: Component extends BaseDetailComponent<any> ? R : undefined;
     variables?: T extends TypedDocumentNode<any, infer V> ? Omit<V, 'id'> : never;
     routeConfig?: Route;
-} & (Component extends BaseDetailComponent<Entity> ? {
+} & (Component extends BaseDetailComponent<any> ? {
     entityKey: R;
 } : unknown);
 /**

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

@@ -1,4 +1,6 @@
 import { Observable } from 'rxjs';
+import { Permission } from '../../common/generated-types';
+import { DataService } from '../../data/providers/data.service';
 import * as i0 from "@angular/core";
 export interface AlertConfig<T = any> {
     id: string;
@@ -12,6 +14,7 @@ export interface AlertConfig<T = any> {
             [key: string]: string | number;
         };
     };
+    requiredPermissions?: Permission[];
 }
 export interface ActiveAlert {
     id: string;
@@ -34,11 +37,13 @@ export declare class Alert<T> {
     runCheck(): void;
 }
 export declare class AlertsService {
+    private dataService;
     activeAlerts$: Observable<ActiveAlert[]>;
     private alertsMap;
     private configUpdated;
-    constructor();
+    constructor(dataService: DataService);
     configureAlert<T>(config: AlertConfig<T>): void;
+    hasSufficientPermissions(permissions?: Permission[]): Observable<boolean>;
     refresh(id?: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AlertsService>;

package/core/providers/data-table/data-table-filter-collection.d.ts

@@ -20,9 +20,11 @@ export declare class DataTableFilterCollection<FilterInput extends Record<string
     #private;
     private router;
     valueChanges: import("rxjs").Observable<FilterWithValue<DataTableFilterType>[]>;
+    private readonly destroy$;
     constructor(router: Router);
     get length(): number;
     get activeFilters(): FilterWithValue[];
+    destroy(): void;
     addFilter<FilterType extends DataTableFilterType>(config: DataTableFilterOptions<FilterInput, FilterType>): DataTableFilterCollection<FilterInput>;
     addFilters<FilterType extends DataTableFilterType>(configs: Array<DataTableFilterOptions<FilterInput, FilterType>>): DataTableFilterCollection<FilterInput>;
     addIdFilter(): FilterInput extends {

package/core/providers/data-table/data-table-sort-collection.d.ts

@@ -8,8 +8,10 @@ export declare class DataTableSortCollection<SortInput extends Record<string, 'A
         name: string;
         sortOrder: DataTableSortOrder | undefined;
     }[]>;
+    private readonly destroy$;
     constructor(router: Router);
     get length(): number;
+    destroy(): void;
     addSort<Name extends keyof SortInput>(config: DataTableSortOptions<SortInput, Name>): DataTableSortCollection<SortInput, [...Names, Name]>;
     addSorts<Name extends keyof SortInput>(configs: Array<DataTableSortOptions<SortInput, Name>>): DataTableSortCollection<SortInput, [...Names, Name]>;
     addCustomFieldSorts(customFields: CustomFieldConfig[]): this;

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

@@ -0,0 +1,21 @@
+import { Observable } from 'rxjs';
+import { DataService } from '../../data/providers/data.service';
+import { I18nService } from '../../providers/i18n/i18n.service';
+import { LanguageCode } from '../../common/generated-types';
+import * as i0 from "@angular/core";
+export type LocalizationDirectionType = Observable<'ltr' | 'rtl'>;
+export type LocalizationLanguageCodeType = Observable<[LanguageCode, string | undefined]>;
+/**
+ * @description
+ * Provides localization helper functionality.
+ *
+ */
+export declare class LocalizationService {
+    private i18nService;
+    private dataService;
+    uiLanguageAndLocale$: LocalizationLanguageCodeType;
+    direction$: LocalizationDirectionType;
+    constructor(i18nService: I18nService, dataService: DataService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LocalizationService>;
+}

package/core/public_api.d.ts

@@ -112,6 +112,7 @@ export * from './providers/i18n/custom-message-format-compiler';
 export * from './providers/i18n/i18n.service';
 export * from './providers/job-queue/job-queue.service';
 export * from './providers/local-storage/local-storage.service';
+export * from './providers/localization/localization.service';
 export * from './providers/modal/modal.service';
 export * from './providers/modal/modal.types';
 export * from './providers/nav-builder/nav-builder-types';

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

@@ -3,7 +3,7 @@ import { PageLocationId } from '../../../common/component-registry-types';
 import * as i0 from "@angular/core";
 export type DataTableLocationId = {
     [location in PageLocationId]: location extends `${string}-list` ? location : never;
-}[PageLocationId] | 'collection-contents' | 'edit-options-list' | 'manage-product-variant-list' | 'customer-order-list' | string;
+}[PageLocationId] | 'collection-contents' | 'edit-options-list' | 'manage-product-variant-list' | 'customer-order-list' | 'product-detail-variants-list' | string;
 export type DataTableColumnId = 'id' | 'created-at' | 'updated-at' | 'name' | 'code' | 'description' | 'slug' | 'enabled' | 'sku' | 'price' | 'price-with-tax' | 'status' | 'state' | 'image' | 'quantity' | 'total' | 'stock-on-hand' | string;
 /**
  * @description

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

@@ -1,5 +1,5 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { Observable } from 'rxjs';
 import { DataTableFilterCollection } from '../../../providers/data-table/data-table-filter-collection';
@@ -10,6 +10,7 @@ export declare class DataTableFilterPresetsComponent implements OnInit, OnDestro
     private route;
     private filterPresetService;
     private modalService;
+    private changeDetectorRef;
     dataTableId: string;
     filters: DataTableFilterCollection;
     serializedActiveFilters: string;
@@ -18,7 +19,7 @@ export declare class DataTableFilterPresetsComponent implements OnInit, OnDestro
         value: string;
     }>>;
     private destroy$;
-    constructor(route: ActivatedRoute, filterPresetService: FilterPresetService, modalService: ModalService);
+    constructor(route: ActivatedRoute, filterPresetService: FilterPresetService, modalService: ModalService, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     deleteFilterPreset(name: string): void;

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

@@ -23,7 +23,7 @@ export declare class DataTableFiltersComponent implements AfterViewInit {
     constructor(i18nService: I18nService, changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
     selectFilter(filter: DataTableFilter, value?: any): void;
-    activate(): void;
+    activate(event: Event): void;
     deactivate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableFiltersComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DataTableFiltersComponent, "vdr-data-table-filters", never, { "filters": { "alias": "filters"; "required": false; }; "filterWithValue": { "alias": "filterWithValue"; "required": false; }; }, {}, never, never, false, never>;

package/core/shared/components/dropdown/dropdown-menu.component.d.ts

@@ -1,5 +1,6 @@
 import { Overlay } from '@angular/cdk/overlay';
 import { AfterViewInit, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { LocalizationDirectionType, LocalizationService } from '../../../providers/localization/localization.service';
 import { DropdownComponent } from './dropdown.component';
 import * as i0 from "@angular/core";
 export type DropdownPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
@@ -16,6 +17,8 @@ export declare class DropdownMenuComponent implements AfterViewInit, OnInit, OnD
     private overlay;
     private viewContainerRef;
     private dropdown;
+    private localizationService;
+    direction$: LocalizationDirectionType;
     private position;
     customClasses: string;
     private menuTemplate;
@@ -24,7 +27,7 @@ export declare class DropdownMenuComponent implements AfterViewInit, OnInit, OnD
     private backdropClickSub;
     onEscapeKeydown(event: KeyboardEvent): void;
     onArrowKey(event: KeyboardEvent): void;
-    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, dropdown: DropdownComponent);
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, dropdown: DropdownComponent, localizationService: LocalizationService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/core/shared/components/extension-host/extension-host.component.d.ts

@@ -24,5 +24,5 @@ export declare class ExtensionHostComponent implements OnInit, AfterViewInit, On
     launchExtensionWindow(): void;
     private isExtensionHostConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExtensionHostComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ExtensionHostComponent, "vdr-extension-host", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExtensionHostComponent, "vdr-extension-host", never, {}, {}, never, never, true, never>;
 }

package/core/shared/components/modal-dialog/modal-dialog.component.d.ts

@@ -1,17 +1,25 @@
-import { TemplateRef, Type } from '@angular/core';
+import { OnInit, TemplateRef, Type } from '@angular/core';
 import { Subject } from 'rxjs';
+import { LocalizationDirectionType, LocalizationService } from '../../../providers/localization/localization.service';
 import { Dialog, ModalOptions } from '../../../providers/modal/modal.types';
 import * as i0 from "@angular/core";
 /**
  * This component should only be instantiated dynamically by the ModalService. It should not be used
  * directly in templates. See {@link ModalService.fromComponent} method for more detail.
  */
-export declare class ModalDialogComponent<T extends Dialog<any>> {
+export declare class ModalDialogComponent<T extends Dialog<any>> implements OnInit {
+    private localizationService;
+    direction$: LocalizationDirectionType;
     childComponentType: Type<T>;
     closeModal: (result?: any) => void;
     titleTemplateRef$: Subject<TemplateRef<any>>;
     buttonsTemplateRef$: Subject<TemplateRef<any>>;
     options?: ModalOptions<T>;
+    /**
+     *
+     */
+    constructor(localizationService: LocalizationService);
+    ngOnInit(): void;
     /**
      * This callback is invoked when the childComponentType is instantiated in the
      * template by the {@link DialogComponentOutletComponent}.

package/core/shared/dynamic-form-inputs/customer-group-form-input/customer-group-form-input.component.d.ts

@@ -27,7 +27,7 @@ export declare class CustomerGroupFormInputComponent implements FormInputCompone
     constructor(dataService: DataService);
     ngOnInit(): void;
     selectGroup(group: ItemOf<GetCustomerGroupsQuery, 'customerGroups'>): void;
-    compareWith(o1: ItemOf<GetCustomerGroupsQuery, 'customerGroups'>, o2: ItemOf<GetCustomerGroupsQuery, 'customerGroups'>): boolean;
+    compareWith<T extends ItemOf<GetCustomerGroupsQuery, 'customerGroups'> | string>(o1: T, o2: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomerGroupFormInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CustomerGroupFormInputComponent, "vdr-customer-group-form-input", never, { "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, never, false, never>;
 }