@vendure/admin-ui 1.5.2 → 1.6.2

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

@@ -3335,6 +3335,10 @@ export declare type PermissionDefinition = {
     description: Scalars['String'];
     assignable: Scalars['Boolean'];
 };
+export declare type PreviewCollectionVariantsInput = {
+    parentId?: Maybe<Scalars['ID']>;
+    filters: Array<ConfigurableOperationInput>;
+};
 /** The price range where the result has more than one price */
 export declare type PriceRange = {
     __typename?: 'PriceRange';
@@ -3677,6 +3681,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>;
@@ -3781,6 +3787,10 @@ export declare type QueryPaymentMethodArgs = {
 export declare type QueryPaymentMethodsArgs = {
     options?: Maybe<PaymentMethodListOptions>;
 };
+export declare type QueryPreviewCollectionVariantsArgs = {
+    input: PreviewCollectionVariantsInput;
+    options?: Maybe<ProductVariantListOptions>;
+};
 export declare type QueryProductArgs = {
     id?: Maybe<Scalars['ID']>;
     slug?: Maybe<Scalars['String']>;
@@ -5053,10 +5063,23 @@ export declare type GetCollectionContentsQuery = {
         } & Pick<ProductVariantList, 'totalItems'> & {
             items: Array<({
                 __typename?: 'ProductVariant';
-            } & Pick<ProductVariant, 'id' | 'productId' | 'name'>)>;
+            } & Pick<ProductVariant, 'id' | 'productId' | 'name' | 'sku'>)>;
         });
     })>;
 };
