@dereekb/dbx-form 4.1.0 → 5.1.0

package/lib/formly/field/selection/pickable/pickable.field.directive.d.ts

@@ -1,46 +1,45 @@
-import { DbxInjectionComponentConfig } from "@dereekb/dbx-core";
-import { LoadingState, ListLoadingStateContextInstance } from "@dereekb/rxjs";
-import { Maybe } from "@dereekb/util";
-import { OnDestroy, OnInit } from "@angular/core";
-import { FormControl, AbstractControl } from "@angular/forms";
-import { MatInput } from "@angular/material/input";
-import { FieldTypeConfig, FormlyFieldConfig } from "@ngx-formly/core";
-import { FieldType } from "@ngx-formly/material";
-import { Observable } from "rxjs";
-import { PickableValueFieldDisplayFn, PickableValueFieldDisplayValue, PickableValueFieldFilterFn, PickableValueFieldHashFn, PickableValueFieldLoadValuesFn, PickableValueFieldValue } from "./pickable";
-import { DbxValueListItem } from "@dereekb/dbx-web";
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { LoadingState, ListLoadingStateContextInstance } from '@dereekb/rxjs';
+import { PrimativeKey, Maybe, ArrayOrValue } from '@dereekb/util';
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormControl, AbstractControl } from '@angular/forms';
+import { MatInput } from '@angular/material/input';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType } from '@ngx-formly/material';
+import { Observable } from 'rxjs';
+import { PickableValueFieldDisplayFn, PickableValueFieldDisplayValue, PickableValueFieldFilterFn, PickableValueFieldHashFn, PickableValueFieldLoadValuesFn, PickableValueFieldValue } from './pickable';
+import { DbxValueListItem } from '@dereekb/dbx-web';
 import * as i0 from "@angular/core";
 /**
  * Wraps the selected state with the items.
  */
