@skyux/lookup 6.14.0 → 6.17.0

package/lib/modules/lookup/lookup-show-more-async-modal.component.d.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
-import { SkyLogService } from '@skyux/core';
+import { SkyIdService, SkyLogService } from '@skyux/core';
 import { SkyModalInstance } from '@skyux/modals';
 import { Subject } from 'rxjs';
 import { SkyLookupShowMoreNativePickerAsyncContext } from './types/lookup-show-more-native-picker-async-context';
@@ -19,6 +19,10 @@ export declare class SkyLookupShowMoreAsyncModalComponent implements OnInit, OnD
     addClick: Subject<void>;
     displayedItems: any[];
     hasMoreItems: boolean;
+    /**
+     * Used to associate this modal with its owning lookup component.
+     */
+    id: string;
     isLoadingMore: boolean;
     isSearching: boolean;
     items: any[];
@@ -26,7 +30,7 @@ export declare class SkyLookupShowMoreAsyncModalComponent implements OnInit, OnD
     repeaterItemTemplate: TemplateRef<unknown> | null;
     searchText: string | undefined;
     selectedIdMap: Map<unknown, unknown>;
-    constructor(modalInstance: SkyModalInstance, context: SkyLookupShowMoreNativePickerAsyncContext, changeDetector: ChangeDetectorRef, logSvc: SkyLogService);
+    constructor(modalInstance: SkyModalInstance, context: SkyLookupShowMoreNativePickerAsyncContext, changeDetector: ChangeDetectorRef, idSvc: SkyIdService, logSvc: SkyLogService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     addButtonClicked(): void;

package/lib/modules/lookup/lookup-show-more-modal.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, OnDestroy, TemplateRef } from '@angular/core';
+import { SkyIdService } from '@skyux/core';
 import { SkyModalInstance } from '@skyux/modals';
 import { Subject } from 'rxjs';
 import { SkyLookupShowMoreNativePickerContext } from './types/lookup-show-more-native-picker-context';
@@ -16,6 +17,10 @@ export declare class SkyLookupShowMoreModalComponent implements AfterViewInit, O
      * Fires when users select the button to add new options to the list.
      */
     addClick: Subject<void>;
