@vendure/admin-ui 1.7.4 → 1.8.1

package/bundles/vendure-admin-ui-system.umd.js

@@ -15,7 +15,7 @@
                     selector: 'vdr-health-check',
                     template: "<vdr-action-bar>\r\n    <vdr-ab-left>\r\n        <div class=\"system-status-header\" *ngIf=\"healthCheckService.status$ | async as status\">\r\n            <div class=\"status-icon\">\r\n                <clr-icon\r\n                    [attr.shape]=\"status === 'ok' ? 'check-circle' : 'exclamation-circle'\"\r\n                    [ngClass]=\"{ 'is-success': status === 'ok', 'is-danger': status !== 'ok' }\"\r\n                    size=\"48\"\r\n                ></clr-icon>\r\n            </div>\r\n            <div class=\"status-detail\">\r\n                <ng-container *ngIf=\"status === 'ok'; else error\">\r\n                    {{ 'system.health-all-systems-up' | translate }}\r\n                </ng-container>\r\n                <ng-template #error>\r\n                    {{ 'system.health-error' | translate }}\r\n                </ng-template>\r\n                <div class=\"last-checked\">\r\n                    {{ 'system.health-last-checked' | translate }}:\r\n                    {{ healthCheckService.lastCheck$ | async | localeDate: 'mediumTime' }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </vdr-ab-left>\r\n    <vdr-ab-right>\r\n        <vdr-action-bar-items locationId=\"system-status\"></vdr-action-bar-items>\r\n        <button class=\"btn btn-secondary\" (click)=\"healthCheckService.refresh()\">\r\n            <clr-icon shape=\"refresh\"></clr-icon> {{ 'system.health-refresh' | translate }}\r\n        </button>\r\n    </vdr-ab-right>\r\n</vdr-action-bar>\r\n\r\n<table class=\"table\">\r\n    <thead>\r\n        <tr>\r\n            <th class=\"left\">\r\n                {{ 'common.name' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-status' | translate }}\r\n            </th>\r\n            <th class=\"left\">\r\n                {{ 'system.health-message' | translate }}\r\n            </th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let row of healthCheckService.details$ | async\">\r\n            <td class=\"align-middle left\">{{ row.key }}</td>\r\n            <td class=\"align-middle left\">\r\n                <vdr-chip [colorType]=\"row.result.status === 'up' ? 'success' : 'error'\">\r\n                    <ng-container *ngIf=\"row.result.status === 'up'; else down\">\r\n                        <clr-icon shape=\"check-circle\"></clr-icon>\r\n                        {{ 'system.health-status-up' | translate }}\r\n                    </ng-container>\r\n                    <ng-template #down>\r\n                        <clr-icon shape=\"exclamation-circle\"></clr-icon>\r\n                        {{ 'system.health-status-down' | translate }}\r\n                    </ng-template>\r\n                </vdr-chip>\r\n            </td>\r\n            <td class=\"align-middle left\">{{ row.result.message }}</td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:bold}.system-status-header .last-checked{font-weight:normal;color:var(--color-grey-500)}\n"]