-export interface PickableItemFieldItem<T> extends DbxValueListItem<PickableValueFieldDisplayValue<T>> {
-}
-export declare type PickableItemFieldItemSortFn<T> = (items: PickableItemFieldItem<T>[]) => PickableItemFieldItem<T>[];
-export interface PickableValueFieldsFieldConfig<T> {
+export declare type PickableItemFieldItem<T, M = unknown> = DbxValueListItem<PickableValueFieldDisplayValue<T, M>>;
+export declare type PickableItemFieldItemSortFn<T, M = unknown> = (items: PickableItemFieldItem<T, M>[]) => PickableItemFieldItem<T, M>[];
+export interface PickableValueFieldsFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> {
     /**
      * Loads all pickable values.
      */
-    loadValues: PickableValueFieldLoadValuesFn<T>;
+    loadValues: PickableValueFieldLoadValuesFn<T, M>;
     /**
      * Used for building a display value given the input.
      */
-    displayForValue: PickableValueFieldDisplayFn<T>;
+    displayForValue: PickableValueFieldDisplayFn<T, M>;
     /**
      * Used for hashing display values and omitting repeat values.
      *
      * If hashForValue is not provided, the value's value will be used as is.
      */
-    hashForValue?: PickableValueFieldHashFn<T>;
+    hashForValue?: PickableValueFieldHashFn<T, H>;
     /**
      * Used for filtering values via the search text.
      */
-    filterValues?: PickableValueFieldFilterFn<T>;
+    filterValues?: PickableValueFieldFilterFn<T, M>;
     /**
      * Used for sorting the items before they are displayed.
      *
      * Should only be used to sort values.
      */
-    sortItems?: PickableItemFieldItemSortFn<T>;
+    sortItems?: PickableItemFieldItemSortFn<T, M>;
     /**
      * Whether or not to allow multiple items to be selected.
      */
@@ -80,29 +79,29 @@ export interface PickableValueFieldsFieldConfig<T> {
      */
     changeSelectionModeToViewOnDisabled?: boolean;
 }
-export interface PickableValueFieldsFormlyFieldConfig<T> extends FormlyFieldConfig {
-    pickableField: PickableValueFieldsFieldConfig<T>;
+export interface PickableValueFieldsFormlyFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends FormlyFieldConfig {
+    pickableField: PickableValueFieldsFieldConfig<T, M, H>;
 }
 /**
  * Displayed value with the computed hash.
  */
-export interface PickableValueFieldDisplayValueWithHash<T, M = any> extends PickableValueFieldDisplayValue<T, M> {
-    _hash: any;
+export interface PickableValueFieldDisplayValueWithHash<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends PickableValueFieldDisplayValue<T, M> {
+    _hash: H;
 }
 /**
  * Used for picking pre-set values using items as the presentation.
  */
-export declare class AbstractDbxPickableItemFieldDirective<T> extends FieldType<PickableValueFieldsFormlyFieldConfig<T> & FieldTypeConfig> implements OnInit, OnDestroy {
+export declare class AbstractDbxPickableItemFieldDirective<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends FieldType<PickableValueFieldsFormlyFieldConfig<T, M, H> & FieldTypeConfig> implements OnInit, OnDestroy {
     filterMatInput: MatInput;
     readonly inputCtrl: FormControl;
     private _formControlObs;
     readonly formControl$: Observable<AbstractControl>;
     private _displayHashMap;
-    readonly filterInputValue$: Observable<string>;
-    readonly filterInputValueString$: Observable<string>;
-    readonly loadResultsDisplayValuesState$: Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T>[]>>;
+    readonly filterInputValue$: Observable<Maybe<string>>;
+    readonly filterInputValueString$: Observable<Maybe<string>>;
+    readonly loadResultsDisplayValuesState$: Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T, M, H>[]>>;
     readonly _formControlValue: Observable<T | T[]>;
-    readonly loadResultsDisplayValues$: Observable<PickableValueFieldDisplayValueWithHash<T>[]>;
+    readonly loadResultsDisplayValues$: Observable<PickableValueFieldDisplayValueWithHash<T, M, H>[]>;
     /**
      * Current values in the form control.
      */
@@ -110,27 +109,27 @@ export declare class AbstractDbxPickableItemFieldDirective<T> extends FieldType<
     /**
      * Current values with their display value.
      */
-    readonly displayValuesState$: Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T>[]>>;
+    readonly displayValuesState$: Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T, M, H>[]>>;
     /**
      * Results to be displayed if filtered.
      */
-    readonly filteredSearchResultsState$: Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T>[]>>;
-    readonly filteredSearchResults$: Observable<PickableValueFieldDisplayValueWithHash<T>[]>;
-    readonly items$: Observable<PickableItemFieldItem<T>[]>;
-    readonly itemsLoadingState$: Observable<LoadingState>;
+    readonly filteredSearchResultsState$: Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T, M, H>[]>>;
+    readonly filteredSearchResults$: Observable<PickableValueFieldDisplayValueWithHash<T, M, H>[]>;
+    readonly items$: Observable<PickableItemFieldItem<T, M>[]>;
+    readonly itemsLoadingState$: Observable<LoadingState<PickableItemFieldItem<T>[]>>;
     /**
      * Context used for managing the loading of items, or when the current results change.
      */
-    readonly context: ListLoadingStateContextInstance<any, LoadingState<any>>;
-    readonly filterItemsLoadingState$: Observable<LoadingState>;
+    readonly context: ListLoadingStateContextInstance<unknown, LoadingState<PickableItemFieldItem<T, unknown>[]>>;
+    readonly filterItemsLoadingState$: Observable<LoadingState<PickableItemFieldItem<T>[]>>;
     /**
      * Context used for searching/filtering.
      */
-    readonly filterResultsContext: ListLoadingStateContextInstance<any, LoadingState<PickableValueFieldDisplayValueWithHash<T, any>[]>>;
+    readonly filterResultsContext: ListLoadingStateContextInstance<unknown, LoadingState<PickableValueFieldDisplayValueWithHash<T, M, H>[]>>;
     readonly noItemsAvailable$: Observable<boolean>;
     get readonly(): Maybe<boolean>;
     get isReadonlyOrDisabled(): boolean;
-    get pickableField(): PickableValueFieldsFieldConfig<T>;
+    get pickableField(): PickableValueFieldsFieldConfig<T, M, H>;
     get multiSelect(): boolean;
     get asArrayValue(): boolean;
     get filterLabel(): Maybe<string>;
@@ -138,27 +137,27 @@ export declare class AbstractDbxPickableItemFieldDirective<T> extends FieldType<
     get label(): Maybe<string>;
     get autocomplete(): string;
     get changeSelectionModeToViewOnDisabled(): boolean;
-    get sortItems(): Maybe<PickableItemFieldItemSortFn<T>>;
-    get hashForValue(): PickableValueFieldHashFn<T>;
-    get displayForValue(): PickableValueFieldDisplayFn<T>;
+    get sortItems(): Maybe<PickableItemFieldItemSortFn<T, M>>;
+    get hashForValue(): PickableValueFieldHashFn<T, H>;
+    get displayForValue(): PickableValueFieldDisplayFn<T, M>;
     get showFilterInput(): boolean;
-    get filterValuesFn(): PickableValueFieldFilterFn<T>;
+    get filterValuesFn(): PickableValueFieldFilterFn<T, M>;
     get skipFilterFnOnEmpty(): boolean;
-    get _filterValues(): PickableValueFieldFilterFn<T>;
+    get _filterValues(): PickableValueFieldFilterFn<T, M>;
     get showTextFilter(): boolean;
-    get loadValuesFn(): PickableValueFieldLoadValuesFn<T>;
+    get loadValuesFn(): PickableValueFieldLoadValuesFn<T, M>;
     get values(): T[];
     get footerConfig(): Maybe<DbxInjectionComponentConfig>;
-    loadDisplayValuesForValues(values: T[]): Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T>[]>>;
-    loadDisplayValuesForFieldValues(values: PickableValueFieldValue<T>[]): Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T>[]>>;
-    getDisplayValuesForFieldValues(values: PickableValueFieldValue<T>[]): Observable<PickableValueFieldDisplayValueWithHash<T>[]>;
+    loadDisplayValuesForValues(values: T[]): Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T, M, H>[]>>;
+    loadDisplayValuesForFieldValues(values: PickableValueFieldValue<T, M>[]): Observable<LoadingState<PickableValueFieldDisplayValueWithHash<T, M, H>[]>>;
+    getDisplayValuesForFieldValues(values: PickableValueFieldValue<T, M>[]): Observable<PickableValueFieldDisplayValueWithHash<T, M, H>[]>;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    protected _getValueOnFormControl(valueOnFormControl: any): T[];
+    protected _getValueOnFormControl(valueOnFormControl: ArrayOrValue<T>): T[];
     addValue(value: T): void;
     removeValue(value: T): void;
     setValues(values: T[]): void;
     protected _setValueOnFormControl(values: T[]): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxPickableItemFieldDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPickableItemFieldDirective<any>, never, never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxPickableItemFieldDirective<any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPickableItemFieldDirective<any, any, any>, never, never, {}, {}, never>;
 }

package/lib/formly/field/selection/pickable/pickable.list.field.component.d.ts

@@ -1,8 +1,8 @@
-import { DbxInjectionComponentConfig } from "@dereekb/dbx-core";
-import { AbstractDbxSelectionListWrapperDirective, AbstractDbxSelectionListViewDirective, AbstractDbxValueListViewItemComponent, DbxListSelectionMode } from "@dereekb/dbx-web";
-import { Maybe } from "@dereekb/util";
-import { PickableValueFieldDisplayValue } from "./pickable";
-import { AbstractDbxPickableItemFieldDirective, PickableItemFieldItem } from "./pickable.field.directive";
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { AbstractDbxSelectionListWrapperDirective, AbstractDbxSelectionListViewDirective, AbstractDbxValueListViewItemComponent, DbxListSelectionMode } from '@dereekb/dbx-web';
+import { Maybe } from '@dereekb/util';
+import { PickableValueFieldDisplayValue } from './pickable';
+import { AbstractDbxPickableItemFieldDirective, PickableItemFieldItem } from './pickable.field.directive';
 import * as i0 from "@angular/core";
 /**
  * Used for picking pre-set values using a selection list as the presentation.
@@ -20,12 +20,12 @@ export declare class DbxPickableListFieldItemListComponent<T> extends AbstractDb
 /**
  * NOTE: Values input are PickableItemFieldItem<T>, but output values are PickableValueFieldDisplayValue<T>.
  */
-export declare class DbxPickableListFieldItemListViewComponent<T> extends AbstractDbxSelectionListViewDirective<PickableItemFieldItem<T>> {
+export declare class DbxPickableListFieldItemListViewComponent<T> extends AbstractDbxSelectionListViewDirective<any> {
     readonly dbxPickableListFieldComponent: DbxPickableListFieldComponent<T>;
     readonly config: DbxInjectionComponentConfig;
     get multiple(): boolean;
     get selectionMode(): Maybe<DbxListSelectionMode>;
-    readonly items$: import("rxjs").Observable<import("@dereekb/dbx-web").DbxValueListItemConfig<unknown, PickableItemFieldItem<T>>[]>;
+    readonly items$: import("rxjs").Observable<any[]>;
     constructor(dbxPickableListFieldComponent: DbxPickableListFieldComponent<T>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPickableListFieldItemListViewComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxPickableListFieldItemListViewComponent<any>, "ng-component", never, {}, {}, never, never>;

package/lib/formly/field/selection/searchable/_searchable.scss

@@ -2,10 +2,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-searchable-text-field-value {
     width: 100%;
   }
@@ -20,7 +18,6 @@
   }
 
   .dbx-searchable-text-field-has-value.dbx-searchable-text-field-show-value {
-
     .dbx-searchable-text-field-value {
       margin-bottom: -6px;
     }
@@ -36,12 +33,13 @@
     opacity: unset;
     height: unset;
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-selection-searchable') {

package/lib/formly/field/selection/searchable/searchable.chip.field.component.d.ts

@@ -1,14 +1,14 @@
-import { OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { AbstractDbxSearchableValueFieldDirective, SearchableValueFieldsFieldConfig, SearchableValueFieldsFormlyFieldConfig } from './searchable.field.directive';
+import { PrimativeKey } from '@dereekb/util';
 import * as i0 from "@angular/core";
-export interface SearchableChipValueFieldsFieldConfig<T> extends SearchableValueFieldsFieldConfig<T> {
+export declare type SearchableChipValueFieldsFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> = SearchableValueFieldsFieldConfig<T, M, H>;
+export interface SearchableChipValueFieldsFormlyFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends SearchableValueFieldsFormlyFieldConfig<T, M, H> {
+    searchableField: SearchableChipValueFieldsFieldConfig<T, M, H>;
 }
-export interface SearchableChipValueFieldsFormlyFieldConfig<T> extends SearchableValueFieldsFormlyFieldConfig<T> {
-    searchableField: SearchableChipValueFieldsFieldConfig<T>;
-}
-export declare class DbxSearchableChipFieldComponent<T> extends AbstractDbxSearchableValueFieldDirective<T, SearchableChipValueFieldsFormlyFieldConfig<T>> implements OnDestroy {
+export declare class DbxSearchableChipFieldComponent<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends AbstractDbxSearchableValueFieldDirective<T, M, H, SearchableChipValueFieldsFormlyFieldConfig<T, M, H>> implements OnInit, OnDestroy {
     private _blur;
     private _blurSub;
     readonly separatorKeysCodes: number[];
@@ -18,6 +18,6 @@ export declare class DbxSearchableChipFieldComponent<T> extends AbstractDbxSearc
     ngOnInit(): void;
     ngOnDestroy(): void;
     onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSearchableChipFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSearchableChipFieldComponent<any>, "ng-component", never, {}, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSearchableChipFieldComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSearchableChipFieldComponent<any, any, any>, "ng-component", never, {}, {}, never, never>;
 }

package/lib/formly/field/selection/searchable/searchable.d.ts

@@ -1,7 +1,8 @@
+import { PrimativeKey } from '@dereekb/util';
 import { DbxInjectionComponentConfig, ClickableAnchor } from '@dereekb/dbx-core';
 import { Observable } from 'rxjs';
 import { SelectionDisplayValue, SelectionValue, SelectionValueHashFn } from '../selection';
-export interface SearchableValueFieldValue<T, M = any> extends SelectionValue<T, M> {
+export interface SearchableValueFieldValue<T, M = unknown> extends SelectionValue<T, M> {
     /**
      * Optional anchor metadata on the field.
      */
@@ -10,29 +11,29 @@ export interface SearchableValueFieldValue<T, M = any> extends SelectionValue<T,
 /**
  * Displayed value.
  */
-export interface SearchableValueFieldDisplayValue<T, M = any> extends SelectionDisplayValue<T, M>, SearchableValueFieldValue<T, M> {
+export interface SearchableValueFieldDisplayValue<T, M = unknown> extends SelectionDisplayValue<T, M>, SearchableValueFieldValue<T, M> {
     /**
      * Display override configuration
      */
     display?: Partial<DbxInjectionComponentConfig>;
 }
-export interface ConfiguredSearchableValueFieldDisplayValue<T, M = any> extends Omit<SearchableValueFieldDisplayValue<T, M>, 'display'> {
+export interface ConfiguredSearchableValueFieldDisplayValue<T, M = unknown> extends Omit<SearchableValueFieldDisplayValue<T, M>, 'display'> {
     display: DbxInjectionComponentConfig;
 }
 /**
  * SearchableValueField function for searching values.
  */
-export declare type SearchableValueFieldStringSearchFn<T> = (search: string) => Observable<SearchableValueFieldValue<T>[]>;
+export declare type SearchableValueFieldStringSearchFn<T, M = unknown> = (search: string) => Observable<SearchableValueFieldValue<T, M>[]>;
 /**
- * SearchableValueField function that allows the values a chance to go through another observable for any changes.
+ * SearchableValueField function that allows the values a chance to go through another observable for unknown changes.
  *
  * An example usage is passing an email address, then getting back metadata that can be used to show the values.
  *
  * The value itself should not change. All other fields on the value may change, however.
  */
-export declare type SearchableValueFieldDisplayFn<T> = (values: SearchableValueFieldValue<T>[]) => Observable<SearchableValueFieldDisplayValue<T>[]>;
+export declare type SearchableValueFieldDisplayFn<T, M = unknown> = (values: SearchableValueFieldValue<T, M>[]) => Observable<SearchableValueFieldDisplayValue<T, M>[]>;
 /**
  * SearchableValueField function for setting anchor values on a field value.
  */
-export declare type SearchableValueFieldAnchorFn<T> = (value: SearchableValueFieldValue<T>) => ClickableAnchor;
-export declare type SearchableValueFieldHashFn<T> = SelectionValueHashFn<T>;
+export declare type SearchableValueFieldAnchorFn<T, M = unknown> = (value: SearchableValueFieldValue<T, M>) => ClickableAnchor;
+export declare type SearchableValueFieldHashFn<T, H extends PrimativeKey = PrimativeKey> = SelectionValueHashFn<T, H>;

package/lib/formly/field/selection/searchable/searchable.field.autocomplete.item.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare const DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN: InjectionToken<unknown>;
 export declare class DbxSearchableFieldAutocompleteItemComponent<T> implements OnDestroy {
     private _displayValue;
-    readonly displayValue$: Observable<ConfiguredSearchableValueFieldDisplayValue<T, any>>;
+    readonly displayValue$: Observable<ConfiguredSearchableValueFieldDisplayValue<T, unknown>>;
     readonly config$: Observable<DbxInjectionComponentConfig>;
     readonly anchor$: Observable<import("@dereekb/dbx-core").ClickableAnchor | undefined>;
     set displayValue(displayValue: ConfiguredSearchableValueFieldDisplayValue<T>);

package/lib/formly/field/selection/searchable/searchable.field.d.ts

@@ -1,3 +1,4 @@
+import { PrimativeKey } from '@dereekb/util';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { Observable } from 'rxjs';
 import { LabeledFieldConfig, DescriptionFieldConfig } from '../../field';
@@ -10,16 +11,15 @@ import { SearchableTextValueFieldsFieldConfig } from './searchable.text.field.co
  * @param param0
  * @returns
  */
-export declare function makeMetaFilterSearchableFieldValueDisplayFn<T = string | number, M = any>({ loadMetaForValues, makeDisplayForValues }: {
+export declare function makeMetaFilterSearchableFieldValueDisplayFn<T extends string | number = string | number, M = unknown>({ loadMetaForValues, makeDisplayForValues }: {
     loadMetaForValues: (values: SearchableValueFieldValue<T, M>[]) => Observable<SearchableValueFieldValue<T, M>[]>;
     makeDisplayForValues: (values: SearchableValueFieldValue<T, M>[]) => Observable<SearchableValueFieldDisplayValue<T, M>[]>;
-}): SearchableValueFieldDisplayFn<T>;
-export interface StringSearchableChipFieldConfig extends Omit<SearchableChipFieldConfig<string>, 'allowStringValues'> {
+}): SearchableValueFieldDisplayFn<T, M>;
+export declare type StringSearchableChipFieldConfig<M = unknown> = Omit<SearchableChipFieldConfig<string, M>, 'allowStringValues'>;
+export declare function searchableStringChipField<M = unknown>(config: StringSearchableChipFieldConfig<M>): FormlyFieldConfig;
+export interface SearchableChipFieldConfig<T = unknown, M = unknown, H extends PrimativeKey = PrimativeKey> extends LabeledFieldConfig, DescriptionFieldConfig, SearchableChipValueFieldsFieldConfig<T, M, H> {
 }
-export declare function searchableStringChipField(config: StringSearchableChipFieldConfig): FormlyFieldConfig;
-export interface SearchableChipFieldConfig<T = any> extends LabeledFieldConfig, DescriptionFieldConfig, SearchableChipValueFieldsFieldConfig<T> {
+export declare function searchableChipField<T, M = unknown, H extends PrimativeKey = PrimativeKey>(config: SearchableChipFieldConfig<T, M, H>): FormlyFieldConfig;
+export interface SearchableTextFieldConfig<T = unknown, M = unknown, H extends PrimativeKey = PrimativeKey> extends LabeledFieldConfig, DescriptionFieldConfig, SearchableTextValueFieldsFieldConfig<T, M, H> {
 }
-export declare function searchableChipField<T>(config: SearchableChipFieldConfig<T>): FormlyFieldConfig;
-export interface SearchableTextFieldConfig<T = any> extends LabeledFieldConfig, DescriptionFieldConfig, SearchableTextValueFieldsFieldConfig<T> {
-}
-export declare function searchableTextField<T>(config: SearchableTextFieldConfig<T>): FormlyFieldConfig;
+export declare function searchableTextField<T, M = unknown, H extends PrimativeKey = PrimativeKey>(config: SearchableTextFieldConfig<T, M, H>): FormlyFieldConfig;

package/lib/formly/field/selection/searchable/searchable.field.directive.d.ts

@@ -1,3 +1,4 @@
+import { ArrayOrValue, Maybe, PrimativeKey } from '@dereekb/util';
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { SubscriptionObject, LoadingState, LoadingStateContextInstance } from '@dereekb/rxjs';
 import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
@@ -6,7 +7,6 @@ import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
 import { FieldType } from '@ngx-formly/material';
 import { Observable } from 'rxjs';
 import { SearchableValueFieldHashFn, SearchableValueFieldStringSearchFn, SearchableValueFieldDisplayFn, SearchableValueFieldDisplayValue, SearchableValueFieldValue, SearchableValueFieldAnchorFn, ConfiguredSearchableValueFieldDisplayValue } from './searchable';
-import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export interface StringValueFieldsFieldConfig {
     /**
@@ -16,7 +16,7 @@ export interface StringValueFieldsFieldConfig {
 }
 export interface StringValueFieldsFormlyFieldConfig extends StringValueFieldsFieldConfig, FormlyFieldConfig {
 }
-export interface SearchableValueFieldsFieldConfig<T> extends StringValueFieldsFieldConfig {
+export interface SearchableValueFieldsFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends StringValueFieldsFieldConfig {
     /**
      * Whether or not to allow string values to be used directly, or if values can only be chosen from searching.
      */
@@ -30,11 +30,11 @@ export interface SearchableValueFieldsFieldConfig<T> extends StringValueFieldsFi
      *
      * If hashForValue is not provided, the value's value will be used as is.
      */
-    hashForValue?: SearchableValueFieldHashFn<T>;
+    hashForValue?: SearchableValueFieldHashFn<T, H>;
     /**
      * Performs a search.
      */
-    search: SearchableValueFieldStringSearchFn<T>;
+    search: SearchableValueFieldStringSearchFn<T, M>;
     /**
      * Whether or not to allow searches on empty text. Is false by default.
      */
@@ -46,7 +46,7 @@ export interface SearchableValueFieldsFieldConfig<T> extends StringValueFieldsFi
     /**
      * Used for building a display value given the input.
      */
-    displayForValue: SearchableValueFieldDisplayFn<T>;
+    displayForValue: SearchableValueFieldDisplayFn<T, M>;
     /**
      * Whether or not to use the anchor field on value elements.
      *
@@ -58,21 +58,21 @@ export interface SearchableValueFieldsFieldConfig<T> extends StringValueFieldsFi
      *
      * Only used when useAnchor is true.
      */
-    anchorForValue?: SearchableValueFieldAnchorFn<T>;
+    anchorForValue?: SearchableValueFieldAnchorFn<T, M>;
     /**
      * Whether or not to show "Clear" in the autcomplete list.
      */
     showClearValue?: boolean;
 }
-export interface SearchableValueFieldsFormlyFieldConfig<T> extends FormlyFieldConfig {
-    searchableField: SearchableValueFieldsFieldConfig<T>;
+export interface SearchableValueFieldsFormlyFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends FormlyFieldConfig {
+    searchableField: SearchableValueFieldsFieldConfig<T, M, H>;
 }
 /**
  * Abstract searchable field that provides a feature for searching for values, and for displaying values using Observables.
  *
  * Display values are cached for performance.
  */
-export declare abstract class AbstractDbxSearchableValueFieldDirective<T, C extends SearchableValueFieldsFormlyFieldConfig<T>> extends FieldType<C & FieldTypeConfig> implements OnInit, OnDestroy {
+export declare abstract class AbstractDbxSearchableValueFieldDirective<T, M = unknown, H extends PrimativeKey = PrimativeKey, C extends SearchableValueFieldsFormlyFieldConfig<T, M, H> = SearchableValueFieldsFormlyFieldConfig<T, M, H>> extends FieldType<C & FieldTypeConfig> implements OnInit, OnDestroy {
     readonly cdRef: ChangeDetectorRef;
     /**
      * Whether or not to set/get values as an array.
@@ -89,33 +89,33 @@ export declare abstract class AbstractDbxSearchableValueFieldDirective<T, C exte
     private _displayHashMap;
     readonly inputValue$: Observable<string>;
     readonly inputValueString$: Observable<string>;
-    readonly searchResultsState$: Observable<LoadingState<any> | LoadingState<ConfiguredSearchableValueFieldDisplayValue<T, any>[]>>;
+    readonly searchResultsState$: Observable<LoadingState<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>>;
     readonly singleValueSyncSubscription: SubscriptionObject;
-    readonly searchContext: LoadingStateContextInstance<any, LoadingState<any> | LoadingState<ConfiguredSearchableValueFieldDisplayValue<T, any>[]>>;
-    readonly searchResults$: Observable<ConfiguredSearchableValueFieldDisplayValue<T>[]>;
+    readonly searchContext: LoadingStateContextInstance<unknown, LoadingState<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>>;
+    readonly searchResults$: Observable<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>;
     readonly _formControlValue: Observable<T | T[]>;
     readonly values$: Observable<T[]>;
-    readonly displayValuesState$: Observable<LoadingState<ConfiguredSearchableValueFieldDisplayValue<T>[]>>;
-    readonly displayValues$: Observable<ConfiguredSearchableValueFieldDisplayValue<T>[]>;
+    readonly displayValuesState$: Observable<LoadingState<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>>;
+    readonly displayValues$: Observable<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>;
     get name(): string;
     get label(): Maybe<string>;
     get readonly(): Maybe<boolean>;
-    get searchableField(): SearchableValueFieldsFieldConfig<T>;
+    get searchableField(): SearchableValueFieldsFieldConfig<T, M, H>;
     get searchOnEmptyText(): boolean;
     get autocomplete(): string;
-    get hashForValue(): SearchableValueFieldHashFn<T>;
-    get displayForValue(): SearchableValueFieldDisplayFn<T>;
+    get hashForValue(): SearchableValueFieldHashFn<T, H>;
+    get displayForValue(): SearchableValueFieldDisplayFn<T, M>;
     get useAnchor(): Maybe<boolean>;
-    get anchorForValue(): Maybe<SearchableValueFieldAnchorFn<T>>;
+    get anchorForValue(): Maybe<SearchableValueFieldAnchorFn<T, M>>;
     get display(): Maybe<Partial<DbxInjectionComponentConfig>>;
-    get search(): SearchableValueFieldStringSearchFn<T>;
+    get search(): SearchableValueFieldStringSearchFn<T, M>;
     get values(): T[];
     get allowStringValues(): boolean;
     get convertStringValue(): Maybe<(text: string) => T>;
     get showClearValue(): boolean;
-    loadDisplayValuesForValues(values: T[]): Observable<LoadingState<ConfiguredSearchableValueFieldDisplayValue<T>[]>>;
-    loadDisplayValuesForFieldValues(values: SearchableValueFieldValue<T>[]): Observable<LoadingState<ConfiguredSearchableValueFieldDisplayValue<T>[]>>;
-    getDisplayValuesForFieldValues(values: SearchableValueFieldValue<T>[]): Observable<ConfiguredSearchableValueFieldDisplayValue<T>[]>;
+    loadDisplayValuesForValues(values: T[]): Observable<LoadingState<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>>;
+    loadDisplayValuesForFieldValues(values: SearchableValueFieldValue<T, M>[]): Observable<LoadingState<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>>;
+    getDisplayValuesForFieldValues(values: SearchableValueFieldValue<T, M>[]): Observable<ConfiguredSearchableValueFieldDisplayValue<T, M>[]>;
     constructor(cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -133,8 +133,8 @@ export declare abstract class AbstractDbxSearchableValueFieldDirective<T, C exte
     removeValue(value: T): void;
     clearValues(): void;
     setValues(values: T[]): void;
-    protected _getValueOnFormControl(valueOnFormControl: any): T[];
+    protected _getValueOnFormControl(valueOnFormControl: ArrayOrValue<T>): T[];
     protected _setValueOnFormControl(values: T[]): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxSearchableValueFieldDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSearchableValueFieldDirective<any, any>, never, never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxSearchableValueFieldDirective<any, any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSearchableValueFieldDirective<any, any, any, any>, never, never, {}, {}, never>;
 }

package/lib/formly/field/selection/searchable/searchable.text.field.component.d.ts

@@ -1,25 +1,28 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { AbstractDbxSearchableValueFieldDirective, SearchableValueFieldsFieldConfig, SearchableValueFieldsFormlyFieldConfig } from './searchable.field.directive';
+import { PrimativeKey } from '@dereekb/util';
 import * as i0 from "@angular/core";
-export interface SearchableTextValueFieldsFieldConfig<T> extends SearchableValueFieldsFieldConfig<T> {
+export interface SearchableTextValueFieldsFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends SearchableValueFieldsFieldConfig<T, M, H> {
     showSelectedValue?: boolean;
 }
-export interface SearchableTextValueFieldsFormlyFieldConfig<T> extends SearchableValueFieldsFormlyFieldConfig<T> {
-    searchableField: SearchableTextValueFieldsFieldConfig<T>;
+export interface SearchableTextValueFieldsFormlyFieldConfig<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends SearchableValueFieldsFormlyFieldConfig<T, M, H> {
+    searchableField: SearchableTextValueFieldsFieldConfig<T, M, H>;
 }
 /**
  * Display component for selecting a single item/value.
  */
-export declare class DbxSearchableTextFieldComponent<T> extends AbstractDbxSearchableValueFieldDirective<T, SearchableTextValueFieldsFormlyFieldConfig<T>> {
-    readonly selectedDisplayValue$: import("rxjs").Observable<import("@dereekb/dbx-form").ConfiguredSearchableValueFieldDisplayValue<T, any>>;
+export declare class DbxSearchableTextFieldComponent<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends AbstractDbxSearchableValueFieldDirective<T, M, H, SearchableTextValueFieldsFormlyFieldConfig<T, M, H>> implements OnInit, OnDestroy {
+    readonly selectedDisplayValue$: import("rxjs").Observable<import("@dereekb/dbx-form").ConfiguredSearchableValueFieldDisplayValue<T, M>>;
     readonly hasValue$: import("rxjs").Observable<boolean>;
     readonly showSelectedDisplayValue$: import("rxjs").Observable<boolean>;
-    get searchableField(): SearchableTextValueFieldsFieldConfig<T>;
+    get searchableField(): SearchableTextValueFieldsFieldConfig<T, M, H>;
     get showSelectedValue(): boolean;
     readonly multiSelect = false;
     private _clearInputSub;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    selected(event: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSearchableTextFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSearchableTextFieldComponent<any>, "ng-component", never, {}, {}, never, never>;
+    selected(event: MatAutocompleteSelectedEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSearchableTextFieldComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSearchableTextFieldComponent<any, any, any>, "ng-component", never, {}, {}, never, never>;
 }

package/lib/formly/field/selection/searchable/text.chip.field.d.ts

@@ -1,6 +1,6 @@
-import { FormlyFieldConfig } from "@ngx-formly/core";
-import { LabeledFieldConfig } from "../../field";
-import { StringValueFieldsFieldConfig, StringValueFieldsFormlyFieldConfig } from "./searchable.field.directive";
+import { FormlyFieldConfig } from '@ngx-formly/core';
+import { LabeledFieldConfig } from '../../field';
+import { StringValueFieldsFieldConfig, StringValueFieldsFormlyFieldConfig } from './searchable.field.directive';
 export interface ChipTextFieldConfig extends LabeledFieldConfig, StringValueFieldsFieldConfig {
 }
 export interface ChipTextFieldFormlyConfig extends StringValueFieldsFormlyFieldConfig, FormlyFieldConfig {

package/lib/formly/field/selection/selection.d.ts

@@ -1,8 +1,8 @@
-import { Maybe } from "@dereekb/util";
-export interface SelectionValue<T, M = any> {
+import { PrimativeKey, Maybe } from '@dereekb/util';
+export interface SelectionValue<T, M = unknown> {
     /**
-   * Value associated with this field.
-   */
+     * Value associated with this field.
+     */
     value: T;
     /**
      * Optional metadata on the field.
@@ -12,7 +12,7 @@ export interface SelectionValue<T, M = any> {
 /**
  * Displayed value.
  */
-export interface SelectionDisplayValue<T, M = any> extends SelectionValue<T, M> {
+export interface SelectionDisplayValue<T, M = unknown> extends SelectionValue<T, M> {
     label: string;
     sublabel?: string;
     /**
@@ -23,4 +23,4 @@ export interface SelectionDisplayValue<T, M = any> extends SelectionValue<T, M>
 /**
  * Used to hash the value from the input pickable value.
  */
-export declare type SelectionValueHashFn<T> = (value: T) => any;
+export declare type SelectionValueHashFn<T, H extends PrimativeKey = PrimativeKey> = (value: T) => H;

package/lib/formly/field/texteditor/_texteditor.scss

@@ -5,10 +5,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-texteditor-field-compact {
     .dbx-texteditor-field-input {
       min-height: 120px;
@@ -21,7 +19,6 @@
     max-height: 400px;
     overflow: auto;
   }
-
 }
 
 @mixin color($theme-config) {
@@ -35,7 +32,6 @@
   $text-color: theming.get-color-from-palette($foreground, 'text');
 
   .dbx-texteditor-field {
-
     .NgxEditor {
       background: transparent;
       color: $text-color;
@@ -62,7 +58,7 @@
     }
 
     .NgxEditor__Popup,
-    .NgxEditor__Dropdown.NgxEditor__Dropdown--Selected, 
+    .NgxEditor__Dropdown.NgxEditor__Dropdown--Selected,
     .NgxEditor__Dropdown.NgxEditor__Dropdown--Open,
     .NgxEditor__Dropdown .NgxEditor__Dropdown--DropdownMenu,
     .NgxEditor__Popup--FormGroup input {
@@ -73,12 +69,11 @@
     .NgxEditor__Dropdown.NgxEditor__Dropdown--Selected .NgxEditor__Dropdown--Text {
       color: $text-color;
     }
-
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-texteditor') {