+    /**
+     * Used to associate this modal with its owning lookup component.
+     */
+    id: string;
     items: any[];
     dataManagerConfig: {
         sortOptions: {
@@ -34,7 +39,7 @@ export declare class SkyLookupShowMoreModalComponent implements AfterViewInit, O
         index: number;
         itemData: any;
     }[];
-    constructor(modalInstance: SkyModalInstance, context: SkyLookupShowMoreNativePickerContext, changeDetector: ChangeDetectorRef);
+    constructor(modalInstance: SkyModalInstance, context: SkyLookupShowMoreNativePickerContext, changeDetector: ChangeDetectorRef, idSvc: SkyIdService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     addButtonClicked(): void;

package/lib/modules/lookup/lookup.component.d.ts

@@ -93,6 +93,7 @@ export declare class SkyLookupComponent extends SkyLookupAutocompleteAdapter imp
     set value(newValue: any[]);
     autocompleteController: Subject<SkyAutocompleteMessage>;
     isInputFocused: boolean;
+    showMorePickerId: string | undefined;
     tokensController: Subject<SkyTokensMessage>;
     private set autocompleteInputDirective(value);
     private get autocompleteInputDirective();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lookup",
-  "version": "6.14.0",
+  "version": "6.17.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -46,15 +46,15 @@
     "@angular/core": "^13.3.2",
     "@angular/forms": "^13.3.2",
     "@angular/platform-browser": "^13.3.2",
-    "@skyux-sdk/testing": "6.14.0",
-    "@skyux/core": "6.14.0",
-    "@skyux/forms": "6.14.0",
-    "@skyux/i18n": "6.14.0",
-    "@skyux/indicators": "6.14.0",
-    "@skyux/layout": "6.14.0",
-    "@skyux/lists": "6.14.0",
-    "@skyux/modals": "6.14.0",
-    "@skyux/theme": "6.14.0"
+    "@skyux-sdk/testing": "6.17.0",
+    "@skyux/core": "6.17.0",
+    "@skyux/forms": "6.17.0",
+    "@skyux/i18n": "6.17.0",
+    "@skyux/indicators": "6.17.0",
+    "@skyux/layout": "6.17.0",
+    "@skyux/lists": "6.17.0",
+    "@skyux/modals": "6.17.0",
+    "@skyux/theme": "6.17.0"
   },
   "dependencies": {
     "intl-tel-input": "17.0.16",

package/testing/autocomplete/autocomplete-harness-filters.d.ts

@@ -1,6 +1,7 @@
 import { SkyHarnessFilters } from '@skyux/core/testing';
 /**
  * A set of criteria that can be used to filter a list of SkyAutocompleteHarness instances.
+ * @internal
  */
 export interface SkyAutocompleteHarnessFilters extends SkyHarnessFilters {
 }

package/testing/autocomplete/autocomplete-harness.d.ts

@@ -5,6 +5,7 @@ import { SkyAutocompleteSearchResultHarness } from './autocomplete-search-result
 import { SkyAutocompleteSearchResultHarnessFilters } from './autocomplete-search-result-harness-filters';
 /**
  * Harness for interacting with an autocomplete component in tests.
+ * @internal
  */
 export declare class SkyAutocompleteHarness extends SkyComponentHarness {
     #private;

package/testing/autocomplete/autocomplete-search-result-harness-filters.d.ts

@@ -1,6 +1,7 @@
 import { BaseHarnessFilters } from '@angular/cdk/testing';
 /**
  * A set of criteria that can be used to filter a list of SkyAutocompleteSearchResultHarness instances.
+ * @internal
  */
 export interface SkyAutocompleteSearchResultHarnessFilters extends Omit<BaseHarnessFilters, 'selector'> {
     /**

package/testing/autocomplete/autocomplete-search-result-harness.d.ts

@@ -2,6 +2,7 @@ import { ComponentHarness, HarnessPredicate, HarnessQuery } from '@angular/cdk/t
 import { SkyAutocompleteSearchResultHarnessFilters } from './autocomplete-search-result-harness-filters';
 /**
  * Harness for interacting with an autocomplete search results in tests.
+ * @internal
  */
 export declare class SkyAutocompleteSearchResultHarness extends ComponentHarness {
     static hostSelector: string;

package/testing/country-field/country-field-fixture.d.ts

@@ -1,6 +1,7 @@
 import { ComponentFixture } from '@angular/core/testing';
 /**
  * Allows interaction with a SKY UX country field component.
+ * @internal
  */
 export declare class SkyCountryFieldFixture {
     private fixture;

package/testing/country-field/country-field-testing.module.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/lookup";
+/**
+ * @internal
+ */
 export declare class SkyCountryFieldTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCountryFieldTestingModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCountryFieldTestingModule, never, never, [typeof i1.SkyCountryFieldModule]>;

package/testing/lookup/lookup-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyLookupHarness` instances.
+ * @internal
+ */
+export interface SkyLookupHarnessFilters extends SkyHarnessFilters {
+}

package/testing/lookup/lookup-harness.d.ts

@@ -0,0 +1,51 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyAutocompleteHarness } from '../autocomplete/autocomplete-harness';
+import { SkyLookupHarnessFilters } from './lookup-harness-filters';
+import { SkyLookupSelectionHarness } from './lookup-selection-harness';
+import { SkyLookupShowMorePickerHarness } from './lookup-show-more-picker-harness';
+/**
+ * Harness for interacting with a lookup component in tests.
+ * @internal
+ */
+export declare class SkyLookupHarness extends SkyAutocompleteHarness {
+    #private;
+    /**
+     * Finds a standard lookup component, or a lookup component that is wrapped by an input box component.
+     * For input box implementations, we need to use the `.sky-input-box` selector since the `sky-lookup`
+     * element is removed from the DOM.
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyLookupHarness` that meets certain criteria.
+     */
+    static with(filters: SkyLookupHarnessFilters): HarnessPredicate<SkyLookupHarness>;
+    /**
+     * Clicks the "Add" button on the search results panel.
+     */
+    clickAddButton(): Promise<void>;
+    /**
+     * Clicks the "Show more" button on the search results panel.
+     */
+    clickShowMoreButton(): Promise<void>;
+    /**
+     * Dismisses the selections made with a multiselect lookup.
+     */
+    dismissSelections(): Promise<void>;
+    /**
+     * Gets the "Show more" picker harness.
+     */
+    getShowMorePicker(): Promise<SkyLookupShowMorePickerHarness>;
+    /**
+     * Gets a list of selections made with a multiselect lookup.
+     */
+    getSelections(): Promise<SkyLookupSelectionHarness[]>;
+    /**
+     * Gets the text content of all selections made with a multiselect lookup.
+     */
+    getSelectionsText(): Promise<string[]>;
+    /**
+     * Whether the lookup allows for multiple selections.
+     */
+    isMultiselect(): Promise<boolean>;
+}

package/testing/lookup/lookup-selection-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { SkyTokenHarnessFilters } from '@skyux/indicators/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyLookupSelectionHarness` instances.
+ * @internal
+ */
+export interface SkyLookupSelectionHarnessFilters extends SkyTokenHarnessFilters {
+}

package/testing/lookup/lookup-selection-harness.d.ts

@@ -0,0 +1,7 @@
+import { SkyTokenHarness } from '@skyux/indicators/testing';
+/**
+ * Harness for interacting with a multiselect lookup selection in tests.
+ * @internal
+ */
+export declare class SkyLookupSelectionHarness extends SkyTokenHarness {
+}

package/testing/lookup/lookup-selections-list-harness.d.ts

@@ -0,0 +1,20 @@
+import { SkyTokensHarness } from '@skyux/indicators/testing';
+import { SkyLookupSelectionHarness } from './lookup-selection-harness';
+/**
+ * Harness for interacting with multiselect lookup selections in tests.
+ * @internal
+ */
+export declare class SkyLookupSelectionsListHarness extends SkyTokensHarness {
+    /**
+     * Gets a list of selections.
+     */
+    getSelections(): Promise<SkyLookupSelectionHarness[]>;
+    /**
+     * Dismisses the selections in the list.
+     */
+    dismissSelections(): Promise<void>;
+    /**
+     * Gets the text content of all selections in the list.
+     */
+    getSelectionsText(): Promise<string[]>;
+}

package/testing/lookup/lookup-show-more-picker-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { BaseHarnessFilters } from '@angular/cdk/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyLookupShowMorePickerHarness` instances.
+ * @internal
+ */
+export interface SkyLookupShowMorePickerHarnessFilters extends Omit<BaseHarnessFilters, 'ancestor'> {
+}

package/testing/lookup/lookup-show-more-picker-harness.d.ts

@@ -0,0 +1,61 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+import { SkyLookupShowMorePickerHarnessFilters } from './lookup-show-more-picker-harness-filters';
+import { SkyLookupShowMorePickerSearchResultHarness } from './lookup-show-more-picker-search-result-harness';
+import { SkyLookupShowMorePickerSearchResultHarnessFilters } from './lookup-show-more-picker-search-result-harness-filters';
+/**
+ * Harness for interacting with a lookup's "Show more" picker in tests.
+ * @internal
+ */
+export declare class SkyLookupShowMorePickerHarness extends ComponentHarness {
+    #private;
+    /**
+     * Use the class name since the async and non-async pickers use different
+     * host components but share the same wrapper CSS class.
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyLookupShowMorePickerHarness` that meets certain criteria.
+     */
+    static with(filters: SkyLookupShowMorePickerHarnessFilters): HarnessPredicate<SkyLookupShowMorePickerHarness>;
+    /**
+     * Clears the text of the search input.
+     */
+    clearSearchText(): Promise<void>;
+    /**
+     * Enters text into the search input and performs a search.
+     */
+    enterSearchText(value: string): Promise<void>;
+    /**
+     * Selects multiple search results based on a set of criteria.
+     */
+    selectSearchResult(filters?: SkyLookupShowMorePickerSearchResultHarnessFilters): Promise<void>;
+    /**
+     * Saves any selections made and closes the picker.
+     */
+    saveAndClose(): Promise<void>;
+    /**
+     * Closes the picker without saving any selections made.
+     */
+    cancel(): Promise<void>;
+    /**
+     * Gets a list of search results.
+     */
+    getSearchResults(filters?: SkyLookupShowMorePickerSearchResultHarnessFilters): Promise<SkyLookupShowMorePickerSearchResultHarness[]>;
+    /**
+     * Clears all selections made.
+     */
+    clearAll(): Promise<void>;
+    /**
+     * Whether the picker is configured to allow multiple selections.
+     */
+    isMultiselect(): Promise<boolean>;
+    /**
+     * Selects all search results.
+     */
+    selectAll(): Promise<void>;
+    /**
+     * Loads more results in the picker.
+     */
+    loadMore(): Promise<void>;
+}

package/testing/lookup/lookup-show-more-picker-search-result-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { SkyRepeaterItemHarnessFilters } from '@skyux/lists/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyLookupShowMorePickerSearchResultHarness` instances.
+ * @internal
+ */
+export interface SkyLookupShowMorePickerSearchResultHarnessFilters extends Omit<SkyRepeaterItemHarnessFilters, 'titleText' | 'ancestor'> {
+}

package/testing/lookup/lookup-show-more-picker-search-result-harness.d.ts

@@ -0,0 +1,7 @@
+import { SkyRepeaterItemHarness } from '@skyux/lists/testing';
+/**
+ * Harness for interacting with a lookup's "Show more" picker search results in tests.
+ * @internal
+ */
+export declare class SkyLookupShowMorePickerSearchResultHarness extends SkyRepeaterItemHarness {
+}

package/testing/public-api.d.ts

@@ -4,5 +4,16 @@ export * from './autocomplete/autocomplete-search-result-harness';
 export * from './autocomplete/autocomplete-search-result-harness-filters';
 export * from './country-field/country-field-fixture';
 export * from './country-field/country-field-testing.module';
+export * from './lookup/lookup-harness';
+export * from './lookup/lookup-harness-filters';
+export * from './lookup/lookup-selection-harness';
+export * from './lookup/lookup-selection-harness-filters';
+export * from './lookup/lookup-selections-list-harness';
+export * from './lookup/lookup-show-more-picker-harness';
+export * from './lookup/lookup-show-more-picker-harness-filters';
+export * from './lookup/lookup-show-more-picker-search-result-harness';
+export * from './lookup/lookup-show-more-picker-search-result-harness-filters';
 export * from './search/search-fixture';
+export * from './search/search-harness';
+export * from './search/search-harness-filters';
 export * from './search/search-testing.module';

package/testing/search/search-fixture.d.ts

@@ -1,6 +1,8 @@
 import { ComponentFixture } from '@angular/core/testing';
 /**
  * Allows interaction with a SKY UX search component.
+ * @deprecated Use `SkySearchHarness` instead.
+ * @internal
  */
 export declare class SkySearchFixture {
     /**

package/testing/search/search-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkySearchHarness` instances.
+ * @internal
+ */
+export interface SkySearchHarnessFilters extends SkyHarnessFilters {
+}

package/testing/search/search-harness.d.ts

@@ -0,0 +1,48 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { SkySearchHarnessFilters } from './search-harness-filters';
+/**
+ * Harness for interacting with an search component in tests.
+ * @internal
+ */
+export declare class SkySearchHarness extends SkyComponentHarness {
+    #private;
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkySearchHarness` that meets certain criteria.
+     */
+    static with(filters: SkySearchHarnessFilters): HarnessPredicate<SkySearchHarness>;
+    /**
+     * Blurs the input.
+     */
+    blur(): Promise<void>;
+    /**
+     * Clears the input.
+     */
+    clear(): Promise<void>;
+    /**
+     * Enters text into the input and performs a search.
+     */
+    enterText(value: string): Promise<void>;
+    /**
+     * Focuses the input.
+     */
+    focus(): Promise<void>;
+    /**
+     * Gets the value of the input's placeholder attribute.
+     */
+    getPlaceholderText(): Promise<string | null>;
+    /**
+     * Gets the value of the input.
+     */
+    getValue(): Promise<string>;
+    /**
+     * Whether the input is disabled.
+     */
+    isDisabled(): Promise<boolean>;
+    /**
+     * Whether the input is focused.
+     */
+    isFocused(): Promise<boolean>;
+}

package/testing/search/search-testing.module.d.ts

@@ -1,7 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "@skyux/lookup";
+import * as i1 from "@angular/platform-browser/animations";
+import * as i2 from "@skyux/lookup";
+/**
+ * @internal
+ */
 export declare class SkySearchTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkySearchTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkySearchTestingModule, never, never, [typeof i1.SkySearchModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkySearchTestingModule, never, never, [typeof i1.NoopAnimationsModule, typeof i2.SkySearchModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkySearchTestingModule>;
 }