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

package/core/common/utilities/bulk-action-utils.d.ts

@@ -0,0 +1,19 @@
+import { DataService } from '../../data/providers/data.service';
+/**
+ * @description
+ * Resolves to an object containing the Channel code of the given channelId, or if no channelId
+ * is supplied, the code of the activeChannel.
+ */
+export declare function getChannelCodeFromUserStatus(dataService: DataService, channelId?: string): Promise<{
+    channelCode: string;
+}>;
+/**
+ * @description
+ * Resolves to `true` if multiple Channels are set up.
+ */
+export declare function isMultiChannel(dataService: DataService): Promise<boolean>;
+/**
+ * @description
+ * Resolves to `true` if the current active Channel is not the default Channel.
+ */
+export declare function currentChannelIsNotDefault(dataService: DataService): Promise<boolean>;

package/core/common/utilities/configurable-operation-utils.d.ts

@@ -24,13 +24,18 @@ export declare function configurableDefinitionToInstance(def: ConfigurableOperat
  * ```
  * {
  *     code: 'my-operation',
- *     args: [
+ *     arguments: [
  *         { name: 'someProperty', value: 'foo' }
  *     ]
  * }
  * ```
  */
-export declare function toConfigurableOperationInput(operation: ConfigurableOperation, formValueOperations: any): ConfigurableOperationInput;
+export declare function toConfigurableOperationInput(operation: ConfigurableOperation, formValueOperations: {
+    args: Record<string, string> | Array<{
+        name: string;
+        value: string;
+    }>;
+}): ConfigurableOperationInput;
 export declare function configurableOperationValueIsValid(def?: ConfigurableOperationDefinition, value?: {
     code: string;
     args: {

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

@@ -0,0 +1,30 @@
+import { Observable } from 'rxjs';
+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[];
+    selectionChanges$: Observable<T[]>;
+    private _selection;
+    private items;
+    private selectionChangesSubject;
+    setMultiSelect(isMultiSelect: boolean): void;
+    setCurrentItems(items: T[]): void;
+    toggleSelection(item: T, event?: MouseEvent): void;
+    selectMultiple(items: T[]): void;
+    clearSelection(): void;
+    isSelected(item: T): boolean;
+    areAllCurrentItemsSelected(): boolean;
+    toggleSelectAll(): void;
+    lastSelected(): T;
+    private invokeOnSelectionChangeHandler;
+}

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.21";

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

@@ -18,6 +18,7 @@ export declare class AppShellComponent implements OnInit {
     userName$: Observable<string>;
     uiLanguageAndLocale$: Observable<[LanguageCode, string | undefined]>;
     availableLanguages: LanguageCode[];
+    hideVendureBranding: boolean | undefined;
     constructor(authService: AuthService, dataService: DataService, router: Router, i18nService: I18nService, modalService: ModalService, localStorageService: LocalStorageService);
     ngOnInit(): void;
     selectUiLanguage(): void;

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

@@ -6,4 +6,8 @@ export declare const CREATE_COLLECTION: import("apollo-angular").TypedDocumentNo
 export declare const UPDATE_COLLECTION: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 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 DELETE_COLLECTIONS: 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>;
+export declare const ASSIGN_COLLECTIONS_TO_CHANNEL: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const REMOVE_COLLECTIONS_FROM_CHANNEL: import("apollo-angular").TypedDocumentNode<unknown, unknown>;

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

@@ -3,8 +3,11 @@ export declare const FACET_WITH_VALUES_FRAGMENT: import("apollo-angular").TypedD
 export declare const CREATE_FACET: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const UPDATE_FACET: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const DELETE_FACET: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const DELETE_FACETS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const CREATE_FACET_VALUES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const UPDATE_FACET_VALUES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const DELETE_FACET_VALUES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const GET_FACET_LIST: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const GET_FACET_WITH_VALUES: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const ASSIGN_FACETS_TO_CHANNEL: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const REMOVE_FACETS_FROM_CHANNEL: import("apollo-angular").TypedDocumentNode<unknown, unknown>;

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

@@ -1,4 +1,5 @@
 export declare const DISCOUNT_FRAGMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const PAYMENT_FRAGMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const REFUND_FRAGMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const ORDER_ADDRESS_FRAGMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const ORDER_FRAGMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
@@ -8,6 +9,7 @@ export declare const ORDER_DETAIL_FRAGMENT: import("apollo-angular").TypedDocume
 export declare const GET_ORDERS_LIST: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const GET_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const SETTLE_PAYMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const CANCEL_PAYMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const TRANSITION_PAYMENT_TO_STATE: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const CREATE_FULFILLMENT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const CANCEL_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
@@ -23,3 +25,15 @@ export declare const TRANSITION_FULFILLMENT_TO_STATE: import("apollo-angular").T
 export declare const GET_ORDER_SUMMARY: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const MODIFY_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const ADD_MANUAL_PAYMENT_TO_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const CREATE_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const DELETE_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const ADD_ITEM_TO_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const ADJUST_DRAFT_ORDER_LINE: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const REMOVE_DRAFT_ORDER_LINE: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const SET_CUSTOMER_FOR_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const SET_SHIPPING_ADDRESS_FOR_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const SET_BILLING_ADDRESS_FOR_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const APPLY_COUPON_CODE_TO_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const REMOVE_COUPON_CODE_FROM_DRAFT_ORDER: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const DRAFT_ORDER_ELIGIBLE_SHIPPING_METHODS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const SET_DRAFT_ORDER_SHIPPING_METHOD: import("apollo-angular").TypedDocumentNode<unknown, unknown>;

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

@@ -8,6 +8,7 @@ export declare const PRODUCT_OPTION_GROUP_WITH_OPTIONS_FRAGMENT: import("apollo-
 export declare const UPDATE_PRODUCT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const CREATE_PRODUCT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const DELETE_PRODUCT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const DELETE_PRODUCTS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const CREATE_PRODUCT_VARIANTS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const UPDATE_PRODUCT_VARIANTS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const CREATE_PRODUCT_OPTION_GROUP: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
@@ -28,6 +29,7 @@ export declare const SEARCH_PRODUCTS: import("apollo-angular").TypedDocumentNode
 export declare const PRODUCT_SELECTOR_SEARCH: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const UPDATE_PRODUCT_OPTION_GROUP: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const UPDATE_PRODUCT_OPTION: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
+export declare const DELETE_PRODUCT_OPTION: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const DELETE_PRODUCT_VARIANT: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const GET_PRODUCT_VARIANT_OPTIONS: import("apollo-angular").TypedDocumentNode<unknown, unknown>;
 export declare const ASSIGN_PRODUCTS_TO_CHANNEL: import("apollo-angular").TypedDocumentNode<unknown, unknown>;

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

@@ -14,8 +14,15 @@ 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>;
+    deleteCollections(ids: string[]): import("rxjs").Observable<Codegen.DeleteCollectionsMutation>;
+    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;
     }>>;
+    assignCollectionsToChannel(input: Codegen.AssignCollectionsToChannelInput): import("rxjs").Observable<Codegen.AssignCollectionsToChannelMutation>;
+    removeCollectionsFromChannel(input: Codegen.RemoveCollectionsFromChannelInput): import("rxjs").Observable<Codegen.RemoveCollectionsFromChannelMutation>;
 }

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

@@ -15,7 +15,10 @@ export declare class FacetDataService {
     createFacet(facet: Codegen.CreateFacetInput): import("rxjs").Observable<Codegen.CreateFacetMutation>;
     updateFacet(facet: Codegen.UpdateFacetInput): import("rxjs").Observable<Codegen.UpdateFacetMutation>;
     deleteFacet(id: string, force: boolean): import("rxjs").Observable<Codegen.DeleteFacetMutation>;
+    deleteFacets(ids: string[], force: boolean): import("rxjs").Observable<Codegen.DeleteFacetsMutation>;
     createFacetValues(facetValues: Codegen.CreateFacetValueInput[]): import("rxjs").Observable<Codegen.CreateFacetValuesMutation>;
     updateFacetValues(facetValues: Codegen.UpdateFacetValueInput[]): import("rxjs").Observable<Codegen.UpdateFacetValuesMutation>;
     deleteFacetValues(ids: string[], force: boolean): import("rxjs").Observable<Codegen.DeleteFacetValuesMutation>;
+    assignFacetsToChannel(input: Codegen.AssignFacetsToChannelInput): import("rxjs").Observable<Codegen.AssignFacetsToChannelMutation>;
+    removeFacetsFromChannel(input: Codegen.RemoveFacetsFromChannelInput): import("rxjs").Observable<Codegen.RemoveFacetsFromChannelMutation>;
 }

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

@@ -14,6 +14,7 @@ export declare class OrderDataService {
         options?: Codegen.InputMaybe<Codegen.HistoryEntryListOptions> | undefined;
     }>>;
     settlePayment(id: string): import("rxjs").Observable<Codegen.SettlePaymentMutation>;
+    cancelPayment(id: string): import("rxjs").Observable<Codegen.CancelPaymentMutation>;
     transitionPaymentToState(id: string, state: string): import("rxjs").Observable<Codegen.TransitionPaymentToStateMutation>;
     createFulfillment(input: Codegen.FulfillOrderInput): import("rxjs").Observable<Codegen.CreateFulfillmentMutation>;
     transitionFulfillmentToState(id: string, state: string): import("rxjs").Observable<Codegen.TransitionFulfillmentToStateMutation>;
@@ -31,4 +32,21 @@ export declare class OrderDataService {
     }>>;
     modifyOrder(input: Codegen.ModifyOrderInput): import("rxjs").Observable<Codegen.ModifyOrderMutation>;
     addManualPaymentToOrder(input: Codegen.ManualPaymentInput): import("rxjs").Observable<Codegen.AddManualPaymentMutation>;
+    createDraftOrder(): import("rxjs").Observable<Codegen.CreateDraftOrderMutation>;
+    deleteDraftOrder(orderId: string): import("rxjs").Observable<Codegen.DeleteDraftOrderMutation>;
+    addItemToDraftOrder(orderId: string, input: Codegen.AddItemToDraftOrderInput): import("rxjs").Observable<Codegen.AddItemToDraftOrderMutation>;
+    adjustDraftOrderLine(orderId: string, input: Codegen.AdjustDraftOrderLineInput): import("rxjs").Observable<Codegen.AdjustDraftOrderLineMutation>;
+    removeDraftOrderLine(orderId: string, orderLineId: string): import("rxjs").Observable<Codegen.RemoveDraftOrderLineMutation>;
+    setCustomerForDraftOrder(orderId: string, { customerId, input }: {
+        customerId?: string;
+        input?: Codegen.CreateCustomerInput;
+    }): import("rxjs").Observable<Codegen.SetCustomerForDraftOrderMutation>;
+    setDraftOrderShippingAddress(orderId: string, input: Codegen.CreateAddressInput): import("rxjs").Observable<Codegen.SetDraftOrderShippingAddressMutation>;
+    setDraftOrderBillingAddress(orderId: string, input: Codegen.CreateAddressInput): import("rxjs").Observable<Codegen.SetDraftOrderBillingAddressMutation>;
+    applyCouponCodeToDraftOrder(orderId: string, couponCode: string): import("rxjs").Observable<Codegen.ApplyCouponCodeToDraftOrderMutation>;
+    removeCouponCodeFromDraftOrder(orderId: string, couponCode: string): import("rxjs").Observable<Codegen.RemoveCouponCodeFromDraftOrderMutation>;
+    getDraftOrderEligibleShippingMethods(orderId: string): import("@vendure/admin-ui/core").QueryResult<Codegen.DraftOrderEligibleShippingMethodsQuery, Codegen.Exact<{
+        orderId: string;
+    }>>;
+    setDraftOrderShippingMethod(orderId: string, shippingMethodId: string): import("rxjs").Observable<Codegen.SetDraftOrderShippingMethodMutation>;
 }

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

@@ -43,12 +43,14 @@ export declare class ProductDataService {
     createProduct(product: Codegen.CreateProductInput): import("rxjs").Observable<Codegen.CreateProductMutation>;
     updateProduct(product: Codegen.UpdateProductInput): import("rxjs").Observable<Codegen.UpdateProductMutation>;
     deleteProduct(id: string): import("rxjs").Observable<Codegen.DeleteProductMutation>;
+    deleteProducts(ids: string[]): import("rxjs").Observable<Codegen.DeleteProductsMutation>;
     createProductVariants(input: Codegen.CreateProductVariantInput[]): import("rxjs").Observable<Codegen.CreateProductVariantsMutation>;
     updateProductVariants(variants: Codegen.UpdateProductVariantInput[]): import("rxjs").Observable<Codegen.UpdateProductVariantsMutation>;
     deleteProductVariant(id: string): import("rxjs").Observable<Codegen.DeleteProductVariantMutation>;
     createProductOptionGroups(productOptionGroup: Codegen.CreateProductOptionGroupInput): import("rxjs").Observable<Codegen.CreateProductOptionGroupMutation>;
     addOptionGroupToProduct(variables: Codegen.AddOptionGroupToProductMutationVariables): import("rxjs").Observable<Codegen.AddOptionGroupToProductMutation>;
     addOptionToGroup(input: Codegen.CreateProductOptionInput): import("rxjs").Observable<Codegen.AddOptionToGroupMutation>;
+    deleteProductOption(id: string): import("rxjs").Observable<Codegen.DeleteProductOptionMutation>;
     removeOptionGroupFromProduct(variables: Codegen.RemoveOptionGroupFromProductMutationVariables): import("rxjs").Observable<Codegen.RemoveOptionGroupFromProductMutation>;
     updateProductOption(input: Codegen.UpdateProductOptionInput): import("rxjs").Observable<Codegen.UpdateProductOptionMutation>;
     updateProductOptionGroup(input: Codegen.UpdateProductOptionGroupInput): import("rxjs").Observable<Codegen.UpdateProductOptionGroupMutation>;

package/core/providers/bulk-action-registry/bulk-action-registry.service.d.ts

@@ -0,0 +1,9 @@
+import { BulkAction, BulkActionLocationId } from './bulk-action-types';
+import * as i0 from "@angular/core";
+export declare class BulkActionRegistryService {
+    private locationBulActionMap;
+    registerBulkAction(bulkAction: BulkAction): void;
+    getBulkActionsForLocation(id: BulkActionLocationId): BulkAction[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<BulkActionRegistryService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BulkActionRegistryService>;
+}

package/core/providers/bulk-action-registry/bulk-action-types.d.ts

@@ -0,0 +1,149 @@
+import { Injector } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+/**
+ * @description
+ * A valid location of a list view that supports the bulk actions API.
+ *
+ * @since 1.8.0
+ * @docsCategory bulk-actions
+ * @docsPage BulkAction
+ */
+export declare type BulkActionLocationId = 'product-list' | 'facet-list' | 'collection-list' | string;
+/**
+ * @description
+ * This is the argument which gets passed to the `getTranslationVars` and `isVisible` functions
+ * of the BulkAction definition.
+ *
+ * @since 1.8.0
+ * @docsCategory bulk-actions
+ * @docsPage BulkAction
+ */
+export interface BulkActionFunctionContext<ItemType, ComponentType> {
+    /**
+     * @description
+     * An array of the selected items from the list.
+     */
+    selection: ItemType[];
+    /**
+     * @description
+     * The component instance that is hosting the list view. For instance,
+     * `ProductListComponent`. This can be used to call methods on the instance,
+     * e.g. calling `hostComponent.refresh()` to force a list refresh after
+     * deleting the selected items.
+     */
+    hostComponent: ComponentType;
+    /**
+     * @description
+     * The Angular [Injector](https://angular.io/api/core/Injector) which can be used
+     * to get service instances which might be needed in the click handler.
+     */
+    injector: Injector;
+    route: ActivatedRoute;
+}
+/**
+ * @description
+ * This is the argument which gets passed to the `onClick` function of a BulkAction.
+ *
+ * @since 1.8.0
+ * @docsCategory bulk-actions
+ * @docsPage BulkAction
+ */
+export interface BulkActionClickContext<ItemType, ComponentType> extends BulkActionFunctionContext<ItemType, ComponentType> {
+    /**
+     * @description
+     * Clears the selection in the active list view.
+     */
+    clearSelection: () => void;
+    /**
+     * @description
+     * The click event itself.
+     */
+    event: MouseEvent;
+}
+/**
+ * @description
+ * Configures a bulk action which can be performed on all selected items in a list view.
+ *
+ * For a full example, see the {@link registerBulkAction} docs.
+ *
+ * @since 1.8.0
+ * @docsCategory bulk-actions
+ * @docsPage BulkAction
+ * @docsWeight 0
+ */
+export interface BulkAction<ItemType = any, ComponentType = any> {
+    location: BulkActionLocationId;
+    label: string;
+    /**
+     * @description
+     * An optional function that should resolve to a map of translation variables which can be
+     * used when translating the `label` string.
+     */
+    getTranslationVars?: (context: BulkActionFunctionContext<ItemType, ComponentType>) => Record<string, string | number> | Promise<Record<string, string | number>>;
+    /**
+     * @description
+     * A valid [Clarity Icons](https://clarity.design/icons) icon shape, e.g.
+     * "cog", "user", "info-standard".
+     */
+    icon?: string;
+    /**
+     * @description
+     * A class to be added to the icon element. Examples:
+     *
+     * - is-success
+     * - is-danger
+     * - is-warning
+     * - is-info
+     * - is-highlight
+     */
+    iconClass?: string;
+    /**
+     * @description
+     * Defines the logic that executes when the bulk action button is clicked.
+     */
+    onClick: (context: BulkActionClickContext<ItemType, ComponentType>) => void;
+    /**
+     * @description
+     * A function that determines whether this bulk action item should be displayed in the menu.
+     * If not defined, the item will always be displayed.
+     *
+     * This function will be invoked each time the selection is changed, so try to avoid expensive code
+     * running here.
+     *
+     * @example
+     * ```TypeScript
+     * import { registerBulkAction, DataService } from '\@vendure/admin-ui/core';
+     *
+     * registerBulkAction({
+     *   location: 'product-list',
+     *   label: 'Assign to channel',
+     *   // Only display this action if there are multiple channels
+     *   isVisible: ({ injector }) => injector.get(DataService).client
+     *     .userStatus()
+     *     .mapSingle(({ userStatus }) => 1 < userStatus.channels.length)
+     *     .toPromise(),
+     *   // ...
+     * });
+     * ```
+     */
+    isVisible?: (context: BulkActionFunctionContext<ItemType, ComponentType>) => boolean | Promise<boolean>;
+    /**
+     * @description
+     * Control the display of this item based on the user permissions.
+     *
+     * @example
+     * ```TypeScript
+     * registerBulkAction({
+     *   // Can be specified as a simple string
+     *   requiresPermission: Permission.UpdateProduct,
+     *
+     *   // Or as a function that returns a boolean if permissions are satisfied
+     *   requiresPermission: userPermissions =>
+     *     userPermissions.includes(Permission.UpdateCatalog) ||
+     *     userPermissions.includes(Permission.UpdateProduct),
+     *   // ...
+     * })
+     * ```
+     */
+    requiresPermission?: string | ((userPermissions: string[]) => boolean);
+}

package/core/providers/bulk-action-registry/register-bulk-action.d.ts

@@ -0,0 +1,53 @@
+import { FactoryProvider } from '@angular/core';
+import { BulkAction } from './bulk-action-types';
+/**
+ * @description
+ * Registers a custom {@link BulkAction} which can be invoked from the bulk action menu
+ * of any supported list view.
+ *
+ * This allows you to provide custom functionality that can operate on any of the selected
+ * items in the list view.
+ *
+ * In this example, imagine we have an integration with a 3rd-party text translation service. This
+ * bulk action allows us to select multiple products from the product list view, and send them for
+ * translation via a custom service which integrates with the translation service's API.
+ *
+ * @example
+ * ```TypeScript
+ * import { NgModule } from '\@angular/core';
+ * import { ModalService, registerBulkAction, SharedModule } from '\@vendure/admin-ui/core';
+ *
+ * \@NgModule({
+ *   imports: [SharedModule],
+ *   providers: [
+ *     ProductDataTranslationService,
+ *     registerBulkAction({
+ *       location: 'product-list',
+ *       label: 'Send to translation service',
+ *       icon: 'language',
+ *       onClick: ({ injector, selection }) => {
+ *         const modalService = injector.get(ModalService);
+ *         const translationService = injector.get(ProductDataTranslationService);
+ *         modalService
+ *           .dialog({
+ *             title: `Send ${selection.length} products for translation?`,
+ *             buttons: [
+ *               { type: 'secondary', label: 'cancel' },
+ *               { type: 'primary', label: 'send', returnValue: true },
+ *             ],
+ *           })
+ *           .subscribe(response => {
+ *             if (response) {
+ *               translationService.sendForTranslation(selection.map(item => item.productId));
+ *             }
+ *           });
+ *       },
+ *     }),
+ *   ],
+ * })
+ * export class MyUiExtensionModule {}
+ * ```
+ * @since 1.8.0
+ * @docsCategory bulk-actions
+ */
+export declare function registerBulkAction(bulkAction: BulkAction): FactoryProvider;

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/providers/modal/modal.types.d.ts

@@ -18,6 +18,7 @@ export interface Dialog<R = any> {
 export interface DialogButtonConfig<T> {
     label: string;
     type: 'secondary' | 'primary' | 'danger';
+    translationVars?: Record<string, string | number>;
     returnValue?: T;
 }
 /**
@@ -34,6 +35,7 @@ export interface DialogConfig<T> {
         [key: string]: string | number;
     };
     buttons: Array<DialogButtonConfig<T>>;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 }
 /**
  * @description

package/core/providers/nav-builder/nav-builder-types.d.ts

@@ -53,6 +53,7 @@ export interface NavMenuSection {
     label: string;
     items: NavMenuItem[];
     /**
+     * @description
      * Control the display of this item based on the user permissions.
      */
     requiresPermission?: string | ((userPermissions: string[]) => boolean);

package/core/public_api.d.ts

@@ -11,12 +11,14 @@ export * from './common/generated-types';
 export * from './common/introspection-result-wrapper';
 export * from './common/introspection-result';
 export * from './common/single-search-selection-model';
+export * from './common/utilities/bulk-action-utils';
 export * from './common/utilities/configurable-operation-utils';
 export * from './common/utilities/create-updated-translatable';
 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';
@@ -68,6 +70,9 @@ export * from './data/utils/get-server-location';
 export * from './data/utils/remove-readonly-custom-fields';
 export * from './data/utils/transform-relation-custom-field-inputs';
 export * from './providers/auth/auth.service';
+export * from './providers/bulk-action-registry/bulk-action-registry.service';
+export * from './providers/bulk-action-registry/bulk-action-types';
+export * from './providers/bulk-action-registry/register-bulk-action';
 export * from './providers/component-registry/component-registry.service';
 export * from './providers/custom-detail-component/custom-detail-component-types';
 export * from './providers/custom-detail-component/custom-detail-component.service';
@@ -101,6 +106,7 @@ export * from './shared/components/asset-preview/asset-preview.component';
 export * from './shared/components/asset-preview-dialog/asset-preview-dialog.component';
 export * from './shared/components/asset-preview-links/asset-preview-links.component';
 export * from './shared/components/asset-search-input/asset-search-input.component';
+export * from './shared/components/bulk-action-menu/bulk-action-menu.component';
 export * from './shared/components/channel-assignment-control/channel-assignment-control.component';
 export * from './shared/components/channel-badge/channel-badge.component';
 export * from './shared/components/chip/chip.component';
@@ -146,19 +152,31 @@ 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/radio-card/radio-card-fieldset.component';
+export * from './shared/components/radio-card/radio-card.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';
+export * from './shared/components/rich-text-editor/prosemirror/context-menu/context-menu.component';
+export * from './shared/components/rich-text-editor/prosemirror/context-menu/context-menu.service';
+export * from './shared/components/rich-text-editor/prosemirror/custom-nodes';
 export * from './shared/components/rich-text-editor/prosemirror/inputrules';
 export * from './shared/components/rich-text-editor/prosemirror/keymap';
-export * from './shared/components/rich-text-editor/prosemirror/menu/images';
 export * from './shared/components/rich-text-editor/prosemirror/menu/links';
 export * from './shared/components/rich-text-editor/prosemirror/menu/menu-common';
+export * from './shared/components/rich-text-editor/prosemirror/menu/menu-plugin';
 export * from './shared/components/rich-text-editor/prosemirror/menu/menu';
+export * from './shared/components/rich-text-editor/prosemirror/menu/sub-menu-with-icon';
+export * from './shared/components/rich-text-editor/prosemirror/plugins/image-plugin';
 export * from './shared/components/rich-text-editor/prosemirror/plugins/link-select-plugin';
+export * from './shared/components/rich-text-editor/prosemirror/plugins/raw-editor-plugin';
+export * from './shared/components/rich-text-editor/prosemirror/plugins/tables-plugin';
 export * from './shared/components/rich-text-editor/prosemirror/prosemirror.service';
 export * from './shared/components/rich-text-editor/prosemirror/types';
 export * from './shared/components/rich-text-editor/prosemirror/utils';
+export * from './shared/components/rich-text-editor/raw-html-dialog/raw-html-dialog.component';
 export * from './shared/components/rich-text-editor/rich-text-editor.component';
 export * from './shared/components/select-toggle/select-toggle.component';
 export * from './shared/components/simple-dialog/simple-dialog.component';
@@ -175,7 +193,10 @@ export * from './shared/directives/if-directive-base';
 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/base-code-editor-form-input.component';
+export * from './shared/dynamic-form-inputs/code-editor-form-input/html-editor-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 +204,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';
@@ -199,6 +221,7 @@ export * from './shared/dynamic-form-inputs/text-form-input/text-form-input.comp
 export * from './shared/dynamic-form-inputs/textarea-form-input/textarea-form-input.component';
 export * from './shared/pipes/asset-preview.pipe';
 export * from './shared/pipes/channel-label.pipe';
+export * from './shared/pipes/custom-field-description.pipe';
 export * from './shared/pipes/custom-field-label.pipe';
 export * from './shared/pipes/duration.pipe';
 export * from './shared/pipes/file-size.pipe';

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

@@ -1,4 +1,5 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { SelectionManager } from '../../../common/utilities/selection-manager';
 import { ModalService } from '../../../providers/modal/modal.service';
 import { AssetLike } from './asset-gallery.types';
 import * as i0 from "@angular/core";
@@ -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;