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

package/lib/mjs/utils/ChoicesWrapper.js

@@ -99,10 +99,21 @@ class ChoicesWrapper extends Choices {
             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/mjs/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/mjs/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.

package/lib/mjs/utils/utils.js

@@ -379,6 +379,15 @@ export function setActionProperty(component, action, result, row, data, instance
     }
     return 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) {
+    const doc = new window.DOMParser().parseFromString(str, 'text/html');
+    return (doc.body.textContent || '').trim();
+}
 /**
  * Unescape HTML characters like &lt, &gt, &amp and etc.
  * @param {string} str - The string to unescape.
@@ -388,8 +397,9 @@ export function unescapeHTML(str) {
     if (typeof window === 'undefined' || !('DOMParser' in window)) {
         return str;
     }
-    const doc = new window.DOMParser().parseFromString(str, 'text/html');
-    return doc.documentElement.textContent;
+    const elem = document.createElement('textarea');
+    elem.innerHTML = str;
+    return elem.value;
 }
 /**
  * Make HTML element from string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-rc.59",
+  "version": "5.0.0-rc.60",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -79,9 +79,9 @@
   },
   "homepage": "https://github.com/formio/formio.js#readme",
   "dependencies": {
-    "@formio/bootstrap": "^3.0.0-rc.25",
+    "@formio/bootstrap": "3.0.0-dev.98.17ba6ea",
     "@formio/choices.js": "^10.2.1",
-    "@formio/core": "^2.1.0-dev.tt.13",
+    "@formio/core": "2.1.0-dev.104.42720ba",
     "@formio/text-mask-addons": "^3.8.0-formio.2",
     "@formio/vanilla-text-mask": "^5.1.1-formio.1",
     "abortcontroller-polyfill": "^1.7.5",
@@ -117,9 +117,9 @@
     "vanilla-picker": "^2.12.3"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "ace-builds": "1.34.2",
+    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/parser": "^7.14.1",
+    "ace-builds": "1.35.1",
     "async-limiter": "^2.0.0",
     "bootstrap-icons": "^1.10.5",
     "bootswatch": "^5.3.3",
@@ -129,7 +129,7 @@
     "ejs-loader": "^0.5.0",
     "escape-string-regexp": "^5.0.0",
     "eslint": "^8.57.0",
-    "eslint-plugin-jsdoc": "^48.2.5",
+    "eslint-plugin-jsdoc": "^48.5.0",
     "fetch-mock": "^9.11.0",
     "file-loader": "^6.2.0",
     "flatpickr": "^4.6.13",
@@ -153,7 +153,7 @@
     "karma-mocha-reporter": "^2.2.5",
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-webpack": "^5.0.1",
-    "mocha": "^10.3.0",
+    "mocha": "^10.5.2",
     "mock-local-storage": "^1.1.24",
     "natives": "^1.1.6",
     "power-assert": "^1.6.1",
@@ -161,7 +161,7 @@
     "pretty": "^2.0.0",
     "pygments-css": "^1.0.0",
     "raw-loader": "^4.0.2",
-    "sass": "^1.77.1",
+    "sass": "^1.77.6",
     "shortcut-buttons-flatpickr": "^0.4.0",
     "sinon": "^17.0.1",
     "string-replace-loader": "^3.1.0",
@@ -169,8 +169,8 @@
     "ts-node": "^10.9.1",
     "tsc": "^2.0.4",
     "typedoc": "^0.25.13",
-    "typescript": "5.3.2",
-    "webpack": "^5.90.3",
+    "typescript": "5.5.2",
+    "webpack": "^5.92.1",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.1",
     "webpack-node-externals": "^3.0.0",