@formio/js 5.0.0-rc.59 → 5.0.0-rc.60

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

@@ -17,7 +17,7 @@ export class AzureAddressProvider extends AddressProvider {
      */
     get defaultOptions(): {
         params: {
-            'api-version': string;
+            "api-version": string;
             typeahead: string;
         };
     };

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

@@ -55,7 +55,7 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
         var _a;
         super(options);
         this.setAutocompleteOptions();
-        let src = 'https://maps.googleapis.com/maps/api/js?v=quarterly&libraries=places&callback=googleMapsCallback';
+        let src = 'https://maps.googleapis.com/maps/api/js?v=quarterly&libraries=places&loading=async&callback=googleMapsCallback';
         if ((_a = options.params) === null || _a === void 0 ? void 0 : _a.key) {
             src += `&key=${options.params.key}`;
         }

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

@@ -12,7 +12,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withRetries = void 0;
+exports.withRetries = withRetries;
 /**
  * Function to be retried
  * @callback RetryFunction
@@ -28,12 +28,11 @@ exports.withRetries = void 0;
  * @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* () {
+function withRetries(fn_1, args_1) {
+    return __awaiter(this, arguments, void 0, function* (fn, args, retries = 3, err = null) {
         if (!retries) {
             throw new Error(err);
         }
         return fn(...args).catch(() => withRetries(fn, args, retries - 1, err));
     });
 }
-exports.withRetries = withRetries;

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

@@ -39,20 +39,20 @@ declare namespace _default {
         defaultIconset: string;
         iconClass: (iconset: any, name: any, spinning: any) => string;
         cssClasses: {
-            'border-default': string;
-            'formio-tab-panel-active': string;
-            'formio-tab-link-active': string;
-            'formio-tab-link-container-active': string;
-            'formio-form-error': string;
-            'formio-form-alert': string;
-            'formio-label-error': string;
-            'formio-input-error': string;
-            'formio-alert-danger': string;
-            'formio-alert-success': string;
-            'formio-alert-warning': string;
-            'formio-modal-cancel-button': string;
-            'formio-modal-confirm-button': string;
-            'form-group': string;
+            "border-default": string;
+            "formio-tab-panel-active": string;
+            "formio-tab-link-active": string;
+            "formio-tab-link-container-active": string;
+            "formio-form-error": string;
+            "formio-form-alert": string;
+            "formio-label-error": string;
+            "formio-input-error": string;
+            "formio-alert-danger": string;
+            "formio-alert-success": string;
+            "formio-alert-warning": string;
+            "formio-modal-cancel-button": string;
+            "formio-modal-confirm-button": string;
+            "form-group": string;
         };
         address: {
             form: string;

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

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

package/lib/cjs/translations/en.js

@@ -73,5 +73,7 @@ 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 }}'
 };

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();
     }

package/lib/cjs/utils/calendarUtils.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkInvalidDate = exports.lessOrGreater = exports.CALENDAR_ERROR_MESSAGES = void 0;
+exports.CALENDAR_ERROR_MESSAGES = void 0;
+exports.lessOrGreater = lessOrGreater;
+exports.checkInvalidDate = checkInvalidDate;
 const moment_1 = __importDefault(require("moment"));
 const lodash_1 = __importDefault(require("lodash"));
 exports.CALENDAR_ERROR_MESSAGES = {
@@ -64,7 +66,6 @@ function lessOrGreater(value, format, maxDate, minDate) {
         result
     };
 }
-exports.lessOrGreater = lessOrGreater;
 /**
  * Checks the entered date for validity.
  * @param {string} value - The value to check.
@@ -126,4 +127,3 @@ function checkInvalidDate(value, format, minDate, maxDate) {
     }
     return buildResponse('', true);
 }
-exports.checkInvalidDate = checkInvalidDate;

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

@@ -4,7 +4,7 @@
  * @param {object} query - The query to use when searching for the components.
  * @returns {import('@formio/core').Component[]} - The result of the component that is found.
  */
-export function findComponents(components: import('@formio/core').Component[], query: object): import('@formio/core').Component[];
+export function findComponents(components: import("@formio/core").Component[], query: object): import("@formio/core").Component[];
 export const flattenComponents: typeof Utils.flattenComponents;
 export const guid: typeof Utils.guid;
 export const uniqueName: typeof Utils.uniqueName;
@@ -16,8 +16,8 @@ export const isComponentModelType: typeof Utils.isComponentModelType;
 export const isComponentNestedDataType: typeof Utils.isComponentNestedDataType;
 export const componentPath: typeof Utils.componentPath;
 export const componentChildPath: any;
-export const eachComponentDataAsync: (components: Component[], data: DataObject, fn: AsyncComponentDataCallback, path?: string | undefined, index?: number | undefined, parent?: any, includeAll?: boolean | undefined) => Promise<void>;
-export const eachComponentData: (components: Component[], data: DataObject, fn: ComponentDataCallback, path?: string | undefined, index?: number | undefined, parent?: any, includeAll?: boolean | undefined) => void;
+export const eachComponentDataAsync: (components: Component[], data: DataObject, fn: AsyncComponentDataCallback, path?: string, index?: number, parent?: any, includeAll?: boolean) => Promise<void>;
+export const eachComponentData: (components: Component[], data: DataObject, fn: ComponentDataCallback, path?: string, index?: number, parent?: any, includeAll?: boolean) => void;
 export const getComponentKey: typeof Utils.getComponentKey;
 export const getContextualRowPath: typeof Utils.getContextualRowPath;
 export const getContextualRowData: typeof Utils.getContextualRowData;

package/lib/cjs/utils/formUtils.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.componentChildPath = exports.componentPath = exports.isComponentNestedDataType = exports.isComponentModelType = exports.getComponentPath = exports.getComponentAbsolutePath = exports.getModelType = exports.MODEL_TYPES = exports.uniqueName = exports.guid = exports.flattenComponents = exports.findComponents = void 0;
+exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.componentChildPath = exports.componentPath = exports.isComponentNestedDataType = exports.isComponentModelType = exports.getComponentPath = exports.getComponentAbsolutePath = exports.getModelType = exports.MODEL_TYPES = exports.uniqueName = exports.guid = exports.flattenComponents = void 0;
+exports.findComponents = findComponents;
 const core_1 = require("@formio/core");
 const { flattenComponents, guid, uniqueName, MODEL_TYPES, getModelType, getComponentAbsolutePath, getComponentPath, isComponentModelType, isComponentNestedDataType, componentPath, componentChildPath, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty } = core_1.Utils;
 exports.flattenComponents = flattenComponents;
@@ -50,4 +51,3 @@ function findComponents(components, query) {
     console.warn('formio.js/utils findComponents is deprecated. Use searchComponents instead.');
     return searchComponents(components, query);
 }
-exports.findComponents = findComponents;

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

@@ -7,7 +7,7 @@
  * @param {import('@formio/core').EvaluatorOptions} options - The evaluator options.
  * @returns {*} - The result of the evaluation.
  */
-export function evaluate(func: Function | string | object, args: any, ret: string, interpolate: boolean, options?: import('@formio/core').EvaluatorOptions): any;
+export function evaluate(func: Function | string | object, args: any, ret: string, interpolate: boolean, options?: import("@formio/core").EvaluatorOptions): any;
 /**
  * Returns a random compoennt ID.
  * @returns {string} - A random component ID.
@@ -55,7 +55,7 @@ export function isMongoId(text: string): boolean;
  * @param {import('@formio/core').Submission} submission - A submission object.
  * @param {*} rowData - The contextual row data for the component.
  */
-export function checkCalculated(component: import('@formio/core').Component, submission: import('@formio/core').Submission, rowData: any): void;
+export function checkCalculated(component: import("@formio/core").Component, submission: import("@formio/core").Submission, rowData: any): void;
 /**
  * Check if a simple conditional evaluates to true.
  * @param {import('@formio/core').Component} component - The component to check for the conditional.
@@ -65,7 +65,7 @@ export function checkCalculated(component: import('@formio/core').Component, sub
  * @param {import('../../src/components/_classes/component/Component').Component} instance - The instance of the component.
  * @returns {boolean} - TRUE if the condition is true; FALSE otherwise.
  */
-export function checkSimpleConditional(component: import('@formio/core').Component, condition: import('@formio/core').SimpleConditional, row: any, data: any, instance: any): boolean;
+export function checkSimpleConditional(component: import("@formio/core").Component, condition: import("@formio/core").SimpleConditional, row: any, data: any, instance: import("../../src/components/_classes/component/Component").Component): boolean;
 /**
  * Returns a components normalized value.
  * @param {string} compPath - The full path to the component.
@@ -86,7 +86,7 @@ export function getComponentActualValue(compPath: string, data: any, row: any):
  * @param {import('../../src/components/_classes/component/Component').Component} instance - The component instance.
  * @returns {*} - The result of the evaulation.
  */
-export function checkCustomConditional(component: import('@formio/core').Component, custom: string, row: any, data: any, form: import('@formio/core').Form, variable: string, onError: any, instance: any): any;
+export function checkCustomConditional(component: import("@formio/core").Component, custom: string, row: any, data: any, form: import("@formio/core").Form, variable: string, onError: any, instance: import("../../src/components/_classes/component/Component").Component): any;
 /**
  * Check a component for JSON conditionals.
  * @param {import('@formio/core').Component} component - The component
@@ -97,7 +97,7 @@ export function checkCustomConditional(component: import('@formio/core').Compone
  * @param {*} onError - Custom return value if there is an error.
  * @returns {boolean} - TRUE if the condition is true; FALSE otherwise.
  */
-export function checkJsonConditional(component: import('@formio/core').Component, json: import('@formio/core').JSONConditional, row: any, data: any, form: import('@formio/core').Form, onError: any): boolean;
+export function checkJsonConditional(component: import("@formio/core").Component, json: import("@formio/core").JSONConditional, row: any, data: any, form: import("@formio/core").Form, onError: any): boolean;
 /**
  * Checks the conditions for a provided component and data.
  * @param {import('@formio/core').Component} component - The component to check for the condition.
@@ -107,7 +107,7 @@ export function checkJsonConditional(component: import('@formio/core').Component
  * @param {import('../../src/components/_classes/component/Component').Component} instance - The component instance.
  * @returns {boolean} - TRUE if the condition is true; FALSE otherwise.
  */
-export function checkCondition(component: import('@formio/core').Component, row: any, data: any, form: import('@formio/core').Form, instance: any): boolean;
+export function checkCondition(component: import("@formio/core").Component, row: any, data: any, form: import("@formio/core").Form, instance: import("../../src/components/_classes/component/Component").Component): boolean;
 /**
  * Test a trigger on a component.
  * @param {import('@formio/core').Component} component - The component to test the trigger against.
@@ -118,7 +118,7 @@ export function checkCondition(component: import('@formio/core').Component, row:
  * @param {any} instance - The component that is performing the trigger.
  * @returns {boolean} - TRUE if the trigger should fire; FALSE otherwise.
  */
-export function checkTrigger(component: import('@formio/core').Component, trigger: any, row: import('@formio/core').DataObject, data: import('@formio/core').DataObject, form: import('@formio/core').Form, instance: any): boolean;
+export function checkTrigger(component: import("@formio/core").Component, trigger: import("@formio/core").LogicTrigger, row: import("@formio/core").DataObject, data: import("@formio/core").DataObject, form: import("@formio/core").Form, instance: any): boolean;
 /**
  * Sets a property on a component via an executed Logic action.
  * @param {import('@formio/core').Component} component - The component to set the property on.
@@ -129,7 +129,13 @@ export function checkTrigger(component: import('@formio/core').Component, trigge
  * @param {any} instance - The component instance.
  * @returns {import('@formio/core').Component} - The modified component.
  */
-export function setActionProperty(component: import('@formio/core').Component, action: any, result: string, row: import('@formio/core').DataObject, data: import('@formio/core').DataObject, instance: any): import('@formio/core').Component;
+export function setActionProperty(component: import("@formio/core").Component, action: import("@formio/core").LogicAction, result: string, row: import("@formio/core").DataObject, data: import("@formio/core").DataObject, instance: any): import("@formio/core").Component;
+/**
+ * Removes HTML tags from string e.g. <div>Hello World</div> => Hello World
+ * @param {string} str - The string to remove HTML tags from.
+ * @returns {string} - The string without HTML tags.
+ */
+export function removeHTML(str: string): string;
 /**
  * Unescape HTML characters like &lt, &gt, &amp and etc.
  * @param {string} str - The string to unescape.
@@ -287,7 +293,7 @@ export function getNumberSeparators(lang?: string): {
  * @param {number} defaultLimit - The default limit to use if none is provided in the component.
  * @returns {number} - The number of decimal places allowed.
  */
-export function getNumberDecimalLimit(component: import('@formio/core').Component, defaultLimit: number): number;
+export function getNumberDecimalLimit(component: import("@formio/core").Component, defaultLimit: number): number;
 /**
  * Returns the currency affixes for a specific language.
  * @param {object} arg0 - The arguments object.
@@ -312,7 +318,7 @@ export function getCurrencyAffixes({ currency, decimalLimit, decimalSeparator, l
  * @param {import('@formio/core').Component} component - The component to fetch the field data for.
  * @returns {*} - The field data.
  */
-export function fieldData(data: import('@formio/core').DataObject, component: import('@formio/core').Component): any;
+export function fieldData(data: import("@formio/core").DataObject, component: import("@formio/core").Component): any;
 /**
  * Delays function execution with possibility to execute function synchronously or cancel it.
  * @param {Function} fn - Function to delay
@@ -410,7 +416,7 @@ export function fastCloneDeep(obj: any): any;
  * @param {import('@formio/core').Component} componentJson - The JSON of a component.
  * @returns {bool} - TRUE if the component is an input component; FALSE otherwise.
  */
-export function isInputComponent(componentJson: import('@formio/core').Component): bool;
+export function isInputComponent(componentJson: import("@formio/core").Component): bool;
 /**
  * Takes a component path, and returns a component path array.
  * @param {string} pathStr - The path string to convert to an array.
@@ -460,7 +466,7 @@ export function getComponentPathWithoutIndicies(path?: string): string;
  * @param {string} path - Path to the component
  * @returns {string} - Path to the component
  */
-export function getComponentPath(component: import('@formio/core').Component, path?: string): string;
+export function getComponentPath(component: import("@formio/core").Component, path?: string): string;
 /**
  * Returns a parent component of the passed component instance skipping all the Layout components
  * @param {Component} componentInstance - The component to check for the parent.
@@ -492,7 +498,7 @@ export function getFocusableElements(element: HTMLElement): NodeList<HTMLElement
  * @param {import('@formio/core').Component} fullSchema - The component schema
  * @returns {Array<string>|null} - The saved types for the component
  */
-export function getComponentSavedTypes(fullSchema: import('@formio/core').Component): Array<string> | null;
+export function getComponentSavedTypes(fullSchema: import("@formio/core").Component): Array<string> | null;
 /**
  * Returns the template keys inside the template code.
  * @param {string} template - The template to get the keys from.
@@ -504,7 +510,7 @@ export function getItemTemplateKeys(template: string): Array<string>;
  * @param {import('@formio/core').Component} comp - The component to check.
  * @returns {boolean} - TRUE if the component is a select resource with an object for its value; FALSE otherwise.
  */
-export function isSelectResourceWithObjectValue(comp?: import('@formio/core').Component): boolean;
+export function isSelectResourceWithObjectValue(comp?: import("@formio/core").Component): boolean;
 export * from "./formUtils";
 /**
  * Map values through unfold and return first non-nil value.