@formio/js 5.0.0-dev.5613.3476921 → 5.0.0-dev.5614.b5c93f3

package/lib/cjs/providers/address/GoogleAddressProvider.js

@@ -8,35 +8,92 @@ exports.GoogleAddressProvider = void 0;
 const Formio_1 = require("../../Formio");
 const lodash_1 = __importDefault(require("lodash"));
 const AddressProvider_1 = require("./AddressProvider");
+const GOOGLE_MAPS_BASE_URL = 'https://maps.googleapis.com';
+const GOOGLE_MAPS_JS_URL = `${GOOGLE_MAPS_BASE_URL}/maps/api/js`;
+const GOOGLE_MAPS_JS_WITH_PARAMS_URL = `${GOOGLE_MAPS_JS_URL}?v=quarterly&libraries=places&loading=async&callback=googleMapsCallback`;
+/**
+ * @typedef {object} AutocompleteOptions
+ * @property {string[]} fields - The fields to include in the autocomplete response.
+ * @property {object} componentRestrictions - The component restrictions for the autocomplete response.
+ * @property {string[]} componentRestrictions.country - The country codes to restrict the autocomplete response to.
+ */
+/**
+ * @typedef {object} ProviderOptions
+ * @property {string} region - The region to restrict the autocomplete response to.
+ * @property {string} key - The API key for Google Maps.
+ * @property {AutocompleteOptions} autocompleteOptions - The options for the autocomplete functionality.
+ */
+/**
+ * @typedef {object} Place
+ * @property {object} address_components - The address components of the place.
+ * @property {string} formatted_address - The formatted address of the place.
+ * @property {object} geometry - The geometry information of the place.
+ * @property {string} place_id - The place ID of the place.
+ * @property {object} plus_code - The plus code of the place.
+ * @property {string[]} types - The types of the place.
+ * @property {string} formattedPlace - The formatted place value.
+ */
+/**
+ * @class GoogleAddressProvider
+ * @augments AddressProvider
+ */
 class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
+    /**
+     * @returns {string} The name of the provider.
+     */
     static get name() {
         return 'google';
     }
+    /**
+     * @returns {string} The display name of the provider.
+     */
     static get displayName() {
         return 'Google Maps';
     }
+    /**
+     
+     * @param {ProviderOptions} options - The options for the provider.
+     */
     constructor(options = {}) {
         var _a;
         super(options);
         this.setAutocompleteOptions();
-        let src = 'https://maps.googleapis.com/maps/api/js?v=quarterly&libraries=places&callback=googleMapsCallback';
+        let src = GOOGLE_MAPS_JS_WITH_PARAMS_URL;
         if ((_a = options.params) === null || _a === void 0 ? void 0 : _a.key) {
             src += `&key=${options.params.key}`;
         }
+        this.tryRemoveLibrary(options);
         Formio_1.Formio.requireLibrary(this.getLibraryName(), 'google.maps.places', src);
     }
+    /**
+     * get display value property
+     * @returns {string} The property to use for display value.
+     */
     get displayValueProperty() {
         return 'formattedPlace';
     }
+    /**
+     * @returns {string} The alternative property to use for display value.
+     */
     get alternativeDisplayValueProperty() {
         return 'formatted_address';
     }
+    /**
+     * @param {AutocompleteOptions} options - The autocomplete options.
+     */
     set autocompleteOptions(options) {
         this._autocompleteOptions = options;
     }
+    /**
+     * @returns {AutocompleteOptions} The autocomplete options.
+     */
     get autocompleteOptions() {
         return this._autocompleteOptions;
     }
+    /**
+     * Sets the autocomplete options based on the provider options.
+     
+     */
     setAutocompleteOptions() {
         let options = lodash_1.default.get(this.options, 'params.autocompleteOptions', {});
         if (!lodash_1.default.isObject(options)) {
@@ -45,13 +102,25 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
         this.addRequiredProviderOptions(options);
         this.autocompleteOptions = options;
     }
+    /**
+     
+     * Converts the region to autocomplete option if it exists.
+     * @param {ProviderOptions} options - The provider options.
+     */
     beforeMergeOptions(options) {
         // providing support of old Google Provider option
         this.convertRegionToAutocompleteOption(options);
     }
+    /**
+     * @returns {string} The name of the library.
+     */
     getLibraryName() {
         return 'googleMaps';
     }
+    /**
+     * Converts the region to autocomplete option.
+     * @param {ProviderOptions} options - The provider options.
+     */
     convertRegionToAutocompleteOption(options) {
         const providerOptions = options;
         let region = lodash_1.default.get(providerOptions, 'params.region', '');
@@ -65,9 +134,16 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
             lodash_1.default.set(providerOptions, 'params.autocompleteOptions.componentRestrictions.country', [region]);
         }
     }
