@vendure/admin-ui 1.8.4 → 1.9.0

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

@@ -274,6 +274,7 @@ export declare type BooleanListOperators = {
 /** Operators for filtering on a Boolean field */
 export declare type BooleanOperators = {
     eq?: Maybe<Scalars['Boolean']>;
+    isNull?: Maybe<Scalars['Boolean']>;
 };
 /** Returned if an attempting to cancel lines from an Order which is still active */
 export declare type CancelActiveOrderError = ErrorResult & {
@@ -1241,6 +1242,7 @@ export declare type DateOperators = {
     before?: Maybe<Scalars['DateTime']>;
     after?: Maybe<Scalars['DateTime']>;
     between?: Maybe<DateRange>;
+    isNull?: Maybe<Scalars['Boolean']>;
 };
 export declare type DateRange = {
     start: Scalars['DateTime'];
@@ -1446,6 +1448,31 @@ export declare type FacetValueFilterInput = {
     and?: Maybe<Scalars['ID']>;
     or?: Maybe<Array<Scalars['ID']>>;
 };
+export declare type FacetValueFilterParameter = {
+    id?: Maybe<IdOperators>;
+    createdAt?: Maybe<DateOperators>;
+    updatedAt?: Maybe<DateOperators>;
+    languageCode?: Maybe<StringOperators>;
+    name?: Maybe<StringOperators>;
+    code?: Maybe<StringOperators>;
+};
+export declare type FacetValueList = PaginatedList & {
+    __typename?: 'FacetValueList';
+    items: Array<FacetValue>;
+    totalItems: Scalars['Int'];
+};
+export declare type FacetValueListOptions = {
+    /** Skips the first n results, for use in pagination */
+    skip?: Maybe<Scalars['Int']>;
+    /** Takes n results, for use in pagination */
+    take?: Maybe<Scalars['Int']>;
+    /** Specifies which properties to sort the results by */
+    sort?: Maybe<FacetValueSortParameter>;
+    /** Allows the results to be filtered */
+    filter?: Maybe<FacetValueFilterParameter>;
+    /** Specifies whether multiple "filter" arguments should be combines with a logical AND or OR operation. Defaults to AND. */
+    filterOperator?: Maybe<LogicalOperator>;
+};
 /**
  * Which FacetValues are present in the products returned
  * by the search, and in what quantity.
@@ -1455,6 +1482,13 @@ export declare type FacetValueResult = {
     facetValue: FacetValue;
     count: Scalars['Int'];
 };
+export declare type FacetValueSortParameter = {
+    id?: Maybe<SortOrder>;
+    createdAt?: Maybe<SortOrder>;
+    updatedAt?: Maybe<SortOrder>;
+    name?: Maybe<SortOrder>;
+    code?: Maybe<SortOrder>;
+};
 export declare type FacetValueTranslation = {
     __typename?: 'FacetValueTranslation';
     id: Scalars['ID'];
@@ -1606,6 +1640,7 @@ export declare type IdOperators = {
     notEq?: Maybe<Scalars['String']>;
     in?: Maybe<Array<Scalars['String']>>;
     notIn?: Maybe<Array<Scalars['String']>>;
+    isNull?: Maybe<Scalars['Boolean']>;
 };
 export declare type ImportInfo = {
     __typename?: 'ImportInfo';
@@ -2920,6 +2955,7 @@ export declare type NumberOperators = {
     gt?: Maybe<Scalars['Float']>;
     gte?: Maybe<Scalars['Float']>;
     between?: Maybe<NumberRange>;
+    isNull?: Maybe<Scalars['Boolean']>;
 };
 export declare type NumberRange = {
     start: Scalars['Float'];
@@ -3856,6 +3892,7 @@ export declare type Query = {
     /** Returns a list of eligible shipping methods for the draft Order */
     eligibleShippingMethodsForDraftOrder: Array<ShippingMethodQuote>;
     facet?: Maybe<Facet>;
+    facetValues: FacetValueList;
     facets: FacetList;
     fulfillmentHandlers: Array<ConfigurableOperationDefinition>;
     globalSettings: GlobalSettings;
@@ -3955,6 +3992,9 @@ export declare type QueryEligibleShippingMethodsForDraftOrderArgs = {
 export declare type QueryFacetArgs = {
     id: Scalars['ID'];
 };
+export declare type QueryFacetValuesArgs = {
+    options?: Maybe<FacetValueListOptions>;
+};
 export declare type QueryFacetsArgs = {
     options?: Maybe<FacetListOptions>;
 };
@@ -4458,6 +4498,7 @@ export declare type StringOperators = {
     in?: Maybe<Array<Scalars['String']>>;
     notIn?: Maybe<Array<Scalars['String']>>;
     regex?: Maybe<Scalars['String']>;
+    isNull?: Maybe<Scalars['Boolean']>;
 };
 /** Indicates that an operation succeeded, where we do not want to return any more specific information. */
 export declare type Success = {
@@ -5700,6 +5741,18 @@ export declare type GetFacetListQuery = {
         } & FacetWithValuesFragment)>;
     });
 };
+export declare type GetFacetValueListQueryVariables = Exact<{
+    options?: Maybe<FacetValueListOptions>;
+}>;
+export declare type GetFacetValueListQuery = {
+    facetValues: ({
+        __typename?: 'FacetValueList';
+    } & Pick<FacetValueList, 'totalItems'> & {
+        items: Array<({
+            __typename?: 'FacetValue';
+        } & FacetValueFragment)>;
+    });
+};
 export declare type GetFacetWithValuesQueryVariables = Exact<{
     id: Scalars['ID'];
 }>;
@@ -8698,6 +8751,12 @@ export declare namespace GetFacetList {
     type Facets = (NonNullable<GetFacetListQuery['facets']>);
     type Items = NonNullable<(NonNullable<(NonNullable<GetFacetListQuery['facets']>)['items']>)[number]>;
 }
+export declare namespace GetFacetValueList {
+    type Variables = GetFacetValueListQueryVariables;
+    type Query = GetFacetValueListQuery;
+    type FacetValues = (NonNullable<GetFacetValueListQuery['facetValues']>);
+    type Items = NonNullable<(NonNullable<(NonNullable<GetFacetValueListQuery['facetValues']>)['items']>)[number]>;
+}
 export declare namespace GetFacetWithValues {
     type Variables = GetFacetWithValuesQueryVariables;
     type Query = GetFacetWithValuesQuery;

package/core/common/version.d.ts

@@ -1 +1 @@
-export declare const ADMIN_UI_VERSION = "1.8.4";
+export declare const ADMIN_UI_VERSION = "1.9.0";

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

@@ -8,6 +8,7 @@ export declare const CREATE_FACET_VALUES: import("graphql").DocumentNode;
 export declare const UPDATE_FACET_VALUES: import("graphql").DocumentNode;
 export declare const DELETE_FACET_VALUES: import("graphql").DocumentNode;
 export declare const GET_FACET_LIST: import("graphql").DocumentNode;
+export declare const GET_FACET_VALUE_LIST: import("graphql").DocumentNode;
 export declare const GET_FACET_WITH_VALUES: import("graphql").DocumentNode;
 export declare const ASSIGN_FACETS_TO_CHANNEL: import("graphql").DocumentNode;
 export declare const REMOVE_FACETS_FROM_CHANNEL: import("graphql").DocumentNode;

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

@@ -1,4 +1,5 @@
-import { AssignFacetsToChannelInput, CreateFacetInput, CreateFacetValueInput, RemoveFacetsFromChannelInput, UpdateFacetInput, UpdateFacetValueInput } from '../../common/generated-types';
+import { WatchQueryFetchPolicy } from '@apollo/client/core';
+import { AssignFacetsToChannelInput, CreateFacetInput, CreateFacetValueInput, FacetValueListOptions, GetFacetValueListQuery, RemoveFacetsFromChannelInput, UpdateFacetInput, UpdateFacetValueInput } from '../../common/generated-types';
 import { BaseDataService } from './base-data.service';
 export declare class FacetDataService {
     private baseDataService;
@@ -6,6 +7,9 @@ export declare class FacetDataService {
     getFacets(take?: number, skip?: number): import("../query-result").QueryResult<import("../../common/generated-types").GetFacetListQuery, import("../../common/generated-types").Exact<{
         options?: import("../../common/generated-types").Maybe<import("../../common/generated-types").FacetListOptions> | undefined;
     }>>;
+    getFacetValues(options: FacetValueListOptions, fetchPolicy?: WatchQueryFetchPolicy): import("../query-result").QueryResult<GetFacetValueListQuery, import("../../common/generated-types").Exact<{
+        options?: import("../../common/generated-types").Maybe<FacetValueListOptions> | undefined;
+    }>>;
     getAllFacets(): import("../query-result").QueryResult<import("../../common/generated-types").GetFacetListQuery, import("../../common/generated-types").Exact<{
         options?: import("../../common/generated-types").Maybe<import("../../common/generated-types").FacetListOptions> | undefined;
     }>>;

package/core/providers/custom-history-entry-component/history-entry-component-types.d.ts

@@ -0,0 +1,81 @@
+import { Type } from '@angular/core';
+import { CustomerFragment, GetOrderHistoryQuery, OrderDetailFragment } from '../../common/generated-types';
+import { TimelineDisplayType } from '../../shared/components/timeline-entry/timeline-entry.component';
+export declare type TimelineHistoryEntry = NonNullable<GetOrderHistoryQuery['order']>['history']['items'][number];
+/**
+ * @description
+ * This interface should be implemented by components intended to display a history entry in the
+ * Order or Customer history timeline. If the component needs access to the Order or Customer object itself,
+ * you should implement {@link OrderHistoryEntryComponent} or {@link CustomerHistoryEntryComponent} respectively.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface HistoryEntryComponent {
+    /**
+     * @description
+     * The HistoryEntry data.
+     */
+    entry: TimelineHistoryEntry;
+    /**
+     * @description
+     * Defines whether this entry is highlighted with a "success", "error" etc. color.
+     */
+    getDisplayType: (entry: TimelineHistoryEntry) => TimelineDisplayType;
+    /**
+     * @description
+     * Featured entries are always expanded. Non-featured entries start of collapsed and can be clicked
+     * to expand.
+     */
+    isFeatured: (entry: TimelineHistoryEntry) => boolean;
+    /**
+     * @description
+     * Returns the name of the person who did this action. For example, it could be the Customer's name
+     * or "Administrator".
+     */
+    getName?: (entry: TimelineHistoryEntry) => string | undefined;
+    /**
+     * @description
+     * Optional Clarity icon shape to display with the entry. Examples: `'note'`, `['success-standard', 'is-solid']`
+     */
+    getIconShape?: (entry: TimelineHistoryEntry) => string | string[] | undefined;
+}
+/**
+ * @description
+ * Used to implement a {@link HistoryEntryComponent} which requires access to the Order object.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface OrderHistoryEntryComponent extends HistoryEntryComponent {
+    order: OrderDetailFragment;
+}
+/**
+ * @description
+ * Used to implement a {@link HistoryEntryComponent} which requires access to the Customer object.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface CustomerHistoryEntryComponent extends HistoryEntryComponent {
+    customer: CustomerFragment;
+}
+/**
+ * @description
+ * Configuration for registering a custom {@link HistoryEntryComponent}.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export interface HistoryEntryConfig {
+    /**
+     * @description
+     * The type should correspond to the custom HistoryEntryType string.
+     */
+    type: string;
+    /**
+     * @description
+     * The component to be rendered for this history entry type.
+     */
+    component: Type<HistoryEntryComponent>;
+}

package/core/providers/custom-history-entry-component/history-entry-component.service.d.ts

@@ -0,0 +1,16 @@
+import { Provider, Type } from '@angular/core';
+import { HistoryEntryComponent, HistoryEntryConfig } from './history-entry-component-types';
+/**
+ * @description
+ * Registers a {@link HistoryEntryComponent} for displaying history entries in the Order/Customer
+ * history timeline.
+ *
+ * @since 1.9.0
+ * @docsCategory custom-history-entry-components
+ */
+export declare function registerHistoryEntryComponent(config: HistoryEntryConfig): Provider;
+export declare class HistoryEntryComponentService {
+    private customEntryComponents;
+    registerComponent(config: HistoryEntryConfig): void;
+    getComponent(type: string): Type<HistoryEntryComponent> | undefined;
+}

package/core/public_api.d.ts

@@ -15,7 +15,6 @@ 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';
@@ -77,6 +76,8 @@ 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';
 export * from './providers/custom-field-component/custom-field-component.service';
+export * from './providers/custom-history-entry-component/history-entry-component-types';
+export * from './providers/custom-history-entry-component/history-entry-component.service';
 export * from './providers/dashboard-widget/dashboard-widget-types';
 export * from './providers/dashboard-widget/dashboard-widget.service';
 export * from './providers/dashboard-widget/register-dashboard-widget';

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

@@ -1,13 +1,8 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { FacetValue, FacetWithValues } from '../../../common/generated-types';
+import { Observable, Subject } from 'rxjs';
+import { FacetValue, FacetValueFragment } from '../../../common/generated-types';
 import { DataService } from '../../../data/providers/data.service';
-export declare type FacetValueSeletorItem = {
-    name: string;
-    facetName: string;
-    id: string;
-    value: FacetValue.Fragment;
-};
 /**
  * @description
  * A form control for selecting facet values.
@@ -30,25 +25,30 @@ export declare type FacetValueSeletorItem = {
  * ```
  * @docsCategory components
  */
-export declare class FacetValueSelectorComponent implements OnInit, ControlValueAccessor {
+export declare class FacetValueSelectorComponent implements OnInit, OnDestroy, ControlValueAccessor {
     private dataService;
-    selectedValuesChange: EventEmitter<import("../../../common/generated-types").FacetValueFragment[]>;
-    facets: FacetWithValues.Fragment[];
+    private changeDetectorRef;
+    selectedValuesChange: EventEmitter<FacetValueFragment[]>;
     readonly: boolean;
-    transformControlValueAccessorValue: (value: FacetValueSeletorItem[]) => any[];
+    transformControlValueAccessorValue: (value: FacetValueFragment[]) => any[];
+    searchInput$: Subject<string>;
+    searchLoading: boolean;
+    searchResults$: Observable<FacetValueFragment[]>;
+    selectedIds$: Subject<string[]>;
     private ngSelect;
-    facetValues: FacetValueSeletorItem[];
     onChangeFn: (val: any) => void;
     onTouchFn: () => void;
     disabled: boolean;
-    value: Array<string | FacetValue.Fragment>;
-    constructor(dataService: DataService);
+    value: Array<string | FacetValueFragment>;
+    private subscription;
+    constructor(dataService: DataService, changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
-    onChange(selected: FacetValueSeletorItem[]): void;
+    private initSearchResults;
+    ngOnDestroy(): void;
+    onChange(selected: FacetValueFragment[]): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     focus(): void;
     writeValue(obj: string | FacetValue.Fragment[] | Array<string | number> | null): void;
-    private toSelectorItem;
 }

package/core/shared/dynamic-form-inputs/facet-value-form-input/facet-value-form-input.component.d.ts

@@ -1,11 +1,7 @@
-import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { DefaultFormComponentId } from '@vendure/common/lib/shared-types';
-import { Observable } from 'rxjs';
 import { FormInputComponent, InputComponentConfig } from '../../../common/component-registry-types';
-import { FacetWithValues } from '../../../common/generated-types';
-import { DataService } from '../../../data/providers/data.service';
-import { FacetValueSeletorItem } from '../../components/facet-value-selector/facet-value-selector.component';
+import { FacetValueFragment } from '../../../common/generated-types';
 /**
  * @description
  * Allows the selection of multiple FacetValues via an autocomplete select input.
@@ -14,15 +10,11 @@ import { FacetValueSeletorItem } from '../../components/facet-value-selector/fac
  * @docsCategory custom-input-components
  * @docsPage default-inputs
  */
-export declare class FacetValueFormInputComponent implements FormInputComponent, OnInit {
-    private dataService;
+export declare class FacetValueFormInputComponent implements FormInputComponent {
     static readonly id: DefaultFormComponentId;
     readonly isListInput = true;
     readonly: boolean;
     formControl: FormControl;
-    facets$: Observable<FacetWithValues.Fragment[]>;
     config: InputComponentConfig;
-    constructor(dataService: DataService);
-    ngOnInit(): void;
-    valueTransformFn: (values: FacetValueSeletorItem[]) => string | FacetValueSeletorItem[];
+    valueTransformFn: (values: FacetValueFragment[]) => string | FacetValueFragment[];
 }

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

@@ -6,12 +6,11 @@ import { JsonEditorFormInputComponent } from './code-editor-form-input/json-edit
 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';
 import { SelectFormInputComponent } from './select-form-input/select-form-input.component';
-export declare const defaultFormInputs: (typeof HtmlEditorFormInputComponent | 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 JsonEditorFormInputComponent | typeof ProductMultiSelectorFormInputComponent | typeof CombinationModeFormInputComponent)[];
 /**
  * @description
  * Registers a custom FormInputComponent which can be used to control the argument inputs