@vendure/admin-ui 1.5.2 → 1.6.2

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

@@ -1,21 +1,26 @@
 import { OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
+import { ConfigurableOperationInput, DataService, GetCollectionContents } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
-import { GetCollectionContents } from '@vendure/admin-ui/core';
-import { DataService } from '@vendure/admin-ui/core';
 export declare class CollectionContentsComponent implements OnInit, OnChanges, OnDestroy {
     private route;
     private router;
     private dataService;
     collectionId: string;
+    parentId: string;
+    updatedFilters: ConfigurableOperationInput[] | undefined;
+    previewUpdatedFilters: boolean;
     headerTemplate: TemplateRef<any>;
     contents$: Observable<GetCollectionContents.Items[]>;
     contentsTotalItems$: Observable<number>;
     contentsItemsPerPage$: Observable<number>;
     contentsCurrentPage$: Observable<number>;
     filterTermControl: FormControl;
+    isLoading: boolean;
     private collectionIdChange$;
+    private parentIdChange$;
+    private filterChanges$;
     private refresh$;
     private destroy$;
     constructor(route: ActivatedRoute, router: Router, dataService: DataService);

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

@@ -1,7 +1,8 @@
 import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormGroup } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { Asset, BaseDetailComponent, Collection, ConfigurableOperation, ConfigurableOperationDefinition, CustomFieldConfig, DataService, LanguageCode, ModalService, NotificationService, Permission, ServerConfigService } from '@vendure/admin-ui/core';
+import { Asset, BaseDetailComponent, Collection, ConfigurableOperation, ConfigurableOperationDefinition, ConfigurableOperationInput, CustomFieldConfig, DataService, LanguageCode, LocalStorageService, ModalService, NotificationService, Permission, ServerConfigService } from '@vendure/admin-ui/core';
+import { Observable } from 'rxjs';
 import { CollectionContentsComponent } from '../collection-contents/collection-contents.component';
 export declare class CollectionDetailComponent extends BaseDetailComponent<Collection.Fragment> implements OnInit, OnDestroy {
     private changeDetector;
@@ -9,6 +10,7 @@ export declare class CollectionDetailComponent extends BaseDetailComponent<Colle
     private formBuilder;
     private notificationService;
     private modalService;
+    private localStorageService;
     customFields: CustomFieldConfig[];
     detailForm: FormGroup;
     assetChanges: {
@@ -17,22 +19,28 @@ export declare class CollectionDetailComponent extends BaseDetailComponent<Colle
     };
     filters: ConfigurableOperation[];
     allFilters: ConfigurableOperationDefinition[];
+    updatedFilters$: Observable<ConfigurableOperationInput[]>;
+    livePreview: boolean;
+    parentId$: Observable<string | undefined>;
     readonly updatePermission: Permission[];
+    private filterRemoved$;
     contentsComponent: CollectionContentsComponent;
-    constructor(router: Router, route: ActivatedRoute, serverConfigService: ServerConfigService, changeDetector: ChangeDetectorRef, dataService: DataService, formBuilder: FormBuilder, notificationService: NotificationService, modalService: ModalService);
+    constructor(router: Router, route: ActivatedRoute, serverConfigService: ServerConfigService, changeDetector: ChangeDetectorRef, dataService: DataService, formBuilder: FormBuilder, notificationService: NotificationService, modalService: ModalService, localStorageService: LocalStorageService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    getFilterDefinition(filter: ConfigurableOperation): ConfigurableOperationDefinition | undefined;
+    getFilterDefinition(_filter: ConfigurableOperation): ConfigurableOperationDefinition | undefined;
     assetsChanged(): boolean;
     /**
      * If creating a new Collection, automatically generate the slug based on the collection name.
      */
     updateSlug(nameValue: string): void;
     addFilter(collectionFilter: ConfigurableOperation): void;
-    removeFilter(collectionFilter: ConfigurableOperation): void;
+    removeFilter(index: number): void;
     create(): void;
     save(): void;
     canDeactivate(): boolean;
+    toggleLivePreview(): void;
+    trackByFn(index: number, item: ConfigurableOperation): string;
     /**
      * Sets the values of the form on changes to the category or current language.
      */

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

@@ -18,11 +18,13 @@ export declare class CollectionListComponent implements OnInit, OnDestroy {
     availableLanguages$: Observable<LanguageCode[]>;
     contentLanguage$: Observable<LanguageCode>;
     expandAll: boolean;
+    expandedIds: string[];
     private queryResult;
     private destroy$;
     constructor(dataService: DataService, notificationService: NotificationService, modalService: ModalService, router: Router, route: ActivatedRoute, serverConfigService: ServerConfigService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    toggleExpandAll(): void;
     onRearrange(event: RearrangeEvent): void;
     deleteCollection(id: string): void;
     closeContents(): void;

package/catalog/components/collection-tree/array-to-tree.d.ts

@@ -16,4 +16,4 @@ export declare type RootNode<T extends HasParent> = {
  * Builds a tree from an array of nodes which have a parent.
  * Based on https://stackoverflow.com/a/31247960/772859, modified to preserve ordering.
  */
-export declare function arrayToTree<T extends HasParent>(nodes: T[], currentState?: RootNode<T>): RootNode<T>;
+export declare function arrayToTree<T extends HasParent>(nodes: T[], currentState?: RootNode<T>, expandedIds?: string[]): RootNode<T>;

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

@@ -1,5 +1,6 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
 import { DataService } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
 import { RootNode, TreeNode } from './array-to-tree';
@@ -8,6 +9,8 @@ export declare class CollectionTreeNodeComponent implements OnInit, OnChanges {
     private parent;
     private root;
     private dataService;
+    private router;
+    private route;
     depth: number;
     parentName: string;
     collectionTree: TreeNode<CollectionPartial>;
@@ -19,10 +22,11 @@ export declare class CollectionTreeNodeComponent implements OnInit, OnChanges {
         path: string;
         id: string;
     }>;
-    constructor(parent: CollectionTreeNodeComponent, root: CollectionTreeComponent, dataService: DataService);
+    constructor(parent: CollectionTreeNodeComponent, root: CollectionTreeComponent, dataService: DataService, router: Router, route: ActivatedRoute);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     trackByFn(index: number, item: CollectionPartial): string;
+    toggleExpanded(collection: TreeNode<CollectionPartial>): void;
     getMoveListItems(collection: CollectionPartial): void;
     move(collection: CollectionPartial, parentId: string): void;
     moveUp(collection: CollectionPartial, currentIndex: number): void;

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

@@ -12,6 +12,7 @@ export declare class CollectionTreeComponent implements OnChanges {
     collections: CollectionPartial[];
     activeCollectionId: string;
     expandAll: boolean;
+    expandedIds: string[];
     rearrange: EventEmitter<RearrangeEvent>;
     deleteCollection: EventEmitter<string>;
     collectionTree: RootNode<CollectionPartial>;

package/catalog/components/product-variants-editor/product-variants-editor.component.d.ts

@@ -16,6 +16,16 @@ export declare class GeneratedVariant {
     stock: number;
     constructor(config: Partial<GeneratedVariant>);
 }
+interface OptionGroupUiModel {
+    id?: string;
+    isNew: boolean;
+    name: string;
+    values: Array<{
+        id?: string;
+        name: string;
+        locked: boolean;
+    }>;
+}
 export declare class ProductVariantsEditorComponent implements OnInit, DeactivateAware {
     private route;
     private dataService;
@@ -24,16 +34,7 @@ export declare class ProductVariantsEditorComponent implements OnInit, Deactivat
     private modalService;
     formValueChanged: boolean;
     generatedVariants: GeneratedVariant[];
-    optionGroups: Array<{
-        id?: string;
-        isNew: boolean;
-        name: string;
-        values: Array<{
-            id?: string;
-            name: string;
-            locked: boolean;
-        }>;
-    }>;
+    optionGroups: OptionGroupUiModel[];
     product: GetProductVariantOptions.Product;
     currencyCode: CurrencyCode;
     private languageCode;
@@ -44,6 +45,7 @@ export declare class ProductVariantsEditorComponent implements OnInit, Deactivat
     getVariantsToAdd(): GeneratedVariant[];
     getVariantName(variant: GeneratedVariant): string;
     addOption(): void;
+    removeOption(optionGroup: OptionGroupUiModel): void;
     generateVariants(): void;
     /**
      * Returns one of the existing variants to base the newly-generated variant's
@@ -67,3 +69,4 @@ export declare class ProductVariantsEditorComponent implements OnInit, Deactivat
     private optionsAreSubset;
     private toOptionString;
 }
+export {};

package/catalog/providers/product-detail/product-detail.service.d.ts

@@ -19,7 +19,7 @@ export declare class ProductDetailService {
             __typename?: "ProductVariant" | undefined;
         } & {
             __typename?: "ProductVariant" | undefined;
-        } & Pick<import("@vendure/admin-ui/core").ProductVariant, "id" | "createdAt" | "updatedAt" | "name" | "enabled" | "sku" | "price" | "currencyCode" | "languageCode" | "priceWithTax" | "stockOnHand" | "stockAllocated" | "trackInventory" | "outOfStockThreshold" | "useGlobalOutOfStockThreshold"> & {
+        } & Pick<import("@vendure/admin-ui/core").ProductVariant, "enabled" | "sku" | "id" | "createdAt" | "updatedAt" | "name" | "price" | "currencyCode" | "languageCode" | "priceWithTax" | "stockOnHand" | "stockAllocated" | "trackInventory" | "outOfStockThreshold" | "useGlobalOutOfStockThreshold"> & {
             taxRateApplied: {
                 __typename?: "TaxRate" | undefined;
             } & Pick<import("@vendure/admin-ui/core").TaxRate, "id" | "name" | "value">;
@@ -104,7 +104,7 @@ export declare class ProductDetailService {
             __typename?: "ProductVariant" | undefined;
         } & {
             __typename?: "ProductVariant" | undefined;
-        } & Pick<import("@vendure/admin-ui/core").ProductVariant, "id" | "createdAt" | "updatedAt" | "name" | "enabled" | "sku" | "price" | "currencyCode" | "languageCode" | "priceWithTax" | "stockOnHand" | "stockAllocated" | "trackInventory" | "outOfStockThreshold" | "useGlobalOutOfStockThreshold"> & {
+        } & Pick<import("@vendure/admin-ui/core").ProductVariant, "enabled" | "sku" | "id" | "createdAt" | "updatedAt" | "name" | "price" | "currencyCode" | "languageCode" | "priceWithTax" | "stockOnHand" | "stockAllocated" | "trackInventory" | "outOfStockThreshold" | "useGlobalOutOfStockThreshold"> & {
             taxRateApplied: {
                 __typename?: "TaxRate" | undefined;
             } & Pick<import("@vendure/admin-ui/core").TaxRate, "id" | "name" | "value">;

package/catalog/public_api.d.ts

@@ -19,7 +19,6 @@ 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.component';
 export * from './components/product-options-editor/product-options-editor.component';
-export * from './components/product-search-input/product-search-input.component';
 export * from './components/product-variants-editor/product-variants-editor.component';
 export * from './components/product-variants-list/product-variants-list.component';
 export * from './components/product-variants-table/product-variants-table.component';