@vendure/admin-ui 1.7.4 → 1.8.1

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

@@ -0,0 +1,19 @@
+import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { RadioCardFieldsetComponent } from './radio-card-fieldset.component';
+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;
+}

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

@@ -0,0 +1,28 @@
+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';
+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;
+}

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

@@ -0,0 +1,31 @@
+import { Observable } from 'rxjs';
+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;
+}

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,16 +1,20 @@
+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';
 export interface CreateEditorViewOptions {
     onTextInput: (content: string) => void;
     element: HTMLElement;
     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,18 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { ConfigArgDefinition } from '../../../../common/generated-types';
+import { Dialog } from '../../../../providers/modal/modal.service';
+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;
+}

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';
 /**
  * @description
@@ -18,6 +19,8 @@ import { ProsemirrorService } from './prosemirror/prosemirror.service';
 export declare class RichTextEditorComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
     private changeDetector;
     private prosemirrorService;
+    private viewContainerRef;
+    contextMenuService: ContextMenuService;
     label: string;
     set readonly(value: any);
     _readonly: boolean;
@@ -25,7 +28,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/dynamic-form-inputs/code-editor-form-input/base-code-editor-form-input.component.d.ts

@@ -0,0 +1,27 @@
+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';
+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;
+}

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

@@ -0,0 +1,19 @@
+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';
+/**
+ * @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;
+}

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

@@ -1,8 +1,8 @@
 import { AfterViewInit, ChangeDetectorRef, OnInit } from '@angular/core';
-import { FormControl, ValidatorFn } from '@angular/forms';
-import { DefaultFormComponentConfig, DefaultFormComponentId } from '@vendure/common/lib/shared-types';
-import { CodeJar } from 'codejar';
+import { ValidatorFn } from '@angular/forms';
+import { DefaultFormComponentId } from '@vendure/common/lib/shared-types';
 import { FormInputComponent } from '../../../common/component-registry-types';
+import { BaseCodeEditorFormInputComponent } from './base-code-editor-form-input.component';
 export declare function jsonValidator(): ValidatorFn;
 /**
  * @description
@@ -12,21 +12,9 @@ export declare function jsonValidator(): ValidatorFn;
  * @docsCategory custom-input-components
  * @docsPage default-inputs
  */
-export declare class JsonEditorFormInputComponent implements FormInputComponent, AfterViewInit, OnInit {
-    private changeDetector;
+export declare class JsonEditorFormInputComponent extends BaseCodeEditorFormInputComponent implements FormInputComponent, AfterViewInit, OnInit {
+    protected changeDetector: ChangeDetectorRef;
     static readonly id: DefaultFormComponentId;
-    readonly: boolean;
-    formControl: FormControl;
-    config: DefaultFormComponentConfig<'json-editor-form-input'>;
-    isValid: boolean;
-    errorMessage: string | undefined;
-    private editorElementRef;
-    jar: CodeJar;
     constructor(changeDetector: ChangeDetectorRef);
-    get height(): string | undefined;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
-    private getJsonError;
-    private getErrorPos;
-    private syntaxHighlight;
 }

package/core/shared/dynamic-form-inputs/register-dynamic-input-components.d.ts

@@ -1,6 +1,7 @@
 import { FactoryProvider, Type } from '@angular/core';
 import { FormInputComponent } from '../../common/component-registry-types';
 import { CustomFieldControl, CustomFieldEntityName } from '../../providers/custom-field-component/custom-field-component.service';
+import { HtmlEditorFormInputComponent } from './code-editor-form-input/html-editor-form-input.component';
 import { JsonEditorFormInputComponent } from './code-editor-form-input/json-editor-form-input.component';
 import { CombinationModeFormInputComponent } from './combination-mode-form-input/combination-mode-form-input.component';
 import { CurrencyFormInputComponent } from './currency-form-input/currency-form-input.component';
@@ -10,7 +11,7 @@ import { PasswordFormInputComponent } from './password-form-input/password-form-
 import { ProductMultiSelectorFormInputComponent } from './product-multi-selector-form-input/product-multi-selector-form-input.component';
 import { ProductSelectorFormInputComponent } from './product-selector-form-input/product-selector-form-input.component';
 import { SelectFormInputComponent } from './select-form-input/select-form-input.component';
-export declare const defaultFormInputs: (typeof ProductSelectorFormInputComponent | typeof CustomerGroupFormInputComponent | typeof PasswordFormInputComponent | typeof CurrencyFormInputComponent | typeof SelectFormInputComponent | typeof FacetValueFormInputComponent | typeof JsonEditorFormInputComponent | typeof ProductMultiSelectorFormInputComponent | typeof CombinationModeFormInputComponent)[];
+export declare const defaultFormInputs: (typeof HtmlEditorFormInputComponent | typeof ProductSelectorFormInputComponent | typeof CustomerGroupFormInputComponent | typeof PasswordFormInputComponent | typeof CurrencyFormInputComponent | typeof SelectFormInputComponent | typeof FacetValueFormInputComponent | typeof JsonEditorFormInputComponent | typeof ProductMultiSelectorFormInputComponent | typeof CombinationModeFormInputComponent)[];
 /**
  * @description
  * Registers a custom FormInputComponent which can be used to control the argument inputs