@vendure/admin-ui 2.0.0-next.2 → 2.0.0-next.5

package/catalog/catalog.module.d.ts

@@ -15,18 +15,17 @@ import * as i13 from "./components/collection-tree/collection-tree.component";
 import * as i14 from "./components/collection-tree/collection-tree-node.component";
 import * as i15 from "./components/collection-contents/collection-contents.component";
 import * as i16 from "./components/product-variants-table/product-variants-table.component";
-import * as i17 from "./components/product-search-input/product-search-input.component";
-import * as i18 from "./components/option-value-input/option-value-input.component";
-import * as i19 from "./components/update-product-option-dialog/update-product-option-dialog.component";
-import * as i20 from "./components/product-variants-editor/product-variants-editor.component";
-import * as i21 from "./components/assign-products-to-channel-dialog/assign-products-to-channel-dialog.component";
-import * as i22 from "./components/asset-detail/asset-detail.component";
-import * as i23 from "./components/confirm-variant-deletion-dialog/confirm-variant-deletion-dialog.component";
-import * as i24 from "./components/product-options-editor/product-options-editor.component";
-import * as i25 from "@vendure/admin-ui/core";
-import * as i26 from "@angular/router";
+import * as i17 from "./components/option-value-input/option-value-input.component";
+import * as i18 from "./components/update-product-option-dialog/update-product-option-dialog.component";
+import * as i19 from "./components/product-variants-editor/product-variants-editor.component";
+import * as i20 from "./components/assign-products-to-channel-dialog/assign-products-to-channel-dialog.component";
+import * as i21 from "./components/asset-detail/asset-detail.component";
+import * as i22 from "./components/confirm-variant-deletion-dialog/confirm-variant-deletion-dialog.component";
+import * as i23 from "./components/product-options-editor/product-options-editor.component";
+import * as i24 from "@vendure/admin-ui/core";
+import * as i25 from "@angular/router";
 export declare class CatalogModule {
     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.ProductVariantsListComponent, typeof i7.ApplyFacetDialogComponent, typeof i8.AssetListComponent, typeof i9.AssetsComponent, typeof i10.VariantPriceDetailComponent, typeof i11.CollectionListComponent, typeof i12.CollectionDetailComponent, typeof i13.CollectionTreeComponent, typeof i14.CollectionTreeNodeComponent, typeof i15.CollectionContentsComponent, typeof i16.ProductVariantsTableComponent, typeof i17.ProductSearchInputComponent, typeof i18.OptionValueInputComponent, typeof i19.UpdateProductOptionDialogComponent, typeof i20.ProductVariantsEditorComponent, typeof i21.AssignProductsToChannelDialogComponent, typeof i22.AssetDetailComponent, typeof i23.ConfirmVariantDeletionDialogComponent, typeof i24.ProductOptionsEditorComponent], [typeof i25.SharedModule, typeof i26.RouterModule], [typeof i1.ProductListComponent, typeof i2.ProductDetailComponent, typeof i3.FacetListComponent, typeof i4.FacetDetailComponent, typeof i5.GenerateProductVariantsComponent, typeof i6.ProductVariantsListComponent, typeof i7.ApplyFacetDialogComponent, typeof i8.AssetListComponent, typeof i9.AssetsComponent, typeof i10.VariantPriceDetailComponent, typeof i11.CollectionListComponent, typeof i12.CollectionDetailComponent, typeof i13.CollectionTreeComponent, typeof i14.CollectionTreeNodeComponent, typeof i15.CollectionContentsComponent, typeof i16.ProductVariantsTableComponent, typeof i17.ProductSearchInputComponent, typeof i18.OptionValueInputComponent, typeof i19.UpdateProductOptionDialogComponent, typeof i20.ProductVariantsEditorComponent, typeof i21.AssignProductsToChannelDialogComponent, typeof i22.AssetDetailComponent, typeof i23.ConfirmVariantDeletionDialogComponent, typeof i24.ProductOptionsEditorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CatalogModule, [typeof i1.ProductListComponent, typeof i2.ProductDetailComponent, typeof i3.FacetListComponent, typeof i4.FacetDetailComponent, typeof i5.GenerateProductVariantsComponent, typeof i6.ProductVariantsListComponent, typeof i7.ApplyFacetDialogComponent, typeof i8.AssetListComponent, typeof i9.AssetsComponent, typeof i10.VariantPriceDetailComponent, typeof i11.CollectionListComponent, typeof i12.CollectionDetailComponent, typeof i13.CollectionTreeComponent, typeof i14.CollectionTreeNodeComponent, typeof i15.CollectionContentsComponent, typeof i16.ProductVariantsTableComponent, typeof i17.OptionValueInputComponent, typeof i18.UpdateProductOptionDialogComponent, typeof i19.ProductVariantsEditorComponent, typeof i20.AssignProductsToChannelDialogComponent, typeof i21.AssetDetailComponent, typeof i22.ConfirmVariantDeletionDialogComponent, typeof i23.ProductOptionsEditorComponent], [typeof i24.SharedModule, typeof i25.RouterModule], [typeof i1.ProductListComponent, typeof i2.ProductDetailComponent, typeof i3.FacetListComponent, typeof i4.FacetDetailComponent, typeof i5.GenerateProductVariantsComponent, typeof i6.ProductVariantsListComponent, typeof i7.ApplyFacetDialogComponent, typeof i8.AssetListComponent, typeof i9.AssetsComponent, typeof i10.VariantPriceDetailComponent, typeof i11.CollectionListComponent, typeof i12.CollectionDetailComponent, typeof i13.CollectionTreeComponent, typeof i14.CollectionTreeNodeComponent, typeof i15.CollectionContentsComponent, typeof i16.ProductVariantsTableComponent, typeof i17.OptionValueInputComponent, typeof i18.UpdateProductOptionDialogComponent, typeof i19.ProductVariantsEditorComponent, typeof i20.AssignProductsToChannelDialogComponent, typeof i21.AssetDetailComponent, typeof i22.ConfirmVariantDeletionDialogComponent, typeof i23.ProductOptionsEditorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CatalogModule>;
 }

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

@@ -1,7 +1,7 @@
 import { OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
-import { DataService, GetCollectionContentsQuery } from '@vendure/admin-ui/core';
+import { ConfigurableOperationInput, DataService, GetCollectionContentsQuery } from '@vendure/admin-ui/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class CollectionContentsComponent implements OnInit, OnChanges, OnDestroy {
@@ -9,13 +9,19 @@ export declare class CollectionContentsComponent implements OnInit, OnChanges, O
     private router;
     private dataService;
     collectionId: string;
+    parentId: string;
+    updatedFilters: ConfigurableOperationInput[] | undefined;
+    previewUpdatedFilters: boolean;
     headerTemplate: TemplateRef<any>;
     contents$: Observable<NonNullable<GetCollectionContentsQuery['collection']>['productVariants']['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);
@@ -27,5 +33,5 @@ export declare class CollectionContentsComponent implements OnInit, OnChanges, O
     refresh(): void;
     private setParam;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollectionContentsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CollectionContentsComponent, "vdr-collection-contents", never, { "collectionId": "collectionId"; }, {}, ["headerTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollectionContentsComponent, "vdr-collection-contents", never, { "collectionId": "collectionId"; "parentId": "parentId"; "updatedFilters": "updatedFilters"; "previewUpdatedFilters": "previewUpdatedFilters"; }, {}, ["headerTemplate"], never>;
 }

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, CollectionFragment, ConfigurableOperation, ConfigurableOperationDefinition, CustomFieldConfig, DataService, LanguageCode, ModalService, NotificationService, Permission, ServerConfigService } from '@vendure/admin-ui/core';
+import { Asset, BaseDetailComponent, CollectionFragment, 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';
 import * as i0 from "@angular/core";
 export declare class CollectionDetailComponent extends BaseDetailComponent<CollectionFragment> implements OnInit, OnDestroy {
@@ -10,6 +11,7 @@ export declare class CollectionDetailComponent extends BaseDetailComponent<Colle
     private formBuilder;
     private notificationService;
     private modalService;
+    private localStorageService;
     customFields: CustomFieldConfig[];
     detailForm: FormGroup;
     assetChanges: {
@@ -18,22 +20,27 @@ export declare class CollectionDetailComponent extends BaseDetailComponent<Colle
     };
     filters: ConfigurableOperation[];
     allFilters: ConfigurableOperationDefinition[];
+    updatedFilters$: Observable<ConfigurableOperationInput[]>;
+    livePreview: boolean;
+    parentId$: Observable<string | undefined>;
     readonly updatePermission: Permission[];
     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

@@ -19,11 +19,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';
@@ -10,6 +11,8 @@ export declare class CollectionTreeNodeComponent implements OnInit, OnChanges {
     private parent;
     private dataService;
     private collectionTreeService;
+    private router;
+    private route;
     depth: number;
     parentName: string;
     collectionTree: TreeNode<CollectionPartial>;
@@ -21,16 +24,17 @@ export declare class CollectionTreeNodeComponent implements OnInit, OnChanges {
         path: string;
         id: string;
     }>;
-    constructor(parent: CollectionTreeNodeComponent, dataService: DataService, collectionTreeService: CollectionTreeService);
+    constructor(parent: CollectionTreeNodeComponent, dataService: DataService, collectionTreeService: CollectionTreeService, 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;
     moveDown(collection: CollectionPartial, currentIndex: number): void;
     drop(event: CdkDragDrop<CollectionPartial | RootNode<CollectionPartial>>): void;
     delete(id: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionTreeNodeComponent, [{ optional: true; skipSelf: true; }, null, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CollectionTreeNodeComponent, [{ optional: true; skipSelf: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CollectionTreeNodeComponent, "vdr-collection-tree-node", never, { "collectionTree": "collectionTree"; "activeCollectionId": "activeCollectionId"; "expandAll": "expandAll"; }, {}, never, never>;
 }

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

@@ -8,6 +8,7 @@ export declare class CollectionTreeComponent implements OnInit, OnChanges {
     collections: CollectionPartial[];
     activeCollectionId: string;
     expandAll: boolean;
+    expandedIds: string[];
     rearrange: EventEmitter<RearrangeEvent>;
     deleteCollection: EventEmitter<string>;
     collectionTree: RootNode<CollectionPartial>;
@@ -15,5 +16,5 @@ export declare class CollectionTreeComponent implements OnInit, OnChanges {
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollectionTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CollectionTreeComponent, "vdr-collection-tree", never, { "collections": "collections"; "activeCollectionId": "activeCollectionId"; "expandAll": "expandAll"; }, { "rearrange": "rearrange"; "deleteCollection": "deleteCollection"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CollectionTreeComponent, "vdr-collection-tree", never, { "collections": "collections"; "activeCollectionId": "activeCollectionId"; "expandAll": "expandAll"; "expandedIds": "expandedIds"; }, { "rearrange": "rearrange"; "deleteCollection": "deleteCollection"; }, never, never>;
 }

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

@@ -51,6 +51,7 @@ export declare class ProductVariantsListComponent implements OnChanges, OnInit,
     trackById(index: number, item: ProductVariantFragment): string;
     inventoryIsNotTracked(formGroup: FormGroup): boolean;
     getTaxCategoryName(group: FormGroup): string;
+    getStockOnHandMinValue(variant: FormGroup): any;
     getSaleableStockLevel(variant: ProductVariantFragment): number;
     areAllSelected(): boolean;
     onAssetChange(variantId: string, event: AssetChange): void;

package/catalog/public_api.d.ts

@@ -22,7 +22,6 @@ export * from './components/product-detail/product-detail.component';
 export * from './components/product-detail/product-detail.types';
 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';

package/core/common/generated-types.d.ts

@@ -3133,6 +3133,31 @@ export declare type PaymentStateTransitionError = ErrorResult & {
  * Permissions for administrators and customers. Used to control access to
  * GraphQL resolvers via the {@link Allow} decorator.
  *
+ * ## Understanding Permission.Owner
+ *
+ * `Permission.Owner` is a special permission which is used in some of the Vendure resolvers to indicate that that resolver should only
+ * be accessible to the "owner" of that resource.
+ *
+ * For example, the Shop API `activeCustomer` query resolver should only return the Customer object for the "owner" of that Customer, i.e.
+ * based on the activeUserId of the current session. As a result, the resolver code looks like this:
+ *
+ * @example
+ * ```TypeScript
+ * \@Query()
+ * \@Allow(Permission.Owner)
+ * async activeCustomer(\@Ctx() ctx: RequestContext): Promise<Customer | undefined> {
+ *   const userId = ctx.activeUserId;
+ *   if (userId) {
+ *     return this.customerService.findOneByUserId(ctx, userId);
+ *   }
+ * }
+ * ```
+ *
+ * Here we can see that the "ownership" must be enforced by custom logic inside the resolver. Since "ownership" cannot be defined generally
+ * nor statically encoded at build-time, any resolvers using `Permission.Owner` **must** include logic to enforce that only the owner
+ * of the resource has access. If not, then it is the equivalent of using `Permission.Public`.
+ *
+ *
  * @docsCategory common
  */
 export declare enum Permission {
@@ -3314,6 +3339,10 @@ export declare type PermissionDefinition = {
     description: Scalars['String'];
     name: Scalars['String'];
 };
+export declare type PreviewCollectionVariantsInput = {
+    filters: Array<ConfigurableOperationInput>;
+    parentId?: InputMaybe<Scalars['ID']>;
+};
 /** The price range where the result has more than one price */
 export declare type PriceRange = {
     __typename?: 'PriceRange';
@@ -3656,6 +3685,8 @@ export declare type Query = {
     paymentMethodHandlers: Array<ConfigurableOperationDefinition>;
     paymentMethods: PaymentMethodList;
     pendingSearchIndexUpdates: Scalars['Int'];
+    /** Used for real-time previews of the contents of a Collection */
+    previewCollectionVariants: ProductVariantList;
     /** Get a Product either by id or slug. If neither id nor slug is specified, an error will result. */
     product?: Maybe<Product>;
     productOptionGroup?: Maybe<ProductOptionGroup>;
@@ -3760,6 +3791,10 @@ export declare type QueryPaymentMethodArgs = {
 export declare type QueryPaymentMethodsArgs = {
     options?: InputMaybe<PaymentMethodListOptions>;
 };
+export declare type QueryPreviewCollectionVariantsArgs = {
+    input: PreviewCollectionVariantsInput;
+    options?: InputMaybe<ProductVariantListOptions>;
+};
 export declare type QueryProductArgs = {
     id?: InputMaybe<Scalars['ID']>;
     slug?: InputMaybe<Scalars['String']>;
@@ -5351,6 +5386,7 @@ export declare type GetCollectionFiltersQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
 };
@@ -5826,10 +5862,28 @@ export declare type GetCollectionContentsQuery = {
                 id: string;
                 productId: string;
                 name: string;
+                sku: string;
             }>;
         };
     } | null;
 };
+export declare type PreviewCollectionContentsQueryVariables = Exact<{
+    input: PreviewCollectionVariantsInput;
+    options?: InputMaybe<ProductVariantListOptions>;
+}>;
+export declare type PreviewCollectionContentsQuery = {
+    previewCollectionVariants: {
+        __typename?: 'ProductVariantList';
+        totalItems: number;
+        items: Array<{
+            __typename?: 'ProductVariant';
+            id: string;
+            productId: string;
+            name: string;
+            sku: string;
+        }>;
+    };
+};
 export declare type AddressFragment = {
     __typename?: 'Address';
     id: string;
@@ -10374,6 +10428,7 @@ export declare type GetAdjustmentOperationsQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
     promotionActions: Array<{
@@ -10389,6 +10444,7 @@ export declare type GetAdjustmentOperationsQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
 };
@@ -11293,6 +11349,7 @@ export declare type GetPaymentMethodOperationsQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
     paymentMethodHandlers: Array<{
@@ -11308,6 +11365,7 @@ export declare type GetPaymentMethodOperationsQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
 };
@@ -16377,6 +16435,7 @@ export declare type ConfigurableOperationDefFragment = {
         list: boolean;
         ui?: any | null;
         label?: string | null;
+        description?: string | null;
     }>;
 };
 declare type ErrorResult_AlreadyRefundedError_Fragment = {
@@ -16696,6 +16755,7 @@ export declare type GetShippingMethodOperationsQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
     shippingCalculators: Array<{
@@ -16711,6 +16771,7 @@ export declare type GetShippingMethodOperationsQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
     fulfillmentHandlers: Array<{
@@ -16726,6 +16787,7 @@ export declare type GetShippingMethodOperationsQuery = {
             list: boolean;
             ui?: any | null;
             label?: string | null;
+            description?: string | null;
         }>;
     }>;
 };

package/core/common/utilities/selection-manager.d.ts

@@ -0,0 +1,23 @@
+export interface SelectionManagerOptions<T> {
+    multiSelect: boolean;
+    itemsAreEqual: (a: T, b: T) => boolean;
+    additiveMode: boolean;
+}
+/**
+ * @description
+ * A helper class used to manage selection of list items. Supports multiple selection via
+ * cmd/ctrl/shift key.
+ */
+export declare class SelectionManager<T> {
+    private options;
+    constructor(options: SelectionManagerOptions<T>);
+    get selection(): T[];
+    private _selection;
+    private items;
+    setMultiSelect(isMultiSelect: boolean): void;
+    setCurrentItems(items: T[]): void;
+    toggleSelection(item: T, event?: MouseEvent): void;
+    selectMultiple(items: T[]): void;
+    isSelected(item: T): boolean;
+    lastSelected(): T;
+}

package/core/common/version.d.ts

@@ -1 +1 @@
-export declare const ADMIN_UI_VERSION = "2.0.0-next.2";
+export declare const ADMIN_UI_VERSION = "2.0.0-next.5";

package/core/data/definitions/collection-definitions.d.ts

@@ -7,3 +7,4 @@ export declare const UPDATE_COLLECTION: import("apollo-angular").TypedDocumentNo
 export declare const MOVE_COLLECTION: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const DELETE_COLLECTION: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const GET_COLLECTION_CONTENTS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const PREVIEW_COLLECTION_CONTENTS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;

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

@@ -14,6 +14,10 @@ export declare class CollectionDataService {
     updateCollection(input: Codegen.UpdateCollectionInput): import("rxjs").Observable<Codegen.UpdateCollectionMutation>;
     moveCollection(inputs: Codegen.MoveCollectionInput[]): import("rxjs").Observable<Codegen.MoveCollectionMutation[]>;
     deleteCollection(id: string): import("rxjs").Observable<Codegen.DeleteCollectionMutation>;
+    previewCollectionVariants(input: Codegen.PreviewCollectionVariantsInput, options: Codegen.ProductVariantListOptions): import("@vendure/admin-ui/core").QueryResult<Codegen.PreviewCollectionContentsQuery, Codegen.Exact<{
+        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<{
         id: string;
         options?: Codegen.InputMaybe<Codegen.ProductVariantListOptions> | undefined;

package/core/providers/local-storage/local-storage.service.d.ts

@@ -11,6 +11,7 @@ export declare type LocalStorageTypeMap = {
     orderListLastCustomFilters: any;
     dashboardWidgetLayout: WidgetLayoutDefinition;
     activeTheme: string;
+    livePreviewCollectionContents: boolean;
 };
 export declare type LocalStorageLocationBasedTypeMap = {
     shippingTestOrder: any;

package/core/public_api.d.ts

@@ -17,6 +17,7 @@ export * from './common/utilities/find-translation';
 export * from './common/utilities/flatten-facet-values';
 export * from './common/utilities/get-default-ui-language';
 export * from './common/utilities/interpolate-description';
+export * from './common/utilities/selection-manager';
 export * from './common/utilities/string-to-color';
 export * from './common/version';
 export * from './components/app-shell/app-shell.component';
@@ -146,6 +147,8 @@ export * from './shared/components/modal-dialog/modal-dialog.component';
 export * from './shared/components/object-tree/object-tree.component';
 export * from './shared/components/order-state-label/order-state-label.component';
 export * from './shared/components/pagination-controls/pagination-controls.component';
+export * from './shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component';
+export * from './shared/components/product-search-input/product-search-input.component';
 export * from './shared/components/product-variant-selector/product-variant-selector.component';
 export * from './shared/components/rich-text-editor/external-image-dialog/external-image-dialog.component';
 export * from './shared/components/rich-text-editor/link-dialog/link-dialog.component';
@@ -176,6 +179,7 @@ export * from './shared/directives/if-multichannel.directive';
 export * from './shared/directives/if-permissions.directive';
 export * from './shared/dynamic-form-inputs/boolean-form-input/boolean-form-input.component';
 export * from './shared/dynamic-form-inputs/code-editor-form-input/json-editor-form-input.component';
+export * from './shared/dynamic-form-inputs/combination-mode-form-input/combination-mode-form-input.component';
 export * from './shared/dynamic-form-inputs/currency-form-input/currency-form-input.component';
 export * from './shared/dynamic-form-inputs/customer-group-form-input/customer-group-form-input.component';
 export * from './shared/dynamic-form-inputs/date-form-input/date-form-input.component';
@@ -183,6 +187,7 @@ export * from './shared/dynamic-form-inputs/dynamic-form-input/dynamic-form-inpu
 export * from './shared/dynamic-form-inputs/facet-value-form-input/facet-value-form-input.component';
 export * from './shared/dynamic-form-inputs/number-form-input/number-form-input.component';
 export * from './shared/dynamic-form-inputs/password-form-input/password-form-input.component';
+export * from './shared/dynamic-form-inputs/product-multi-selector-form-input/product-multi-selector-form-input.component';
 export * from './shared/dynamic-form-inputs/product-selector-form-input/product-selector-form-input.component';
 export * from './shared/dynamic-form-inputs/register-dynamic-input-components';
 export * from './shared/dynamic-form-inputs/relation-form-input/asset/relation-asset-input.component';

package/core/shared/components/asset-gallery/asset-gallery.component.d.ts

@@ -1,5 +1,6 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ModalService } from '../../../providers/modal/modal.service';
+import { SelectionManager } from '../../../common/utilities/selection-manager';
 import { AssetLike } from './asset-gallery.types';
 import * as i0 from "@angular/core";
 export declare class AssetGalleryComponent implements OnChanges {
@@ -58,9 +59,32 @@ export declare class AssetGalleryComponent implements OnChanges {
             y: number;
         } | null | undefined;
     }[]>;
-    selection: AssetLike[];
+    selectionManager: SelectionManager<{
+        __typename?: "Asset" | undefined;
+        id: string;
+        createdAt: any;
+        updatedAt: any;
+        name: string;
+        fileSize: number;
+        mimeType: string;
+        type: import("@vendure/admin-ui/core").AssetType;
+        preview: string;
+        source: string;
+        width: number;
+        height: number;
+        tags: {
+            __typename?: "Tag" | undefined;
+            id: string;
+            value: string;
+        }[];
+        focalPoint?: {
+            __typename?: "Coordinate" | undefined;
+            x: number;
+            y: number;
+        } | null | undefined;
+    }>;
     constructor(modalService: ModalService);
-    ngOnChanges(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     toggleSelection(asset: AssetLike, event?: MouseEvent): void;
     selectMultiple(assets: AssetLike[]): void;
     isSelected(asset: AssetLike): boolean;

package/core/shared/components/configurable-input/configurable-input.component.d.ts

@@ -1,15 +1,17 @@
-import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, FormGroup, ValidationErrors, Validator } from '@angular/forms';
+import { Observable } from 'rxjs';
 import { ConfigArg, ConfigArgDefinition, ConfigurableOperation, ConfigurableOperationDefinition } from '../../../common/generated-types';
 import * as i0 from "@angular/core";
 /**
  * A form input which renders a card with the internal form fields of the given ConfigurableOperation.
  */
-export declare class ConfigurableInputComponent implements OnChanges, OnDestroy, ControlValueAccessor, Validator {
+export declare class ConfigurableInputComponent implements OnInit, OnChanges, OnDestroy, ControlValueAccessor, Validator {
     operation?: ConfigurableOperation;
     operationDefinition?: ConfigurableOperationDefinition;
     readonly: boolean;
     removable: boolean;
+    position: number;
     remove: EventEmitter<ConfigurableOperation>;
     argValues: {
         [name: string]: any;
@@ -17,8 +19,11 @@ export declare class ConfigurableInputComponent implements OnChanges, OnDestroy,
     onChange: (val: any) => void;
     onTouch: () => void;
     form: FormGroup;
+    positionChange$: Observable<number>;
+    private positionChangeSubject;
     private subscription;
     interpolateDescription(): string;
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     registerOnChange(fn: any): void;
@@ -30,5 +35,5 @@ export declare class ConfigurableInputComponent implements OnChanges, OnDestroy,
     private createForm;
     validate(c: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfigurableInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurableInputComponent, "vdr-configurable-input", never, { "operation": "operation"; "operationDefinition": "operationDefinition"; "readonly": "readonly"; "removable": "removable"; }, { "remove": "remove"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfigurableInputComponent, "vdr-configurable-input", never, { "operation": "operation"; "operationDefinition": "operationDefinition"; "readonly": "readonly"; "removable": "removable"; "position": "position"; }, { "remove": "remove"; }, never, never>;
 }

package/core/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.d.ts

@@ -0,0 +1,38 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { PaginationInstance } from 'ngx-pagination';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { SearchProductsQuery } from '../../../common/generated-types';
+import { SelectionManager } from '../../../common/utilities/selection-manager';
+import { DataService } from '../../../data/providers/data.service';
+import { Dialog } from '../../../providers/modal/modal.types';
+import * as i0 from "@angular/core";
+export declare type SearchItem = SearchProductsQuery['search']['items'][number];
+export declare class ProductMultiSelectorDialogComponent implements OnInit, Dialog<SearchItem[]> {
+    private dataService;
+    private changeDetector;
+    mode: 'product' | 'variant';
+    initialSelectionIds: string[];
+    items$: Observable<SearchItem[]>;
+    facetValues$: Observable<SearchProductsQuery['search']['facetValues']>;
+    searchTerm$: BehaviorSubject<string>;
+    searchFacetValueIds$: BehaviorSubject<string[]>;
+    paginationConfig: PaginationInstance;
+    selectionManager: SelectionManager<SearchItem>;
+    resolveWith: (result?: SearchItem[]) => void;
+    private paginationConfig$;
+    constructor(dataService: DataService, changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    trackByFn(index: number, item: SearchItem): string;
+    setSearchTerm(term: string): void;
+    setFacetValueIds(ids: string[]): void;
+    toggleSelection(item: SearchItem, event: MouseEvent): void;
+    clearSelection(): void;
+    isSelected(item: SearchItem): boolean;
+    entityInfoClick(event: MouseEvent): void;
+    pageChange(page: number): void;
+    itemsPerPageChange(itemsPerPage: number): void;
+    select(): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProductMultiSelectorDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProductMultiSelectorDialogComponent, "vdr-product-multi-selector-dialog", never, {}, {}, never, never>;
+}

package/{catalog → core/shared}/components/product-search-input/product-search-input.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { SearchProductsQuery } from '@vendure/admin-ui/core';
+import { SearchProductsQuery } from '../../../common/generated-types';
 import * as i0 from "@angular/core";
 declare type FacetValueResult = SearchProductsQuery['search']['facetValues'][number];
 export declare class ProductSearchInputComponent {

package/core/shared/components/select-toggle/select-toggle.component.d.ts

@@ -6,9 +6,10 @@ import * as i0 from "@angular/core";
 export declare class SelectToggleComponent {
     size: 'small' | 'large';
     selected: boolean;
+    hiddenWhenOff: boolean;
     disabled: boolean;
     label: string | undefined;
     selectedChange: EventEmitter<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectToggleComponent, "vdr-select-toggle", never, { "size": "size"; "selected": "selected"; "disabled": "disabled"; "label": "label"; }, { "selectedChange": "selectedChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectToggleComponent, "vdr-select-toggle", never, { "size": "size"; "selected": "selected"; "hiddenWhenOff": "hiddenWhenOff"; "disabled": "disabled"; "label": "label"; }, { "selectedChange": "selectedChange"; }, never, never>;
 }