@formio/js 5.4.0-api98.1 → 5.4.1

package/lib/mjs/package.json

@@ -1,5 +1,5 @@
 {
     "type": "module",
-    "version": "5.4.0-api98.1"
+    "version": "5.4.1"
     
 }

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

@@ -88,7 +88,7 @@ export class GoogleAddressProvider extends AddressProvider {
   
      */
     setAutocompleteOptions() {
-        let options = _.get(this.options, 'params.autocompleteOptions', {});
+        let options = _.get(this.options, 'autocompleteOptions', {});
         if (!_.isObject(options)) {
             options = {};
         }

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

@@ -30,9 +30,15 @@ function azure(formio) {
         downloadFile(file) {
             return formio.makeRequest('file', `${formio.formUrl}/storage/azure?name=${XHR.trim(file.name)}`, 'GET');
         },
-        deleteFile: function deleteFile(fileInfo) {
-            var url = `${formio.formUrl}/storage/azure?name=${XHR.trim(fileInfo.name)}&key=${XHR.trim(fileInfo.key)}`;
-            return formio.makeRequest('', url, 'delete');
+        deleteFile(fileInfo, options) {
+            const name = XHR.trim(fileInfo.name);
+            const key = XHR.trim(fileInfo.key);
+            return formio.makeRequest('', `${formio.formUrl}/storage/azure?name=${encodeURIComponent(name)}&key=${encodeURIComponent(key)}`, 'delete').then((response) => {
+                return {
+                    success: true,
+                    key: response?.key || key,
+                };
+            });
         },
     };
 }

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

@@ -78,5 +78,6 @@ declare namespace _default {
     let requiredYearField: string;
     let fileTooSmall: string;
     let fileTooBig: string;
+    let oauthSessionExpired: string;
 }
 export default _default;

package/lib/mjs/translations/en.js

@@ -77,5 +77,7 @@ export default {
     requiredMonthField: '{{ field }} is required',
     requiredYearField: '{{ field }} is required',
     fileTooSmall: 'File is too small; it must be at least {{ size }}',
-    fileTooBig: 'File is too big; it must be at most {{ size }}'
+    fileTooBig: 'File is too big; it must be at most {{ size }}',
+    // when temp document storing oauth state and code verifier is cleared by ttl before the user completes login
+    oauthSessionExpired: 'Login attempt expired; please try again. Refreshing...',
 };

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

@@ -26,8 +26,8 @@ export const getBestMatch: typeof Utils.getBestMatch;
 export const getComponentFromPath: typeof Utils.getComponentFromPath;
 export const getComponentValue: typeof Utils.getComponentValue;
 export const findComponents: typeof Utils.findComponents;
-export const eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataAsyncCallback | undefined) => Promise<void>;
-export const eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataCallback | undefined) => void;
+export const eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataAsyncCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => Promise<void>;
+export const eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => void;
 export const getComponentKey: typeof Utils.getComponentKey;
 export const getContextualRowPath: any;
 export const getContextualRowData: typeof Utils.getContextualRowData;

package/lib/mjs/utils/index.d.ts

@@ -37,8 +37,8 @@ declare const FormioUtils: {
     getComponentFromPath: typeof import("@formio/core/lib/utils/formUtil").getComponentFromPath;
     getComponentValue: typeof import("@formio/core/lib/utils/formUtil").getComponentValue;
     findComponents: typeof import("@formio/core/lib/utils/formUtil").findComponents;
-    eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataAsyncCallback | undefined) => Promise<void>;
-    eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataCallback | undefined) => void;
+    eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataAsyncCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => Promise<void>;
+    eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => void;
     getComponentKey: typeof import("@formio/core/lib/utils/formUtil").getComponentKey;
     getContextualRowPath: any;
     getContextualRowData: typeof import("@formio/core/lib/utils/formUtil").getContextualRowData;