+    /**
+     * @returns {string[]} The required address properties.
+     */
     getRequiredAddressProperties() {
         return ['address_components', 'formatted_address', 'geometry', 'place_id', 'plus_code', 'types'];
     }
+    /**
+     * Adds the required provider options to the options.
+     * @param {AutocompleteOptions} options - The autocomplete options.
+     */
     addRequiredProviderOptions(options) {
         const addressProperties = this.getRequiredAddressProperties();
         if (lodash_1.default.isArray(options.fields) && options.fields.length > 0) {
@@ -113,5 +189,23 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
             : this.alternativeDisplayValueProperty;
         return lodash_1.default.get(address, displayedProperty, '');
     }
+    /**
+     * Tries to remove the library if api key for loaded script is different.
+     * @param {ProviderOptions} options - The options for the provider.
+     */
+    tryRemoveLibrary(options = {}) {
+        var _a, _b, _c;
+        if (!Formio_1.Formio.libraries[this.getLibraryName()]) {
+            return;
+        }
+        const existingScript = document.querySelector(`script[src^="${GOOGLE_MAPS_JS_URL}"]`);
+        if (existingScript && ((_a = options.params) === null || _a === void 0 ? void 0 : _a.key) && !existingScript.attributes.src.value.endsWith(options.params.key)) {
+            const googleMapsScripts = (_b = document.querySelectorAll(`script[src^="${GOOGLE_MAPS_BASE_URL}"]`)) !== null && _b !== void 0 ? _b : [];
+            googleMapsScripts.forEach(script => script.parentNode.removeChild(script));
+            delete Formio_1.Formio.libraries[this.getLibraryName()];
+            (_c = global === null || global === void 0 ? void 0 : global.google) === null || _c === void 0 ? true : delete _c.maps;
+            delete global[`${this.getLibraryName()}Callback`];
+        }
+    }
 }
 exports.GoogleAddressProvider = GoogleAddressProvider;

package/lib/cjs/providers/address/NominatimAddressProvider.d.ts

@@ -1,11 +1,36 @@
+/**
+ * @typedef {object} NominatimAddressProviderOptionsParams
+ * @property {{ addressdetails: string, format: string } } params - The parameters for the Nominatim API request.
+ */
+/**
+ * Represents an Nominatim address provider.
+ * {extends AddressProvider}
+ */
 export class NominatimAddressProvider extends AddressProvider {
-    get defaultOptions(): {
-        params: {
-            addressdetails: string;
-            format: string;
-        };
-    };
+    /**
+     * Gets the default options for the address provider.
+     * @returns {NominatimAddressProviderOptionsParams}  The default options.
+     */
+    get defaultOptions(): NominatimAddressProviderOptionsParams;
+    /**
+     * Gets the display value property for the address provider.
+     * @returns {string} The property to use for display value.
+     */
     get displayValueProperty(): string;
-    getRequestUrl(options?: {}): string;
+    /**
+     * Generates the request URL for the address provider with options.
+     * @param {NominatimAddressProviderOptionsParams} options - The request options.
+     * @returns {string} The formatted Url.
+     */
+    getRequestUrl(options?: NominatimAddressProviderOptionsParams): string;
 }
+export type NominatimAddressProviderOptionsParams = {
+    /**
+     * - The parameters for the Nominatim API request.
+     */
+    params: {
+        addressdetails: string;
+        format: string;
+    };
+};
 import { AddressProvider } from './AddressProvider';

package/lib/cjs/providers/address/NominatimAddressProvider.js

@@ -2,13 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NominatimAddressProvider = void 0;
 const AddressProvider_1 = require("./AddressProvider");
