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

package/core/shared/components/bulk-action-menu/bulk-action-menu.component.d.ts

@@ -0,0 +1,32 @@
+import { ChangeDetectorRef, Injector, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Observable } from 'rxjs';
+import { SelectionManager } from '../../../common/utilities/selection-manager';
+import { DataService } from '../../../data/providers/data.service';
+import { BulkActionRegistryService } from '../../../providers/bulk-action-registry/bulk-action-registry.service';
+import { BulkAction, BulkActionLocationId } from '../../../providers/bulk-action-registry/bulk-action-types';
+import * as i0 from "@angular/core";
+export declare class BulkActionMenuComponent<T = any> implements OnInit, OnDestroy {
+    private bulkActionRegistryService;
+    private injector;
+    private route;
+    private dataService;
+    private changeDetectorRef;
+    locationId: BulkActionLocationId;
+    selectionManager: SelectionManager<T>;
+    hostComponent: any;
+    actions$: Observable<Array<BulkAction<T> & {
+        display: boolean;
+        translationVars: Record<string, string | number>;
+    }>>;
+    userPermissions: string[];
+    private subscription;
+    constructor(bulkActionRegistryService: BulkActionRegistryService, injector: Injector, route: ActivatedRoute, dataService: DataService, changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    hasPermissions(bulkAction: Pick<BulkAction, 'requiresPermission'>): boolean | undefined;
+    actionClick(event: MouseEvent, action: BulkAction): void;
+    clearSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BulkActionMenuComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BulkActionMenuComponent<any>, "vdr-bulk-action-menu", never, { "locationId": "locationId"; "selectionManager": "selectionManager"; "hostComponent": "hostComponent"; }, {}, never, never>;
+}

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/custom-field-control/custom-field-control.component.d.ts

@@ -1,6 +1,8 @@
+import { OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
+import { Observable } from 'rxjs';
 import { InputComponentConfig } from '../../../common/component-registry-types';
-import { CustomFieldConfig, CustomFieldsFragment } from '../../../common/generated-types';
+import { CustomFieldConfig, CustomFieldsFragment, LanguageCode } from '../../../common/generated-types';
 import { DataService } from '../../../data/providers/data.service';
 import { CustomFieldComponentService, CustomFieldEntityName } from '../../../providers/custom-field-component/custom-field-component.service';
 import * as i0 from "@angular/core";
@@ -8,7 +10,7 @@ import * as i0 from "@angular/core";
  * This component renders the appropriate type of form input control based
  * on the "type" property of the provided CustomFieldConfig.
  */
-export declare class CustomFieldControlComponent {
+export declare class CustomFieldControlComponent implements OnInit {
     private dataService;
     private customFieldComponentService;
     entityName: CustomFieldEntityName;
@@ -20,7 +22,9 @@ export declare class CustomFieldControlComponent {
     hasCustomControl: boolean;
     private customComponentPlaceholder;
     private customComponentFactory;
+    uiLanguage$: Observable<LanguageCode>;
     constructor(dataService: DataService, customFieldComponentService: CustomFieldComponentService);
+    ngOnInit(): void;
     getFieldDefinition(): CustomFieldConfig & {
         ui?: InputComponentConfig;
     };

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

@@ -1,4 +1,5 @@
-import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from '@angular/core';
+import { SelectionManager } from '../../../common/utilities/selection-manager';
 import { DataTableColumnComponent } from './data-table-column.component';
 import * as i0 from "@angular/core";
 /**
@@ -60,23 +61,44 @@ import * as i0 from "@angular/core";
  *
  * @docsCategory components
  */
-export declare class DataTableComponent<T> implements AfterContentInit {
+export declare class DataTableComponent<T> implements AfterContentInit, OnChanges, OnInit, OnDestroy {
+    private changeDetectorRef;
     items: T[];
     itemsPerPage: number;
     currentPage: number;
     totalItems: number;
-    allSelected: boolean;
-    isRowSelectedFn: (item: T) => boolean;
     emptyStateLabel: string;
-    allSelectChange: EventEmitter<void>;
-    rowSelectChange: EventEmitter<T>;
+    selectionManager?: SelectionManager<T>;
     pageChange: EventEmitter<number>;
     itemsPerPageChange: EventEmitter<number>;
+    /** @deprecated pass a SelectionManager instance instead */
+    allSelected: boolean;
+    /** @deprecated pass a SelectionManager instance instead */
+    isRowSelectedFn: (item: T) => boolean;
+    /** @deprecated pass a SelectionManager instance instead */
+    allSelectChange: EventEmitter<void>;
+    /** @deprecated pass a SelectionManager instance instead */
+    rowSelectChange: EventEmitter<{
+        event: MouseEvent;
+        item: T;
+    }>;
     columns: QueryList<DataTableColumnComponent>;
     templateRefs: QueryList<TemplateRef<any>>;
     rowTemplate: TemplateRef<any>;
+    currentStart: number;
+    currentEnd: number;
+    disableSelect: boolean;
+    private subscription;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    private shiftDownHandler;
+    private shiftUpHandler;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     ngAfterContentInit(): void;
     trackByFn(index: number, item: any): any;
+    onToggleAllClick(): void;
+    onRowClick(item: T, event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent<any>, "vdr-data-table", never, { "items": "items"; "itemsPerPage": "itemsPerPage"; "currentPage": "currentPage"; "totalItems": "totalItems"; "allSelected": "allSelected"; "isRowSelectedFn": "isRowSelectedFn"; "emptyStateLabel": "emptyStateLabel"; }, { "allSelectChange": "allSelectChange"; "rowSelectChange": "rowSelectChange"; "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; }, ["columns", "templateRefs"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent<any>, "vdr-data-table", never, { "items": "items"; "itemsPerPage": "itemsPerPage"; "currentPage": "currentPage"; "totalItems": "totalItems"; "emptyStateLabel": "emptyStateLabel"; "selectionManager": "selectionManager"; "allSelected": "allSelected"; "isRowSelectedFn": "isRowSelectedFn"; }, { "pageChange": "pageChange"; "itemsPerPageChange": "itemsPerPageChange"; "allSelectChange": "allSelectChange"; "rowSelectChange": "rowSelectChange"; }, ["columns", "templateRefs"], ["vdr-bulk-action-menu"]>;
 }

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

@@ -17,6 +17,7 @@ export declare class DropdownMenuComponent implements AfterViewInit, OnInit, OnD
     private viewContainerRef;
     private dropdown;
     private position;
+    customClasses: string;
     private menuTemplate;
     private menuPortal;
     private overlayRef;
@@ -29,5 +30,5 @@ export declare class DropdownMenuComponent implements AfterViewInit, OnInit, OnD
     /** Inverts an overlay position. */
     private invertPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "vdr-dropdown-menu", never, { "position": "vdrPosition"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "vdr-dropdown-menu", never, { "position": "vdrPosition"; "customClasses": "customClasses"; }, {}, never, ["*"]>;
 }

package/core/shared/components/facet-value-selector/facet-value-selector.component.d.ts

@@ -36,12 +36,13 @@ export declare class FacetValueSelectorComponent implements OnInit, ControlValue
     selectedValuesChange: EventEmitter<FacetValueFragment[]>;
     facets: FacetWithValuesFragment[];
     readonly: boolean;
+    transformControlValueAccessorValue: (value: FacetValueSeletorItem[]) => any[];
     private ngSelect;
     facetValues: FacetValueSeletorItem[];
     onChangeFn: (val: any) => void;
     onTouchFn: () => void;
     disabled: boolean;
-    value: string[];
+    value: Array<string | FacetValueFragment>;
     constructor(dataService: DataService);
     ngOnInit(): void;
     onChange(selected: FacetValueSeletorItem[]): void;
@@ -52,5 +53,5 @@ export declare class FacetValueSelectorComponent implements OnInit, ControlValue
     writeValue(obj: string | FacetValueFragment[] | Array<string | number> | null): void;
     private toSelectorItem;
     static ɵfac: i0.ɵɵFactoryDeclaration<FacetValueSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FacetValueSelectorComponent, "vdr-facet-value-selector", never, { "facets": "facets"; "readonly": "readonly"; }, { "selectedValuesChange": "selectedValuesChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FacetValueSelectorComponent, "vdr-facet-value-selector", never, { "facets": "facets"; "readonly": "readonly"; "transformControlValueAccessorValue": "transformControlValueAccessorValue"; }, { "selectedValuesChange": "selectedValuesChange"; }, 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/radio-card/radio-card-fieldset.component.d.ts

@@ -0,0 +1,24 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class RadioCardFieldsetComponent<T = any> implements OnInit, OnChanges, OnDestroy {
+    private changeDetector;
+    selectedItemId: string;
+    idFn: (item: T) => string;
+    selectItem: EventEmitter<T>;
+    groupName: string;
+    selectedIdChange$: Subject<string>;
+    focussedId: string | undefined;
+    private idChange$;
+    private subscription;
+    constructor(changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    isSelected(item: T): boolean;
+    isFocussed(item: T): boolean;
+    selectChanged(item: T): void;
+    setFocussedId(item: T | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioCardFieldsetComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioCardFieldsetComponent<any>, "vdr-radio-card-fieldset", never, { "selectedItemId": "selectedItemId"; "idFn": "idFn"; }, { "selectItem": "selectItem"; }, never, ["*"]>;
+}

package/core/shared/components/radio-card/radio-card.component.d.ts

@@ -0,0 +1,22 @@
+import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { RadioCardFieldsetComponent } from './radio-card-fieldset.component';
+import * as i0 from "@angular/core";
+export declare class RadioCardComponent<T = any> implements OnInit, OnDestroy {
+    private fieldset;
+    private changeDetector;
+    item: T;
+    itemTemplate: TemplateRef<T>;
+    constructor(fieldset: RadioCardFieldsetComponent, changeDetector: ChangeDetectorRef);
+    private idChange$;
+    private subscription;
+    name: string;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    isSelected(item: T): boolean;
+    isFocussed(item: T): boolean;
+    selectChanged(item: T): void;
+    setFocussedId(item: T | undefined): void;
+    getItemId(item: T): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioCardComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioCardComponent<any>, "vdr-radio-card", ["VdrRadioCard"], { "item": "item"; }, {}, ["itemTemplate"], ["*"]>;
+}

package/core/shared/components/rich-text-editor/prosemirror/context-menu/context-menu.component.d.ts

@@ -0,0 +1,31 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { AfterViewInit, OnDestroy, ViewContainerRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ContextMenuConfig, ContextMenuItem, ContextMenuService } from './context-menu.service';
+import * as i0 from "@angular/core";
+export declare class ContextMenuComponent implements AfterViewInit, OnDestroy {
+    private overlay;
+    private viewContainerRef;
+    contextMenuService: ContextMenuService;
+    editorMenuElement: HTMLElement | null | undefined;
+    private menuTemplate;
+    menuConfig: ContextMenuConfig | undefined;
+    hideTrigger$: Observable<boolean>;
+    private triggerIsHidden;
+    private menuPortal;
+    private overlayRef;
+    private contextMenuSub;
+    private contentArea;
+    private hideTriggerHandler;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, contextMenuService: ContextMenuService);
+    onScroll: () => void;
+    ngAfterViewInit(): void;
+    triggerClick(): void;
+    ngOnDestroy(): void;
+    clickItem(item: ContextMenuItem): void;
+    private getPositionStrategy;
+    /** Inverts an overlay position. */
+    private invertPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ContextMenuComponent, "vdr-context-menu", never, { "editorMenuElement": "editorMenuElement"; }, {}, never, never>;
+}

package/core/shared/components/rich-text-editor/prosemirror/context-menu/context-menu.service.d.ts

@@ -0,0 +1,34 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface ContextMenuConfig {
+    ref: any;
+    iconShape?: string;
+    title: string;
+    element: Element;
+    coords: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    items: ContextMenuItem[];
+}
+export interface ContextMenuItem {
+    separator?: boolean;
+    iconClass?: string;
+    iconShape?: string;
+    label: string;
+    enabled: boolean;
+    onClick: () => void;
+}
+export declare class ContextMenuService {
+    contextMenu$: Observable<ContextMenuConfig | undefined>;
+    private menuIsVisible$;
+    private setContextMenuConfig$;
+    constructor();
+    setVisibility(isVisible: boolean): void;
+    setContextMenu(config: ContextMenuConfig): void;
+    clearContextMenu(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContextMenuService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ContextMenuService>;
+}

package/core/shared/components/rich-text-editor/prosemirror/custom-nodes.d.ts

@@ -0,0 +1,4 @@
+import { NodeSpec } from 'prosemirror-model';
+import { NodeViewConstructor } from 'prosemirror-view';
+export declare const iframeNode: NodeSpec;
+export declare const iframeNodeView: NodeViewConstructor;

package/core/shared/components/rich-text-editor/prosemirror/inputrules.d.ts

@@ -1,8 +1,8 @@
 import { Schema } from 'prosemirror-model';
 import { Plugin } from 'prosemirror-state';
-export declare function blockQuoteRule(nodeType: any): any;
-export declare function orderedListRule(nodeType: any): any;
-export declare function bulletListRule(nodeType: any): any;
-export declare function codeBlockRule(nodeType: any): any;
-export declare function headingRule(nodeType: any, maxLevel: any): any;
+export declare function blockQuoteRule(nodeType: any): import("prosemirror-inputrules").InputRule;
+export declare function orderedListRule(nodeType: any): import("prosemirror-inputrules").InputRule;
+export declare function bulletListRule(nodeType: any): import("prosemirror-inputrules").InputRule;
+export declare function codeBlockRule(nodeType: any): import("prosemirror-inputrules").InputRule;
+export declare function headingRule(nodeType: any, maxLevel: any): import("prosemirror-inputrules").InputRule;
 export declare function buildInputRules(schema: Schema): Plugin;

package/core/shared/components/rich-text-editor/prosemirror/menu/links.d.ts

@@ -1,4 +1,4 @@
 import { MenuItem } from 'prosemirror-menu';
 import { MarkType } from 'prosemirror-model';
 import { ModalService } from '../../../../../providers/modal/modal.service';
-export declare function linkItem(linkMark: MarkType, modalService: ModalService): MenuItem<any>;
+export declare function linkItem(linkMark: MarkType, modalService: ModalService): MenuItem;

package/core/shared/components/rich-text-editor/prosemirror/menu/menu-common.d.ts

@@ -1,4 +1,16 @@
 import { NodeType } from 'prosemirror-model';
 import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
 export declare function markActive(state: any, type: any): any;
 export declare function canInsert(state: EditorState, nodeType: NodeType): boolean;
+export interface ClarityIconOptions {
+    shape: string;
+    size?: number;
+    label?: string;
+}
+export declare function renderClarityIcon(options: ClarityIconOptions): (view: EditorView) => HTMLElement;
+export declare function wrapInMenuItemWithIcon(...elements: Array<HTMLElement | undefined | null>): HTMLSpanElement;
+export declare const IconSize: {
+    Large: number;
+    Small: number;
+};

package/core/shared/components/rich-text-editor/prosemirror/menu/menu-plugin.d.ts

@@ -0,0 +1,9 @@
+import { Injector } from '@angular/core';
+import { Schema } from 'prosemirror-model';
+import { Plugin } from 'prosemirror-state';
+export interface CustomMenuPluginOptions {
+    floatingMenu?: boolean;
+    schema: Schema;
+    injector: Injector;
+}
+export declare function customMenuPlugin(options: CustomMenuPluginOptions): Plugin<any>;

package/core/shared/components/rich-text-editor/prosemirror/menu/sub-menu-with-icon.d.ts

@@ -0,0 +1,14 @@
+import { DropdownSubmenu, MenuElement } from 'prosemirror-menu';
+import { EditorState } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+export declare class SubMenuWithIcon extends DropdownSubmenu {
+    private icon;
+    constructor(content: readonly MenuElement[] | MenuElement, options: {
+        label?: string;
+        icon: () => HTMLElement;
+    });
+    render(view: EditorView): {
+        dom: HTMLElement;
+        update: (state: EditorState) => boolean;
+    };
+}

package/core/shared/components/rich-text-editor/prosemirror/plugins/image-plugin.d.ts

@@ -0,0 +1,7 @@
+import { MenuItem } from 'prosemirror-menu';
+import { NodeType } from 'prosemirror-model';
+import { Plugin } from 'prosemirror-state';
+import { ModalService } from '../../../../../providers/modal/modal.service';
+import { ContextMenuService } from '../context-menu/context-menu.service';
+export declare function insertImageItem(nodeType: NodeType, modalService: ModalService): MenuItem;
+export declare const imageContextMenuPlugin: (contextMenuService: ContextMenuService, modalService: ModalService) => Plugin<any>;

package/core/shared/components/rich-text-editor/prosemirror/plugins/link-select-plugin.d.ts

@@ -2,4 +2,4 @@ import { Plugin } from 'prosemirror-state';
 /**
  * Causes the entire link to be selected when clicked.
  */
-export declare const linkSelectPlugin: Plugin<any, any>;
+export declare const linkSelectPlugin: Plugin<any>;

package/core/shared/components/rich-text-editor/prosemirror/plugins/raw-editor-plugin.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'prosemirror-state';
+import { ModalService } from '../../../../../providers/modal/modal.service';
+import { ContextMenuService } from '../context-menu/context-menu.service';
+/**
+ * Implements editing of raw HTML for the selected node in the editor.
+ */
+export declare const rawEditorPlugin: (contextMenuService: ContextMenuService, modalService: ModalService) => Plugin<any>;

package/core/shared/components/rich-text-editor/prosemirror/plugins/tables-plugin.d.ts

@@ -0,0 +1,13 @@
+import { MenuElement } from 'prosemirror-menu';
+import { Schema } from 'prosemirror-model';
+import { Plugin } from 'prosemirror-state';
+import { ContextMenuService } from '../context-menu/context-menu.service';
+export declare const tableContextMenuPlugin: (contextMenuService: ContextMenuService) => Plugin<any>;
+export declare function getTableNodes(): import("prosemirror-tables").TableNodes;
+export declare function getTableMenu(schema: Schema): MenuElement[];
+export declare function addTable(state: any, dispatch: any, { rowsCount, colsCount, withHeaderRow, cellContent }: {
+    rowsCount: any;
+    colsCount: any;
+    withHeaderRow: any;
+    cellContent: any;
+}): void;

package/core/shared/components/rich-text-editor/prosemirror/prosemirror.service.d.ts

@@ -1,5 +1,7 @@
+import { Injector } from '@angular/core';
 import { EditorView } from 'prosemirror-view';
-import { ModalService } from '../../../../providers/modal/modal.service';
+import { Observable } from 'rxjs';
+import { ContextMenuService } from './context-menu/context-menu.service';
 import * as i0 from "@angular/core";
 export interface CreateEditorViewOptions {
     onTextInput: (content: string) => void;
@@ -7,11 +9,13 @@ export interface CreateEditorViewOptions {
     isReadOnly: () => boolean;
 }
 export declare class ProsemirrorService {
-    private modalService;
+    private injector;
+    private contextMenuService;
     editorView: EditorView;
     private mySchema;
     private enabled;
-    constructor(modalService: ModalService);
+    constructor(injector: Injector, contextMenuService: ContextMenuService);
+    contextMenuItems$: Observable<string>;
     createEditorView(options: CreateEditorViewOptions): void;
     update(text: string): void;
     destroy(): void;

package/core/shared/components/rich-text-editor/prosemirror/types.d.ts

@@ -1,4 +1,3 @@
-import { MenuItem } from 'prosemirror-menu';
 import { Schema } from 'prosemirror-model';
 export interface SetupOptions {
     schema: Schema;
@@ -6,6 +5,5 @@ export interface SetupOptions {
     menuBar?: boolean;
     history?: boolean;
     floatingMenu?: boolean;
-    menuContent?: MenuItem[][];
 }
 export declare type Keymap = Record<string, string | false>;

package/core/shared/components/rich-text-editor/raw-html-dialog/raw-html-dialog.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { ConfigArgDefinition } from '../../../../common/generated-types';
+import { Dialog } from '../../../../providers/modal/modal.types';
+import * as i0 from "@angular/core";
+export declare class RawHtmlDialogComponent implements OnInit, Dialog<string> {
+    html: string;
+    formControl: FormControl;
+    config: ConfigArgDefinition;
+    resolveWith: (html: string | undefined) => void;
+    ngOnInit(): void;
+    process(str: string): string;
+    /**
+     * Taken from https://stackoverflow.com/a/26361620/772859
+     */
+    format(node: Element, level?: number): Element;
+    cancel(): void;
+    select(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RawHtmlDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RawHtmlDialogComponent, "vdr-raw-html-dialog", never, {}, {}, never, never>;
+}

package/core/shared/components/rich-text-editor/rich-text-editor.component.d.ts

@@ -1,5 +1,6 @@
-import { AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, OnDestroy, ViewContainerRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ContextMenuService } from './prosemirror/context-menu/context-menu.service';
 import { ProsemirrorService } from './prosemirror/prosemirror.service';
 import * as i0 from "@angular/core";
 /**
@@ -19,6 +20,8 @@ import * as i0 from "@angular/core";
 export declare class RichTextEditorComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
     private changeDetector;
     private prosemirrorService;
+    private viewContainerRef;
+    contextMenuService: ContextMenuService;
     label: string;
     set readonly(value: any);
     _readonly: boolean;
@@ -26,7 +29,8 @@ export declare class RichTextEditorComponent implements ControlValueAccessor, Af
     onTouch: () => void;
     private value;
     private editorEl;
-    constructor(changeDetector: ChangeDetectorRef, prosemirrorService: ProsemirrorService);
+    constructor(changeDetector: ChangeDetectorRef, prosemirrorService: ProsemirrorService, viewContainerRef: ViewContainerRef, contextMenuService: ContextMenuService);
+    get menuElement(): HTMLDivElement | null;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     registerOnChange(fn: any): void;

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>;
 }

package/core/shared/dynamic-form-inputs/code-editor-form-input/base-code-editor-form-input.component.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { FormControl, ValidatorFn } from '@angular/forms';
+import { DefaultFormComponentConfig } from '@vendure/common/lib/shared-types';
+import { CodeJar } from 'codejar';
+import { FormInputComponent } from '../../../common/component-registry-types';
+import * as i0 from "@angular/core";
+export interface CodeEditorConfig {
+    validator: ValidatorFn;
+    getErrorMessage: (content: string) => string | undefined;
+    highlight: (content: string, errorPos: number | undefined) => string;
+}
+export declare abstract class BaseCodeEditorFormInputComponent implements FormInputComponent, AfterViewInit {
+    protected changeDetector: ChangeDetectorRef;
+    readonly: boolean;
+    formControl: FormControl;
+    config: DefaultFormComponentConfig<'json-editor-form-input'>;
+    isValid: boolean;
+    errorMessage: string | undefined;
+    private editorElementRef;
+    jar: CodeJar;
+    private highlight;
+    private getErrorMessage;
+    protected constructor(changeDetector: ChangeDetectorRef);
+    get height(): string | undefined;
+    configure(config: CodeEditorConfig): void;
+    ngAfterViewInit(): void;
+    protected getErrorPos(errorMessage: string | undefined): number | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseCodeEditorFormInputComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseCodeEditorFormInputComponent, never, never, {}, {}, never>;
+}

package/core/shared/dynamic-form-inputs/code-editor-form-input/html-editor-form-input.component.d.ts

@@ -0,0 +1,22 @@
+import { AfterViewInit, ChangeDetectorRef, OnInit } from '@angular/core';
+import { DefaultFormComponentId } from '@vendure/common/lib/shared-types';
+import { FormInputComponent } from '../../../common/component-registry-types';
+import { BaseCodeEditorFormInputComponent } from './base-code-editor-form-input.component';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * A JSON editor input with syntax highlighting and error detection. Works well
+ * with `text` type fields.
+ *
+ * @docsCategory custom-input-components
+ * @docsPage default-inputs
+ */
+export declare class HtmlEditorFormInputComponent extends BaseCodeEditorFormInputComponent implements FormInputComponent, AfterViewInit, OnInit {
+    protected changeDetector: ChangeDetectorRef;
+    static readonly id: DefaultFormComponentId;
+    constructor(changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    private encodeHtmlChars;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HtmlEditorFormInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HtmlEditorFormInputComponent, "vdr-html-editor-form-input", never, {}, {}, never, never>;
+}