@formio/js 5.4.0 → 5.4.2

package/lib/mjs/utils/utils.js

@@ -144,7 +144,7 @@ function getConditionalPathsRecursive(conditionPaths, data) {
             }
             else {
                 currentData.forEach((x, index) => {
-                    if (!_.isNil(x[conditionPaths[currentLocalIndex]])) {
+                    if (x && conditionPaths && !_.isNil(x[conditionPaths[currentLocalIndex]])) {
                         const compDataPath = `${currentPath}[${index}].${conditionPaths[currentLocalIndex]}`;
                         conditionalPathsArray.push(compDataPath);
                     }
@@ -996,9 +996,7 @@ export function fieldData(data, component) {
             }
             // Convert old single field data in submissions to multiple
             if (key === parts[parts.length - 1] && component.multiple && !Array.isArray(value[key])) {
-                value[key] = [
-                    value[key],
-                ];
+                value[key] = [value[key]];
             }
             // Set the value of this key.
             value = value[key];
@@ -1008,9 +1006,7 @@ export function fieldData(data, component) {
     else {
         // Convert old single field data in submissions to multiple
         if (component.multiple && !Array.isArray(data[component.key])) {
-            data[component.key] = [
-                data[component.key],
-            ];
+            data[component.key] = [data[component.key]];
         }
         // Fix for checkbox type radio submission values in tableView
         if (component.type === 'checkbox' && component.inputType === 'radio') {
@@ -1134,10 +1130,7 @@ export function withSwitch(a, b) {
         state = next;
         next = prev;
     }
-    return [
-        get,
-        toggle,
-    ];
+    return [get, toggle];
 }
 /**
  * Create a function that will call the provided function only the provided limit.
@@ -1264,9 +1257,7 @@ function translateElemValue(elem, translate) {
  * @returns {void}
  */
 function translateDeepTag(tag, translate) {
-    const children = tag.children.length && [
-        ...tag.children,
-    ];
+    const children = tag.children.length && [...tag.children];
     const shouldTranslateEntireContent = children &&
         children.every((child) => child.children.length === 0 && inTextTags.some((tag) => child.nodeName === tag));
     if (!children || shouldTranslateEntireContent) {
@@ -1307,10 +1298,7 @@ export function sanitize(string, options) {
     }
     // Dompurify configuration
     const sanitizeOptions = {
-        ADD_ATTR: [
-            'ref',
-            'target',
-        ],
+        ADD_ATTR: ['ref', 'target'],
         USE_PROFILES: { html: true },
     };
     // Use profiles
@@ -1400,9 +1388,7 @@ export function isInputComponent(componentJson) {
 export function getArrayFromComponentPath(pathStr) {
     if (!pathStr || !_.isString(pathStr)) {
         if (!_.isArray(pathStr)) {
-            return [
-                pathStr,
-            ];
+            return [pathStr];
         }
         return pathStr;
     }
@@ -1592,9 +1578,7 @@ export function getComponentSavedTypes(fullSchema) {
         return [];
     }
     if (schema.multiple) {
-        return [
-            componentValueTypes.array,
-        ];
+        return [componentValueTypes.array];
     }
     return null;
 }
@@ -1636,11 +1620,17 @@ export function hasEncodedTimezone(value) {
         value.match(/[+|-][0-9]{2}:[0-9]{2}$/));
 }
 // Types for min max validation if value = string
-const TYPES = new Map([["char", "Length"], ["word", "Words"]]);
+const TYPES = new Map([
+    ['char', 'Length'],
+    ['word', 'Words'],
+]);
 // The number from which the remaining character(words) count message starts being read
-const REMAIN_COUNT = new Map([["char", 10], ["word", 5]]);
+const REMAIN_COUNT = new Map([
+    ['char', 10],
+    ['word', 5],
+]);
 function getWordOrCharacterLabel(isWordType, count) {
-    const base = isWordType ? "word" : "character";
+    const base = isWordType ? 'word' : 'character';
     return Math.abs(count) === 1 ? base : `${base}s`;
 }
 /**
@@ -1652,17 +1642,17 @@ function getWordOrCharacterLabel(isWordType, count) {
  * @returns {string} - The messsage string
  */
 function getScreenReaderMessage(component, type, value) {
-    const isWordType = type === "word";
-    const maxKey = typeof value === "string" && (type === "char" || isWordType)
+    const isWordType = type === 'word';
+    const maxKey = typeof value === 'string' && (type === 'char' || isWordType)
         ? `validate.max${TYPES.get(type)}`
-        : "validate.max";
-    const minKey = typeof value === "string" && (type === "char" || isWordType)
+        : 'validate.max';
+    const minKey = typeof value === 'string' && (type === 'char' || isWordType)
         ? `validate.min${TYPES.get(type)}`
-        : "validate.min";
+        : 'validate.min';
     const max = _.parseInt(_.get(component.component, maxKey), 10);
     const min = _.parseInt(_.get(component.component, minKey), 10);
-    let message = "";
-    if (typeof value === "string") {
+    let message = '';
+    if (typeof value === 'string') {
         const currentLength = isWordType ? component.getWordCount(value) : value.length;
         if (!isNaN(max)) {
             const remains = max - currentLength;
@@ -1698,8 +1688,8 @@ function getScreenReaderMessage(component, type, value) {
             }
         }
     }
-    else if (typeof value === "number" || value === null) {
-        if (value != null && value !== "") {
+    else if (typeof value === 'number' || value === null) {
+        if (value != null && value !== '') {
             if (!isNaN(max) && value > max) {
                 message += `Number cannot be greater than ${max}. `;
             }
@@ -1725,11 +1715,11 @@ function getScreenReaderMessage(component, type, value) {
  * @returns {undefined}
  */
 export function announceScreenReaderMessage(component, value, index = 0, forFocus = false) {
-    if (typeof value !== "string" && typeof value !== "number" && value !== null) {
+    if (typeof value !== 'string' && typeof value !== 'number' && value !== null) {
         return;
     }
     // The ref for announcing messages
-    const messageSpan = "announceMessage";
+    const messageSpan = 'announceMessage';
     if (!component.refs[messageSpan])
         return;
     const el = component.refs[messageSpan][index];
@@ -1737,31 +1727,31 @@ export function announceScreenReaderMessage(component, value, index = 0, forFocu
         return;
     // Define types for validation
     const typesToCheck = [];
-    if (typeof value === "string")
-        typesToCheck.push("char", "word");
-    if (typeof value === "number" || value === null)
-        typesToCheck.push("number");
+    if (typeof value === 'string')
+        typesToCheck.push('char', 'word');
+    if (typeof value === 'number' || value === null)
+        typesToCheck.push('number');
     // Construct the combined message
     const combinedMessage = typesToCheck
-        .map(type => getScreenReaderMessage(component, type, value))
-        .filter(msg => msg)
-        .join(" ")
+        .map((type) => getScreenReaderMessage(component, type, value))
+        .filter((msg) => msg)
+        .join(' ')
         .trim();
     if (forFocus) {
         setTimeout(() => {
-            el.textContent = "";
-            requestAnimationFrame(() => {
+            el.textContent = '';
+            setTimeout(() => {
                 el.textContent = combinedMessage;
-            });
+            }, 50);
         }, 150);
         return;
     }
     clearTimeout(el._announceTimer);
     el._announceTimer = setTimeout(() => {
-        el.textContent = "";
-        requestAnimationFrame(() => {
+        el.textContent = '';
+        setTimeout(() => {
             el.textContent = combinedMessage;
-        });
+        }, 50);
     }, 500);
 }
 /**
@@ -1770,7 +1760,7 @@ export function announceScreenReaderMessage(component, value, index = 0, forFocu
  */
 export function screenReaderSpeech(text) {
     const ariaSpeechElement = document.createElement('div');
-    ariaSpeechElement.setAttribute("style", "border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;");
+    ariaSpeechElement.setAttribute('style', 'border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;');
     document.body.append(ariaSpeechElement);
     ariaSpeechElement.ariaLive = 'assertive';
     setTimeout(() => {

package/lib/mjs/widgets/CalendarWidget.js

@@ -122,9 +122,7 @@ export default class CalendarWidget extends InputWidget {
                 this.emit('blur');
             }
         };
-        Formio.requireLibrary('flatpickr-css', 'flatpickr', [
-            { type: 'styles', src: `${Formio.cdn['flatpickr-formio']}/flatpickr.min.css` },
-        ], true);
+        Formio.requireLibrary('flatpickr-css', 'flatpickr', [{ type: 'styles', src: `${Formio.cdn['flatpickr-formio']}/flatpickr.min.css` }], true);
         if (this.component.shortcutButtons) {
             this.component.shortcutButtons = this.component.shortcutButtons.filter((btn) => btn.label && btn.onClick);
         }
@@ -381,9 +379,7 @@ export default class CalendarWidget extends InputWidget {
         this._input.removeAttribute('id');
         this._input.removeAttribute('aria-labelledby');
         this._input.removeAttribute('aria-required');
-        const excludedFromMaskFormats = [
-            'MMMM',
-        ];
+        const excludedFromMaskFormats = ['MMMM'];
         if (!this.settings.readOnly &&
             !_.some(excludedFromMaskFormats, (format) => _.includes(this.settings.format, format))) {
             // Enforce the input mask of the format.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.4.0",
+  "version": "5.4.2",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -68,7 +68,7 @@
     "core-js": "^3.37.1",
     "dialog-polyfill": "^0.5.6",
     "dom-autoscroller": "^2.3.4",
-    "dompurify": "^3.3.3",
+    "dompurify": "^3.4.0",
     "downloadjs": "^1.4.7",
     "dragula": "^3.7.3",
     "eventemitter3": "^5.0.1",
@@ -83,14 +83,14 @@
     "lodash": "^4.17.23",
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.44",
-    "quill": "^2.0.2",
+    "quill": "2.0.2",
     "signature_pad": "^4.2.0",
     "string-hash": "^1.1.3",
     "tippy.js": "^6.3.7",
     "uuid": "^9.0.0",
     "vanilla-picker": "^2.12.3",
-    "@formio/bootstrap": "^4.0.0",
-    "@formio/core": "^2.7.0"
+    "@formio/bootstrap": "^4.0.2",
+    "@formio/core": "^2.7.1"
   },
   "devDependencies": {
     "@types/node": "^22.15.19",
@@ -173,6 +173,8 @@
     "serve": "jekyll serve --config _config.yml,_config.dev.yml",
     "test": "mocha --config .mocharc.json test/unit/*.unit.js",
     "test:updateRenders": "npm run lib && cross-env TZ=UTC node --require jsdom-global/register test/updateRenders.cjs",
-    "show-coverage": "open coverage/lcov-report/index.html"
+    "show-coverage": "open coverage/lcov-report/index.html",
+    "check-types": "tsc --noEmit",
+    "lint:fix": "eslint . --fix"
   }
 }