+/**
+ * @typedef {object} NominatimAddressProviderOptionsParams
+ * @property {{ addressdetails: string, format: string } } params - The parameters for the Nominatim API request.
+ */
+/**
+ * Represents an Nominatim address provider.
+ * {extends AddressProvider}
+ */
 class NominatimAddressProvider extends AddressProvider_1.AddressProvider {
+    /**
+     * Gets the name of the address provider.
+     * @type {string}
+     */
     static get name() {
         return 'nominatim';
     }
+    /**
+     * Gets the display name of the address provider.
+     * @type {string}
+     */
     static get displayName() {
         return 'OpenStreetMap Nominatim';
     }
+    /**
+     * Gets the default options for the address provider.
+     * @returns {NominatimAddressProviderOptionsParams}  The default options.
+     */
     get defaultOptions() {
         return {
             params: {
@@ -17,12 +37,25 @@ class NominatimAddressProvider extends AddressProvider_1.AddressProvider {
             },
         };
     }
+    /**
+     * Gets the response property for the address provider.
+     * @type {string}
+     */
     get queryProperty() {
         return 'q';
     }
+    /**
+     * Gets the display value property for the address provider.
+     * @returns {string} The property to use for display value.
+     */
     get displayValueProperty() {
         return 'display_name';
     }
+    /**
+     * Generates the request URL for the address provider with options.
+     * @param {NominatimAddressProviderOptionsParams} options - The request options.
+     * @returns {string} The formatted Url.
+     */
     getRequestUrl(options = {}) {
         const { params } = options;
         return `https://nominatim.openstreetmap.org/search?${this.serialize(params)}`;

package/lib/cjs/providers/address/index.d.ts

@@ -1,6 +1,8 @@
 declare const _default: {
-    [x: string]: typeof CustomAddressProvider | typeof GoogleAddressProvider;
+    [x: string]: typeof AzureAddressProvider | typeof CustomAddressProvider | typeof GoogleAddressProvider | typeof NominatimAddressProvider;
 };
 export default _default;
+import { AzureAddressProvider } from './AzureAddressProvider';
 import { CustomAddressProvider } from './CustomAddressProvider';
 import { GoogleAddressProvider } from './GoogleAddressProvider';
+import { NominatimAddressProvider } from './NominatimAddressProvider';

package/lib/cjs/providers/processor/fileProcessor.d.ts

@@ -1,2 +1,8 @@
 export default fileProcessor;
-declare function fileProcessor(formio: any, config: any): (file: any, options: any) => Promise<any>;
+/**
+ * Creates a file processor function.
+ * @param {Formio} formio - The Formio instance.
+ * @param {object} config - The configuration object.
+ * @returns {function(File, object): Promise<FormData>} A function that takes a file and options, and returns a Promise that resolves with the processed file.
+ */
+declare function fileProcessor(formio: Formio, config: object): (arg0: File, arg1: object) => Promise<FormData>;

package/lib/cjs/providers/processor/fileProcessor.js

@@ -1,5 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Creates a file processor function.
+ * @param {Formio} formio - The Formio instance.
+ * @param {object} config - The configuration object.
+ * @returns {function(File, object): Promise<FormData>} A function that takes a file and options, and returns a Promise that resolves with the processed file.
+ */
 const fileProcessor = (formio, config) => (file, options) => new Promise((resolve, reject) => {
     const xhr = new XMLHttpRequest();
     // Fire on network error.

package/lib/cjs/providers/storage/azure.d.ts

@@ -1,17 +1,10 @@
 export default azure;
-declare function azure(formio: any): {
-    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): Promise<{
-        storage: string;
-        name: any;
-        size: any;
-        type: any;
-        groupPermissions: any;
-        groupId: any;
-        key: any;
-    }>;
-    downloadFile(file: any): any;
-    deleteFile: (fileInfo: any) => any;
-};
+/**
+ * Azure File Services provider for file storage.
+ * @param {object} formio formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
+declare function azure(formio: object): any;
 declare namespace azure {
     let title: string;
 }

package/lib/cjs/providers/storage/azure.js

@@ -4,6 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const xhr_1 = __importDefault(require("./xhr"));
+/**
+ * Azure File Services provider for file storage.
+ * @param {object} formio formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
 function azure(formio) {
     return {
         uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {

package/lib/cjs/providers/storage/base64.d.ts

@@ -1,10 +1,9 @@
 export default base64;
-declare function base64(): {
-    title: string;
-    name: string;
-    uploadFile(file: any, fileName: any): Promise<any>;
-    downloadFile(file: any): Promise<any>;
-};
+/**
+ * base64 File Services provider for file storage.
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
+declare function base64(): any;
 declare namespace base64 {
     let title: string;
 }

package/lib/cjs/providers/storage/base64.js

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * base64 File Services provider for file storage.
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
 function base64() {
     return {
         title: 'Base64',

package/lib/cjs/providers/storage/dropbox.d.ts

@@ -1,8 +1,10 @@
 export default dropbox;
-declare function dropbox(formio: any): {
-    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): Promise<any>;
-    downloadFile(file: any): Promise<any>;
-};
+/**
+ * Dropbox provider for file storage.
+ * @param {object} formio formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
+declare function dropbox(formio: object): any;
 declare namespace dropbox {
     let title: string;
 }

package/lib/cjs/providers/storage/dropbox.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const xhr_1 = require("./xhr");
+/**
+ * Dropbox provider for file storage.
+ * @param {object} formio formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
 function dropbox(formio) {
     return {
         uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {

package/lib/cjs/providers/storage/googleDrive.d.ts

@@ -1,9 +1,11 @@
 export default googledrive;
-declare function googledrive(formio: any): {
-    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): Promise<any>;
-    downloadFile(file: any): Promise<any>;
-    deleteFile: (fileInfo: any) => any;
-};
+/**
+ *
+ * Google Drive provider for file storage.
+ * @param {object} formio - formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
+declare function googledrive(formio: object): any;
 declare namespace googledrive {
     let title: string;
 }

package/lib/cjs/providers/storage/googleDrive.js

@@ -1,6 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const xhr_1 = require("./xhr");
+/**
+ *
+ * Google Drive provider for file storage.
+ * @param {object} formio - formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
 function googledrive(formio) {
     return {
         uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback) {

package/lib/cjs/providers/storage/indexeddb.d.ts

@@ -1,11 +1,9 @@
 export default indexeddb;
-declare function indexeddb(): {
-    title: string;
-    name: string;
-    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any): Promise<any> | undefined;
-    downloadFile(file: any, options: any): Promise<any>;
-    deleteFile(file: any, options: any): Promise<any>;
-};
+/**
+ * indexedDb provider for file storage.
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
+declare function indexeddb(): any;
 declare namespace indexeddb {
     let title: string;
 }

package/lib/cjs/providers/storage/indexeddb.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const uuid_1 = require("uuid");
+/**
+ * indexedDb provider for file storage.
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
 function indexeddb() {
     return {
         title: 'indexedDB',

package/lib/cjs/providers/storage/s3.d.ts

@@ -1,24 +1,10 @@
 export default s3;
-declare function s3(formio: any): {
-    uploadFile(file: any, fileName: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any, multipartOptions: any): Promise<{
-        storage: string;
-        name: any;
-        bucket: any;
-        key: any;
-        url: any;
-        acl: any;
-        size: any;
-        type: any;
-    }>;
-    completeMultipartUpload(serverResponse: any, parts: any, multipart: any): Promise<void>;
-    abortMultipartUpload(serverResponse: any): void;
-    uploadParts(file: any, urls: any, headers: any, partSize: any, multipart: any, abortSignal: any): Promise<{
-        ETag: string;
-        PartNumber: number;
-    }[]>;
-    downloadFile(file: any): any;
-    deleteFile(fileInfo: any): any;
-};
+/**
+ * S3 File Services provider for file storage.
+ * @param {object} formio formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
+declare function s3(formio: object): any;
 declare namespace s3 {
     let title: string;
 }

package/lib/cjs/providers/storage/s3.js

@@ -42,6 +42,11 @@ const loadAbortControllerPolyfill = () => __awaiter(void 0, void 0, void 0, func
         yield Promise.resolve().then(() => __importStar(require('abortcontroller-polyfill/dist/polyfill-patch-fetch')));
     }
 });
+/**
+ * S3 File Services provider for file storage.
+ * @param {object} formio formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
 function s3(formio) {
     return {
         uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions) {

package/lib/cjs/providers/storage/url.d.ts

@@ -1,11 +1,10 @@
 export default url;
-declare function url(formio: any): {
-    title: string;
-    name: string;
-    uploadFile(file: any, name: any, dir: any, progressCallback: any, url: any, options: any, fileKey: any, groupPermissions: any, groupId: any, abortCallback: any): any;
-    deleteFile(fileInfo: any, options: any): Promise<any>;
-    downloadFile(file: any): Promise<any>;
-};
+/**
+ *
+ * @param {object} formio - formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
+declare function url(formio: object): any;
 declare namespace url {
     let title: string;
 }

package/lib/cjs/providers/storage/url.js

@@ -1,6 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ *
+ * @param {object} formio - formio instance
+ * @returns {import('./typedefs').FileProvider} The FileProvider interface defined in index.js.
+ */
 function url(formio) {
+    /**
+     *
+     * @param {object} options - options to set on the xhr
+     * @param {object} xhr - the xhr object
+     */
     function setOptions(options, xhr) {
         const parsedOptions = typeof options === 'string' ? JSON.parse(options) : options;
         for (const prop in parsedOptions) {

package/lib/cjs/providers/storage/util.d.ts

@@ -1 +1,24 @@
-export function withRetries(fn: any, args: any, retries?: number, err?: null): Promise<any>;
+/**
+ * @typedef {any[]} Args
+ */
+/**
+ * Function to be retried
+ * @callback RetryFunction
+ * @param {...Args} args
+ * @returns {Promise<any>}
+ */
+/**
+ * Executes a function with retries in case of failure.
+ * @param {RetryFunction} fn - The function to be executed.
+ * @param {Args} args - The arguments to be passed to the function.
+ * @param {number} [retries] - The number of retries in case of failure.
+ * @param {string} [err] - The error message to be thrown after all retries have failed.
+ * @returns {Promise<any>} The result of the function execution.
+ * @throws {Error} When all retries have failed.
+ */
+export function withRetries(fn: RetryFunction, args: Args, retries?: number | undefined, err?: string | undefined): Promise<any>;
+export type Args = any[];
+/**
+ * Function to be retried
+ */
+export type RetryFunction = (...args: Args[]) => Promise<any>;

package/lib/cjs/providers/storage/util.js

@@ -1,4 +1,7 @@
 "use strict";
+/**
+ * @typedef {any[]} Args
+ */
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -10,6 +13,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withRetries = void 0;
+/**
+ * Function to be retried
+ * @callback RetryFunction
+ * @param {...Args} args
+ * @returns {Promise<any>}
+ */
+/**
+ * Executes a function with retries in case of failure.
+ * @param {RetryFunction} fn - The function to be executed.
+ * @param {Args} args - The arguments to be passed to the function.
+ * @param {number} [retries] - The number of retries in case of failure.
+ * @param {string} [err] - The error message to be thrown after all retries have failed.
+ * @returns {Promise<any>} The result of the function execution.
+ * @throws {Error} When all retries have failed.
+ */
 function withRetries(fn, args, retries = 3, err = null) {
     return __awaiter(this, void 0, void 0, function* () {
         if (!retries) {

package/lib/cjs/templates/Templates.d.ts

@@ -1 +1,2 @@
 export default Template;
+import { Template } from '@formio/core/experimental';

package/lib/cjs/translations/en.d.ts

@@ -72,5 +72,10 @@ declare namespace _default {
     let reCaptchaTokenValidationError: string;
     let reCaptchaTokenNotSpecifiedError: string;
     let apiKey: string;
+    let typeRemaining: string;
+    let typeCount: string;
+    let requiredDayField: string;
+    let requiredMonthField: string;
+    let requiredYearField: string;
 }
 export default _default;

package/lib/cjs/translations/en.js

@@ -73,5 +73,10 @@ exports.default = {
     submitButtonAriaLabel: 'Submit Form button. Click to submit the form',
     reCaptchaTokenValidationError: 'ReCAPTCHA: Token validation error',
     reCaptchaTokenNotSpecifiedError: 'ReCAPTCHA: Token is not specified in submission',
-    apiKey: 'API Key is not unique: {{key}}'
+    apiKey: 'API Key is not unique: {{key}}',
+    typeRemaining: '{{ remaining }} {{ type }} remaining.',
+    typeCount: '{{ count }} {{ type }}',
+    requiredDayField: '{{ field }} is required',
+    requiredMonthField: '{{ field }} is required',
+    requiredYearField: '{{ field }} is required'
 };

package/lib/cjs/utils/ChoicesWrapper.d.ts

@@ -24,7 +24,7 @@ declare class ChoicesWrapper extends Choices {
     _onEnterKey(args: any): void;
     _onDirectionKey(...args: any[]): void;
     timeout: NodeJS.Timeout | undefined;
-    _selectHighlightedChoice(activeItems: any): void;
+    _selectHighlightedChoice(): void;
     _onKeyDown(event: any): void;
     onSelectValue({ event, activeItems, hasActiveDropdown }: {
         event: any;

package/lib/cjs/utils/ChoicesWrapper.js

@@ -105,10 +105,21 @@ class ChoicesWrapper extends choices_js_1.default {
             this._selectHighlightedChoice(activeItems);
         }
     }
-    _selectHighlightedChoice(activeItems) {
+    _selectHighlightedChoice() {
         const highlightedChoice = this.dropdown.getChild(`.${this.config.classNames.highlightedState}`);
         if (highlightedChoice) {
-            this._handleChoiceAction(activeItems, highlightedChoice);
+            const id = highlightedChoice.dataset.id;
+            const choice = id && this._store.getChoiceById(id);
+            this._addItem({
+                value: choice.value,
+                label: choice.label,
+                choiceId: choice.id,
+                groupId: choice.groupId,
+                customProperties: choice.customProperties,
+                placeholder: choice.placeholder,
+                keyCode: choice.keyCode
+            });
+            this._triggerChange(choice.value);
         }
         event.preventDefault();
     }