+                    styles: [".system-status-header{display:flex;justify-content:space-between;align-items:flex-start}.system-status-header .status-detail{font-weight:bold;margin-right:6px}.system-status-header .last-checked{font-weight:normal;color:var(--color-grey-500)}\n"]
                 },] }
     ];
     HealthCheckComponent.ctorParameters = function () { return [

package/catalog/catalog.module.d.ts

@@ -1,2 +1,5 @@
+import { BulkActionRegistryService } from '@vendure/admin-ui/core';
 export declare class CatalogModule {
+    private bulkActionRegistryService;
+    constructor(bulkActionRegistryService: BulkActionRegistryService);
 }

package/catalog/components/assign-to-channel-dialog/assign-to-channel-dialog.component.d.ts

@@ -0,0 +1,17 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { DataService, Dialog, GetChannels, NotificationService } from '@vendure/admin-ui/core';
+export declare class AssignToChannelDialogComponent implements OnInit, Dialog<GetChannels.Channels> {
+    private dataService;
+    private notificationService;
+    selectedChannel: GetChannels.Channels | null | undefined;
+    currentChannel: GetChannels.Channels;
+    availableChannels: GetChannels.Channels[];
+    resolveWith: (result?: GetChannels.Channels) => void;
+    selectedChannelIdControl: FormControl;
+    constructor(dataService: DataService, notificationService: NotificationService);
+    ngOnInit(): void;
+    selectChannel(channelIds: string[]): void;
+    assign(): void;
+    cancel(): void;
+}

package/catalog/components/bulk-add-facet-values-dialog/bulk-add-facet-values-dialog.component.d.ts

@@ -0,0 +1,38 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { DataService, Dialog, FacetWithValuesFragment } from '@vendure/admin-ui/core';
+import { Subscription } from 'rxjs';
+interface ProductOrVariant {
+    id: string;
+    name: string;
+    sku?: string;
+    facetValues: Array<{
+        id: string;
+        name: string;
+        code: string;
+        facet: Array<{
+            id: string;
+            name: string;
+            code: string;
+        }>;
+    }>;
+}
+export declare class BulkAddFacetValuesDialogComponent implements OnInit, OnDestroy, Dialog<FacetWithValuesFragment[]> {
+    private dataService;
+    private changeDetectorRef;
+    resolveWith: (result?: FacetWithValuesFragment[]) => void;
+    mode: 'product' | 'variant';
+    ids?: string[];
+    facets: FacetWithValuesFragment[];
+    state: 'loading' | 'ready' | 'saving';
+    selectedValues: FacetWithValuesFragment[];
+    items: ProductOrVariant[];
+    facetValuesRemoved: boolean;
+    private subscription;
+    constructor(dataService: DataService, changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    cancel(): void;
+    removeFacetValue(item: ProductOrVariant, facetValueId: string): void;
+    addFacetValues(): Subscription;
+}
+export {};

package/catalog/components/bulk-add-facet-values-dialog/bulk-add-facet-values-dialog.graphql.d.ts

@@ -0,0 +1,4 @@
+export declare const GET_PRODUCTS_WITH_FACET_VALUES_BY_IDS: import("graphql").DocumentNode;
+export declare const GET_VARIANTS_WITH_FACET_VALUES_BY_IDS: import("graphql").DocumentNode;
+export declare const UPDATE_PRODUCTS_BULK: import("graphql").DocumentNode;
+export declare const UPDATE_VARIANTS_BULK: import("graphql").DocumentNode;

package/catalog/components/collection-list/collection-list-bulk-actions.d.ts

@@ -0,0 +1,6 @@
+import { BulkAction } from '@vendure/admin-ui/core';
+import { CollectionPartial } from '../collection-tree/collection-tree.component';
+import { CollectionListComponent } from './collection-list.component';
+export declare const deleteCollectionsBulkAction: BulkAction<CollectionPartial, CollectionListComponent>;
+export declare const assignCollectionsToChannelBulkAction: BulkAction<CollectionPartial, CollectionListComponent>;
+export declare const removeCollectionsFromChannelBulkAction: BulkAction<CollectionPartial, CollectionListComponent>;

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

@@ -1,9 +1,9 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { DataService, GetCollectionList, LanguageCode, ModalService, NotificationService, ServerConfigService } from '@vendure/admin-ui/core';
+import { DataService, GetCollectionList, LanguageCode, ModalService, NotificationService, SelectionManager, ServerConfigService } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
-import { RearrangeEvent } from '../collection-tree/collection-tree.component';
+import { CollectionPartial, RearrangeEvent } from '../collection-tree/collection-tree.component';
 export declare class CollectionListComponent implements OnInit, OnDestroy {
     private dataService;
     private notificationService;
@@ -11,6 +11,7 @@ export declare class CollectionListComponent implements OnInit, OnDestroy {
     private router;
     private route;
     private serverConfigService;
+    private changeDetectorRef;
     filterTermControl: FormControl;
     activeCollectionId$: Observable<string | null>;
     activeCollectionTitle$: Observable<string>;
@@ -19,9 +20,10 @@ export declare class CollectionListComponent implements OnInit, OnDestroy {
     contentLanguage$: Observable<LanguageCode>;
     expandAll: boolean;
     expandedIds: string[];
+    selectionManager: SelectionManager<CollectionPartial>;
     private queryResult;
     private destroy$;
-    constructor(dataService: DataService, notificationService: NotificationService, modalService: ModalService, router: Router, route: ActivatedRoute, serverConfigService: ServerConfigService);
+    constructor(dataService: DataService, notificationService: NotificationService, modalService: ModalService, router: Router, route: ActivatedRoute, serverConfigService: ServerConfigService, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     toggleExpandAll(): void;
@@ -29,5 +31,5 @@ export declare class CollectionListComponent implements OnInit, OnDestroy {
     deleteCollection(id: string): void;
     closeContents(): void;
     setLanguage(code: LanguageCode): void;
-    private refresh;
+    refresh(): void;
 }

package/catalog/components/collection-tree/collection-tree-node.component.d.ts

@@ -1,30 +1,34 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { DataService } from '@vendure/admin-ui/core';
+import { DataService, SelectionManager } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
 import { RootNode, TreeNode } from './array-to-tree';
 import { CollectionPartial, CollectionTreeComponent } from './collection-tree.component';
-export declare class CollectionTreeNodeComponent implements OnInit, OnChanges {
+export declare class CollectionTreeNodeComponent implements OnInit, OnChanges, OnDestroy {
     private parent;
     private root;
     private dataService;
     private router;
     private route;
+    private changeDetectorRef;
     depth: number;
     parentName: string;
     collectionTree: TreeNode<CollectionPartial>;
     activeCollectionId: string;
     expandAll: boolean;
+    selectionManager: SelectionManager<CollectionPartial>;
     hasUpdatePermission$: Observable<boolean>;
     hasDeletePermission$: Observable<boolean>;
     moveListItems: Array<{
         path: string;
         id: string;
     }>;
-    constructor(parent: CollectionTreeNodeComponent, root: CollectionTreeComponent, dataService: DataService, router: Router, route: ActivatedRoute);
+    private subscription;
+    constructor(parent: CollectionTreeNodeComponent, root: CollectionTreeComponent, dataService: DataService, router: Router, route: ActivatedRoute, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     trackByFn(index: number, item: CollectionPartial): string;
     toggleExpanded(collection: TreeNode<CollectionPartial>): void;
     getMoveListItems(collection: CollectionPartial): void;

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

@@ -1,6 +1,6 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { Collection } from '@vendure/admin-ui/core';
+import { Collection, SelectionManager } from '@vendure/admin-ui/core';
 import { RootNode } from './array-to-tree';
 export declare type RearrangeEvent = {
     collectionId: string;
@@ -13,6 +13,7 @@ export declare class CollectionTreeComponent implements OnChanges {
     activeCollectionId: string;
     expandAll: boolean;
     expandedIds: string[];
+    selectionManager: SelectionManager<CollectionPartial>;
     rearrange: EventEmitter<RearrangeEvent>;
     deleteCollection: EventEmitter<string>;
     collectionTree: RootNode<CollectionPartial>;

package/catalog/components/facet-list/facet-list-bulk-actions.d.ts

@@ -0,0 +1,5 @@
+import { BulkAction, GetFacetList } from '@vendure/admin-ui/core';
+import { FacetListComponent } from './facet-list.component';
+export declare const deleteFacetsBulkAction: BulkAction<GetFacetList.Items, FacetListComponent>;
+export declare const assignFacetsToChannelBulkAction: BulkAction<GetFacetList.Items, FacetListComponent>;
+export declare const removeFacetsFromChannelBulkAction: BulkAction<GetFacetList.Items, FacetListComponent>;

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

@@ -1,7 +1,7 @@
 import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { BaseListComponent, DataService, GetFacetList, LanguageCode, ModalService, NotificationService, ServerConfigService } from '@vendure/admin-ui/core';
+import { BaseListComponent, DataService, GetFacetList, LanguageCode, ModalService, NotificationService, SelectionManager, ServerConfigService } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
 export declare class FacetListComponent extends BaseListComponent<GetFacetList.Query, GetFacetList.Items> implements OnInit {
     private dataService;
@@ -15,6 +15,7 @@ export declare class FacetListComponent extends BaseListComponent<GetFacetList.Q
     displayLimit: {
         [id: string]: number;
     };
+    selectionManager: SelectionManager<GetFacetList.Items>;
     constructor(dataService: DataService, modalService: ModalService, notificationService: NotificationService, serverConfigService: ServerConfigService, router: Router, route: ActivatedRoute);
     ngOnInit(): void;
     toggleDisplayLimit(facet: GetFacetList.Items): void;

package/catalog/components/product-list/product-list-bulk-actions.d.ts

@@ -0,0 +1,6 @@
+import { BulkAction, SearchProducts } from '@vendure/admin-ui/core';
+import { ProductListComponent } from './product-list.component';
+export declare const deleteProductsBulkAction: BulkAction<SearchProducts.Items, ProductListComponent>;
+export declare const assignProductsToChannelBulkAction: BulkAction<SearchProducts.Items, ProductListComponent>;
+export declare const removeProductsFromChannelBulkAction: BulkAction<SearchProducts.Items, ProductListComponent>;
+export declare const assignFacetValuesToProductsBulkAction: BulkAction<SearchProducts.Items, ProductListComponent>;

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { BaseListComponent, DataService, JobQueueService, LanguageCode, ModalService, NotificationService, SearchProducts, ServerConfigService } from '@vendure/admin-ui/core';
+import { BaseListComponent, DataService, JobQueueService, LanguageCode, ModalService, NotificationService, SearchProducts, SelectionManager, ServerConfigService } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
 export declare class ProductListComponent extends BaseListComponent<SearchProducts.Query, SearchProducts.Items, SearchProducts.Variables> implements OnInit, AfterViewInit {
     private dataService;
@@ -16,6 +16,7 @@ export declare class ProductListComponent extends BaseListComponent<SearchProduc
     availableLanguages$: Observable<LanguageCode[]>;
     contentLanguage$: Observable<LanguageCode>;
     pendingSearchIndexUpdates: number;
+    selectionManager: SelectionManager<SearchProducts.Items>;
     private productSearchInput;
     constructor(dataService: DataService, modalService: ModalService, notificationService: NotificationService, jobQueueService: JobQueueService, serverConfigService: ServerConfigService, router: Router, route: ActivatedRoute);
     ngOnInit(): void;

package/catalog/public_api.d.ts

@@ -5,18 +5,24 @@ export * from './components/asset-detail/asset-detail.component';
 export * from './components/asset-list/asset-list.component';
 export * from './components/assets/assets.component';
 export * from './components/assign-products-to-channel-dialog/assign-products-to-channel-dialog.component';
+export * from './components/assign-to-channel-dialog/assign-to-channel-dialog.component';
+export * from './components/bulk-add-facet-values-dialog/bulk-add-facet-values-dialog.component';
+export * from './components/bulk-add-facet-values-dialog/bulk-add-facet-values-dialog.graphql';
 export * from './components/collection-contents/collection-contents.component';
 export * from './components/collection-detail/collection-detail.component';
+export * from './components/collection-list/collection-list-bulk-actions';
 export * from './components/collection-list/collection-list.component';
 export * from './components/collection-tree/array-to-tree';
 export * from './components/collection-tree/collection-tree-node.component';
 export * from './components/collection-tree/collection-tree.component';
 export * from './components/confirm-variant-deletion-dialog/confirm-variant-deletion-dialog.component';
 export * from './components/facet-detail/facet-detail.component';
+export * from './components/facet-list/facet-list-bulk-actions';
 export * from './components/facet-list/facet-list.component';
 export * from './components/generate-product-variants/generate-product-variants.component';
 export * from './components/option-value-input/option-value-input.component';
 export * from './components/product-detail/product-detail.component';
+export * from './components/product-list/product-list-bulk-actions';
 export * from './components/product-list/product-list.component';
 export * from './components/product-options-editor/product-options-editor.component';
 export * from './components/product-variants-editor/product-variants-editor.component';