+export declare type PreviewCollectionContentsQueryVariables = Exact<{
+    input: PreviewCollectionVariantsInput;
+    options?: Maybe<ProductVariantListOptions>;
+}>;
+export declare type PreviewCollectionContentsQuery = {
+    previewCollectionVariants: ({
+        __typename?: 'ProductVariantList';
+    } & Pick<ProductVariantList, 'totalItems'> & {
+        items: Array<({
+            __typename?: 'ProductVariant';
+        } & Pick<ProductVariant, 'id' | 'productId' | 'name' | 'sku'>)>;
+    });
+};
 export declare type AddressFragment = ({
     __typename?: 'Address';
 } & Pick<Address, 'id' | 'createdAt' | 'updatedAt' | 'fullName' | 'company' | 'streetLine1' | 'streetLine2' | 'city' | 'province' | 'postalCode' | 'phoneNumber' | 'defaultShippingAddress' | 'defaultBillingAddress'> & {
@@ -5384,7 +5407,7 @@ export declare type OrderAddressFragment = ({
 } & Pick<OrderAddress, 'fullName' | 'company' | 'streetLine1' | 'streetLine2' | 'city' | 'province' | 'postalCode' | 'country' | 'countryCode' | 'phoneNumber'>);
 export declare type OrderFragment = ({
     __typename?: 'Order';
-} & Pick<Order, 'id' | 'createdAt' | 'updatedAt' | 'orderPlacedAt' | 'code' | 'state' | 'nextStates' | 'total' | 'currencyCode'> & {
+} & Pick<Order, 'id' | 'createdAt' | 'updatedAt' | 'orderPlacedAt' | 'code' | 'state' | 'nextStates' | 'total' | 'totalWithTax' | 'currencyCode'> & {
     customer?: Maybe<({
         __typename?: 'Customer';
     } & Pick<Customer, 'id' | 'firstName' | 'lastName'>)>;
@@ -7501,7 +7524,7 @@ export declare type ConfigurableOperationDefFragment = ({
 } & Pick<ConfigurableOperationDefinition, 'code' | 'description'> & {
     args: Array<({
         __typename?: 'ConfigArgDefinition';
-    } & Pick<ConfigArgDefinition, 'name' | 'type' | 'required' | 'defaultValue' | 'list' | 'ui' | 'label'>)>;
+    } & Pick<ConfigArgDefinition, 'name' | 'type' | 'required' | 'defaultValue' | 'list' | 'ui' | 'label' | 'description'>)>;
 });
 declare type ErrorResult_AlreadyRefundedError_Fragment = ({
     __typename?: 'AlreadyRefundedError';
@@ -7927,6 +7950,12 @@ export declare namespace GetCollectionContents {
     type ProductVariants = (NonNullable<(NonNullable<GetCollectionContentsQuery['collection']>)['productVariants']>);
     type Items = NonNullable<(NonNullable<(NonNullable<(NonNullable<GetCollectionContentsQuery['collection']>)['productVariants']>)['items']>)[number]>;
 }
+export declare namespace PreviewCollectionContents {
+    type Variables = PreviewCollectionContentsQueryVariables;
+    type Query = PreviewCollectionContentsQuery;
+    type PreviewCollectionVariants = (NonNullable<PreviewCollectionContentsQuery['previewCollectionVariants']>);
+    type Items = NonNullable<(NonNullable<(NonNullable<PreviewCollectionContentsQuery['previewCollectionVariants']>)['items']>)[number]>;
+}
 export declare namespace Address {
     type Fragment = AddressFragment;
     type Country = (NonNullable<AddressFragment['country']>);

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 = "1.5.2";
+export declare const ADMIN_UI_VERSION = "1.6.2";

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

@@ -17,6 +17,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

@@ -7,3 +7,4 @@ export declare const UPDATE_COLLECTION: import("graphql").DocumentNode;
 export declare const MOVE_COLLECTION: import("graphql").DocumentNode;
 export declare const DELETE_COLLECTION: import("graphql").DocumentNode;
 export declare const GET_COLLECTION_CONTENTS: import("graphql").DocumentNode;
+export declare const PREVIEW_COLLECTION_CONTENTS: import("graphql").DocumentNode;

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

@@ -1,4 +1,4 @@
-import { CreateCollectionInput, MoveCollectionInput, UpdateCollectionInput } from '../../common/generated-types';
+import { CreateCollectionInput, MoveCollectionInput, PreviewCollectionContentsQuery, PreviewCollectionVariantsInput, ProductVariantListOptions, UpdateCollectionInput } from '../../common/generated-types';
 import { BaseDataService } from './base-data.service';
 export declare class CollectionDataService {
     private baseDataService;
@@ -14,8 +14,12 @@ export declare class CollectionDataService {
     updateCollection(input: UpdateCollectionInput): import("rxjs").Observable<import("../../common/generated-types").UpdateCollectionMutation>;
     moveCollection(inputs: MoveCollectionInput[]): import("rxjs").Observable<import("../../common/generated-types").MoveCollectionMutation[]>;
     deleteCollection(id: string): import("rxjs").Observable<import("../../common/generated-types").DeleteCollectionMutation>;
+    previewCollectionVariants(input: PreviewCollectionVariantsInput, options: ProductVariantListOptions): import("../query-result").QueryResult<PreviewCollectionContentsQuery, import("../../common/generated-types").Exact<{
+        input: PreviewCollectionVariantsInput;
+        options?: import("../../common/generated-types").Maybe<ProductVariantListOptions> | undefined;
+    }>>;
     getCollectionContents(id: string, take?: number, skip?: number, filterTerm?: string): import("../query-result").QueryResult<import("../../common/generated-types").GetCollectionContentsQuery, import("../../common/generated-types").Exact<{
         id: string;
-        options?: import("../../common/generated-types").Maybe<import("../../common/generated-types").ProductVariantListOptions> | undefined;
+        options?: import("../../common/generated-types").Maybe<ProductVariantListOptions> | undefined;
     }>>;
 }

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

@@ -10,6 +10,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';
@@ -144,6 +145,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-selector/product-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';
@@ -174,6 +177,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';
@@ -181,6 +185,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 { Asset, GetAssetList } from '../../../common/generated-types';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { GetAssetList } from '../../../common/generated-types';
+import { SelectionManager } from '../../../common/utilities/selection-manager';
 import { ModalService } from '../../../providers/modal/modal.service';
 export declare type AssetLike = GetAssetList.Items;
 export declare class AssetGalleryComponent implements OnChanges {
@@ -20,7 +21,7 @@ export declare class AssetGalleryComponent implements OnChanges {
         } & Pick<import("../../../common/generated-types").Tag, "id" | "value">)[];
     } & {
         __typename?: "Asset" | undefined;
-    } & Pick<Asset, "id" | "createdAt" | "updatedAt" | "name" | "fileSize" | "mimeType" | "type" | "preview" | "source" | "width" | "height"> & {
+    } & Pick<import("../../../common/generated-types").Asset, "id" | "createdAt" | "updatedAt" | "name" | "fileSize" | "mimeType" | "type" | "preview" | "source" | "width" | "height"> & {
         focalPoint?: import("../../../common/generated-types").Maybe<{
             __typename?: "Coordinate" | undefined;
         } & Pick<import("../../../common/generated-types").Coordinate, "x" | "y">> | undefined;
@@ -35,14 +36,28 @@ export declare class AssetGalleryComponent implements OnChanges {
         } & Pick<import("../../../common/generated-types").Tag, "id" | "value">)[];
     } & {
         __typename?: "Asset" | undefined;
-    } & Pick<Asset, "id" | "createdAt" | "updatedAt" | "name" | "fileSize" | "mimeType" | "type" | "preview" | "source" | "width" | "height"> & {
+    } & Pick<import("../../../common/generated-types").Asset, "id" | "createdAt" | "updatedAt" | "name" | "fileSize" | "mimeType" | "type" | "preview" | "source" | "width" | "height"> & {
         focalPoint?: import("../../../common/generated-types").Maybe<{
             __typename?: "Coordinate" | undefined;
         } & Pick<import("../../../common/generated-types").Coordinate, "x" | "y">> | undefined;
     })[]>;
-    selection: AssetLike[];
+    selectionManager: SelectionManager<{
+        __typename?: "Asset" | undefined;
+    } & {
+        tags: ({
+            __typename?: "Tag" | undefined;
+        } & {
+            __typename?: "Tag" | undefined;
+        } & Pick<import("../../../common/generated-types").Tag, "id" | "value">)[];
+    } & {
+        __typename?: "Asset" | undefined;
+    } & Pick<import("../../../common/generated-types").Asset, "id" | "createdAt" | "updatedAt" | "name" | "fileSize" | "mimeType" | "type" | "preview" | "source" | "width" | "height"> & {
+        focalPoint?: import("../../../common/generated-types").Maybe<{
+            __typename?: "Coordinate" | undefined;
+        } & Pick<import("../../../common/generated-types").Coordinate, "x" | "y">> | 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,14 +1,16 @@
-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';
 /**
  * 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;
@@ -16,8 +18,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;

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

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

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { SearchProducts } from '@vendure/admin-ui/core';
+import { SearchProducts } from '../../../common/generated-types';
 export declare class ProductSearchInputComponent {
     facetValueResults: SearchProducts.FacetValues[];
     searchTermChange: EventEmitter<string>;

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

@@ -5,6 +5,7 @@ import { EventEmitter } from '@angular/core';
 export declare class SelectToggleComponent {
     size: 'small' | 'large';
     selected: boolean;
+    hiddenWhenOff: boolean;
     disabled: boolean;
     label: string | undefined;
     selectedChange: EventEmitter<boolean>;

package/core/shared/dynamic-form-inputs/combination-mode-form-input/combination-mode-form-input.component.d.ts

@@ -0,0 +1,25 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { DefaultFormComponentConfig, DefaultFormComponentId } from '@vendure/common/lib/shared-types';
+import { Observable } from 'rxjs';
+import { FormInputComponent } from '../../../common/component-registry-types';
+import { ConfigurableInputComponent } from '../../components/configurable-input/configurable-input.component';
+/**
+ * @description
+ * A special input used to display the "Combination mode" AND/OR toggle.
+ *
+ * @docsCategory custom-input-components
+ * @docsPage default-inputs
+ */
+export declare class CombinationModeFormInputComponent implements FormInputComponent, OnInit {
+    private configurableInputComponent;
+    static readonly id: DefaultFormComponentId;
+    readonly: boolean;
+    formControl: FormControl;
+    config: DefaultFormComponentConfig<'combination-mode-form-input'>;
+    selectable$: Observable<boolean>;
+    constructor(configurableInputComponent: ConfigurableInputComponent);
+    ngOnInit(): void;
+    setCombinationModeAnd(): void;
+    setCombinationModeOr(): void;
+}

package/core/shared/dynamic-form-inputs/product-multi-selector-form-input/product-multi-selector-form-input.component.d.ts

@@ -0,0 +1,20 @@
+import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { DefaultFormComponentConfig, DefaultFormComponentId } from '@vendure/common/lib/shared-types';
+import { FormInputComponent } from '../../../common/component-registry-types';
+import { DataService } from '../../../data/providers/data.service';
+import { ModalService } from '../../../providers/modal/modal.service';
+export declare class ProductMultiSelectorFormInputComponent implements OnInit, FormInputComponent {
+    private modalService;
+    private dataService;
+    private changeDetector;
+    config: DefaultFormComponentConfig<'product-multi-form-input'>;
+    formControl: FormControl;
+    readonly: boolean;
+    mode: 'product' | 'variant';
+    readonly isListInput = true;
+    static readonly id: DefaultFormComponentId;
+    constructor(modalService: ModalService, dataService: DataService, changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    select(): void;
+}

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

@@ -2,12 +2,14 @@ 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 { 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';
 import { CustomerGroupFormInputComponent } from './customer-group-form-input/customer-group-form-input.component';
 import { FacetValueFormInputComponent } from './facet-value-form-input/facet-value-form-input.component';
 import { PasswordFormInputComponent } from './password-form-input/password-form-input.component';
+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';
-export declare const defaultFormInputs: (typeof ProductSelectorFormInputComponent | typeof CustomerGroupFormInputComponent | typeof PasswordFormInputComponent | typeof CurrencyFormInputComponent | typeof FacetValueFormInputComponent | typeof JsonEditorFormInputComponent)[];
+export declare const defaultFormInputs: (typeof ProductSelectorFormInputComponent | typeof CustomerGroupFormInputComponent | typeof PasswordFormInputComponent | typeof CurrencyFormInputComponent | typeof FacetValueFormInputComponent | typeof JsonEditorFormInputComponent | typeof ProductMultiSelectorFormInputComponent | typeof CombinationModeFormInputComponent)[];
 /**
  * @description
  * Registers a custom FormInputComponent which can be used to control the argument inputs

package/core/shared/dynamic-form-inputs/relation-form-input/asset/relation-asset-input.component.d.ts

@@ -1,14 +1,17 @@
 import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
+import { DefaultFormComponentId } from '@vendure/common/lib/shared-types';
 import { Observable } from 'rxjs';
+import { FormInputComponent } from '../../../../common/component-registry-types';
 import { GetAsset, RelationCustomFieldConfig } from '../../../../common/generated-types';
 import { DataService } from '../../../../data/providers/data.service';
 import { ModalService } from '../../../../providers/modal/modal.service';
-export declare class RelationAssetInputComponent implements OnInit {
+export declare class RelationAssetInputComponent implements FormInputComponent, OnInit {
     private modalService;
     private dataService;
+    static readonly id: DefaultFormComponentId;
     readonly: boolean;
-    parentFormControl: FormControl;
+    formControl: FormControl;
     config: RelationCustomFieldConfig;
     asset$: Observable<GetAsset.Asset | undefined>;
     constructor(modalService: ModalService, dataService: DataService);