@@ -94,7 +94,7 @@ declare const FormioUtils: {
     offsetDate(date: Date, timezone: string): Date;
     zonesLoaded(): boolean;
     shouldLoadZones(timezone: string): boolean;
-    loadZones(url: string, timezone: string): any;
+    loadZones(url: string, _timezone: any): any;
     momentDate(value: string | Date, format: string, timezone: string, options: object): Date;
     formatDate(timezonesUrl: string, value: string | Date, format: string, timezone: string, flatPickrInputFormat: string): string;
     formatOffset(timezonesUrl: string, formatFn: Function, date: string | Date, format: string, timezone: string): string;

package/lib/mjs/utils/utils.d.ts

@@ -202,7 +202,7 @@ export function shouldLoadZones(timezone: string): boolean;
  * @param {string} timezone - The timezone to load.
  * @returns {Promise<any> | *} - Resolves when the zones for this timezone are loaded.
  */
-export function loadZones(url: string, timezone: string): Promise<any> | any;
+export function loadZones(url: string, _timezone: any): Promise<any> | any;
 /**
  * Get the moment date object for translating dates with timezones.
  * @param {string|Date} value - The value to convert into a moment date.

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);
                     }
@@ -217,6 +217,16 @@ export function checkSimpleConditional(component, condition, row, data, instance
             }
             else {
                 const value = getComponentActualValue(conditionComponentPath, data, row);
+                // When inside a DataGrid/EditGrid, construct a row-indexed path so that
+                // operators like isEmpty can look up the correct row's component instance.
+                let operatorPath = conditionComponentPath;
+                const dataParent = getDataParentComponent(instance);
+                if (dataParent && !_.isNil(instance?.rowIndex)) {
+                    const parentPath = dataParent.paths?.localPath;
+                    if (parentPath && conditionComponentPath.startsWith(`${parentPath}.`)) {
+                        operatorPath = conditionComponentPath.replace(`${parentPath}.`, `${parentPath}[${instance.rowIndex}].`);
+                    }
+                }
                 const СonditionOperator = ConditionOperators[operator];
                 return СonditionOperator
                     ? new СonditionOperator().getResult({
@@ -224,7 +234,7 @@ export function checkSimpleConditional(component, condition, row, data, instance
                         comparedValue,
                         instance,
                         component,
-                        path: conditionComponentPath,
+                        path: operatorPath,
                     })
                     : true;
             }
@@ -275,7 +285,11 @@ export function getComponentActualValue(compPath, data, row) {
  */
 export function checkCustomConditional(component, custom, row, data, form, variable, onError, instance) {
     if (typeof custom === 'string') {
-        custom = `var ${variable} = true; ${custom}; return ${variable};`;
+        custom = `
+      var ${variable} = true; 
+      ${custom}; 
+      return ${variable};
+    `;
     }
     const value = instance && instance.evaluate
         ? instance.evaluate(custom, { row, data, form })
@@ -606,14 +620,16 @@ export function shouldLoadZones(timezone) {
  * @param {string} timezone - The timezone to load.
  * @returns {Promise<any> | *} - Resolves when the zones for this timezone are loaded.
  */
-export function loadZones(url, timezone) {
-    if (timezone && !shouldLoadZones(timezone)) {
-        // Return non-resolving promise.
-        return new Promise(_.noop);
+export function loadZones(url, _timezone) {
+    if (moment.zonesLoaded) {
+        return Promise.resolve();
     }
     if (moment.zonesPromise) {
         return moment.zonesPromise;
     }
+    // Always load the full packed dataset once. The previous optimization skipped fetch when the
+    // display timezone matched the runtime zone, but moment-timezone still needs `tz.load()` for
+    // `.tz(ianaName)` and `z` formatting to work; otherwise conversions silently match server local time.
     return (moment.zonesPromise = fetch(url).then((resp) => resp.json().then((zones) => {
         moment.tz.load(zones);
         moment.zonesLoaded = true;
@@ -1734,18 +1750,18 @@ export function announceScreenReaderMessage(component, value, index = 0, forFocu
     if (forFocus) {
         setTimeout(() => {
             el.textContent = "";
-            requestAnimationFrame(() => {
+            setTimeout(() => {
                 el.textContent = combinedMessage;
-            });
+            }, 50);
         }, 150);
         return;
     }
     clearTimeout(el._announceTimer);
     el._announceTimer = setTimeout(() => {
         el.textContent = "";
-        requestAnimationFrame(() => {
+        setTimeout(() => {
             el.textContent = combinedMessage;
-        });
+        }, 50);
     }, 500);
 }
 /**

package/lib/mjs/widgets/CalendarWidget.js

@@ -1,6 +1,6 @@
 import { Formio } from '../Formio';
 import InputWidget from './InputWidget';
-import { convertFormatToFlatpickr, convertFormatToMask, convertFormatToMoment, formatDate, formatOffset, getBrowserInfo, getDateSetting, getLocaleDateFormatInfo, momentDate, zonesLoaded, shouldLoadZones, loadZones, hasEncodedTimezone, } from '../utils';
+import { convertFormatToFlatpickr, convertFormatToMask, convertFormatToMoment, formatDate, formatOffset, getBrowserInfo, getDateSetting, getLocaleDateFormatInfo, momentDate, zonesLoaded, loadZones, hasEncodedTimezone, } from '../utils';
 import moment from 'moment';
 import _ from 'lodash';
 const DEFAULT_FORMAT = 'yyyy-MM-dd hh:mm a';
@@ -56,7 +56,7 @@ export default class CalendarWidget extends InputWidget {
         if (this.zoneLoading) {
             return true;
         }
-        if (!zonesLoaded() && shouldLoadZones(timezone)) {
+        if (!zonesLoaded()) {
             this.zoneLoading = true;
             loadZones(this.timezonesUrl, timezone).then(() => {
                 this.zoneLoading = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.4.0-api98.1",
+  "version": "5.4.1",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -26,7 +26,8 @@
       "import": "./lib/cjs/InlineEmbed.js",
       "require": "./lib/cjs/InlineEmbed.js"
     },
-    "./dist/*": "./dist/*"
+    "./dist/*": "./dist/*",
+    "./lib/*": "./lib/*.js"
   },
   "files": [
     "dist",
@@ -67,7 +68,7 @@
     "core-js": "^3.37.1",
     "dialog-polyfill": "^0.5.6",
     "dom-autoscroller": "^2.3.4",
-    "dompurify": "^3.2.4",
+    "dompurify": "^3.4.0",
     "downloadjs": "^1.4.7",
     "dragula": "^3.7.3",
     "eventemitter3": "^5.0.1",
@@ -79,17 +80,17 @@
     "json-logic-js": "^2.0.2",
     "jstimezonedetect": "^1.0.7",
     "jwt-decode": "^3.1.2",
-    "lodash": "^4.17.21",
+    "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-api98.1",
-    "@formio/core": "^2.7.0-api98.0"
+    "@formio/core": "^2.7.1",
+    "@formio/bootstrap": "^4.0.1"
   },
   "devDependencies": {
     "@types/node": "^22.15.19",