@formio/js 5.3.1 → 5.3.3

package/dist/formio.utils.min.js.LICENSE.txt

@@ -18,11 +18,9 @@
  * MIT licensed
  */
 
-/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */
 
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
-
-/*! formiojs v5.3.1 | https://unpkg.com/formiojs@5.3.1/LICENSE.txt */
+/*! formiojs v5.3.3 | https://unpkg.com/formiojs@5.3.3/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 

package/lib/cjs/Embed.js

@@ -154,6 +154,34 @@ class Formio {
             if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {
                 instance.element.innerHTML = `<div class="alert-success" role="alert">${successMessage}</div>`;
             }
+            const announcementMessage = successMessage && successMessage.toLowerCase() !== 'false'
+                ? successMessage
+                : 'Form submission complete';
+            let liveRegion = document.getElementById('formio-announcements');
+            if (!liveRegion) {
+                liveRegion = _a.createElement('div', {
+                    id: 'formio-announcements',
+                    'role': 'status',
+                    'aria-live': 'polite',
+                    'aria-atomic': 'true',
+                    style: 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);'
+                });
+                document.body.appendChild(liveRegion);
+            }
+            // Announce the submission completion using VPAT clear-and-reset technique
+            liveRegion.textContent = '';
+            liveRegion.setAttribute('aria-live', 'off');
+            requestAnimationFrame(() => {
+                setTimeout(() => {
+                    liveRegion.setAttribute('aria-live', 'polite');
+                    liveRegion.textContent = announcementMessage;
+                    setTimeout(() => {
+                        if (liveRegion) {
+                            liveRegion.textContent = '';
+                        }
+                    }, 1000);
+                }, 100);
+            });
             let returnUrl = _a.config.redirect;
             // Allow form based configuration for return url.
             if (!returnUrl &&
@@ -453,7 +481,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.3.1';
+Formio.version = '5.3.3';
 // Create a report.
 Formio.Report = {
     create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {

package/lib/cjs/Formio.js

@@ -11,7 +11,7 @@ const CDN_1 = __importDefault(require("./CDN"));
 const providers_1 = __importDefault(require("./providers"));
 sdk_1.Formio.cdn = new CDN_1.default();
 sdk_1.Formio.Providers = providers_1.default;
-sdk_1.Formio.version = '5.3.1';
+sdk_1.Formio.version = '5.3.3';
 CDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/cjs/Webform.js

@@ -1130,6 +1130,32 @@ class Webform extends NestedDataComponent_1.default {
         if (this.draftEnabled && ((_a = this.triggerSaveDraft) === null || _a === void 0 ? void 0 : _a.cancel)) {
             this.triggerSaveDraft.cancel();
         }
+        if (typeof document !== 'undefined' && document.body) {
+            const announcementMessage = this.t ? this.t('complete') : 'Form submission complete';
+            // Get or create ARIA live region for announcements
+            let liveRegion = document.getElementById('formio-announcements');
+            if (!liveRegion) {
+                liveRegion = document.createElement('div');
+                liveRegion.id = 'formio-announcements';
+                liveRegion.setAttribute('role', 'status');
+                liveRegion.setAttribute('aria-live', 'polite');
+                liveRegion.setAttribute('aria-atomic', 'true');
+                liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);';
+                document.body.appendChild(liveRegion);
+            }
+            // Announce the submission completion using VPAT clear-and-reset technique
+            liveRegion.textContent = '';
+            liveRegion.setAttribute('aria-live', 'off');
+            requestAnimationFrame(() => {
+                setTimeout(() => {
+                    liveRegion.setAttribute('aria-live', 'polite');
+                    liveRegion.textContent = announcementMessage;
+                    setTimeout(() => {
+                        liveRegion.textContent = '';
+                    }, 1000);
+                }, 100);
+            });
+        }
         this.emit('submit', submission, saved);
         if (saved) {
             this.emit('submitDone', submission);

package/lib/cjs/components/datetime/editForm/DateTime.edit.date.d.ts

@@ -5,8 +5,10 @@ declare const _default: ({
     label: string;
     weight: number;
     tooltip: string;
+    validate: {
+        custom: string;
+    };
     placeholder?: undefined;
-    validate?: undefined;
     title?: undefined;
     collapsible?: undefined;
     collapsed?: undefined;
@@ -57,7 +59,22 @@ declare const _default: ({
     label?: undefined;
     weight?: undefined;
     tooltip?: undefined;
+    validate?: undefined;
     placeholder?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
     validate?: undefined;
+    placeholder?: undefined;
+    title?: undefined;
+    collapsible?: undefined;
+    collapsed?: undefined;
+    style?: undefined;
+    customConditional?: undefined;
+    components?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/datetime/editForm/DateTime.edit.date.js

@@ -13,6 +13,9 @@ exports.default = [
         label: 'Enable Date Input',
         weight: 0,
         tooltip: 'Enables date input for this field.',
+        validate: {
+            custom: "valid = !data.enableTime && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'tags',

package/lib/cjs/components/datetime/editForm/DateTime.edit.time.d.ts

@@ -1,9 +1,20 @@
-declare const _default: {
+declare const _default: ({
     type: string;
     input: boolean;
     key: string;
     label: string;
     tooltip: string;
     weight: number;
-}[];
+    validate: {
+        custom: string;
+    };
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
+    validate?: undefined;
+})[];
 export default _default;

package/lib/cjs/components/datetime/editForm/DateTime.edit.time.js

@@ -8,6 +8,9 @@ exports.default = [
         label: 'Enable Time Input',
         tooltip: 'Enables time input for this field.',
         weight: 0,
+        validate: {
+            custom: "valid = !data.enableDate && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'number',

package/lib/cjs/components/textfield/editForm/TextField.edit.display.d.ts

@@ -25,7 +25,6 @@ declare const _default: ({
         };
     };
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -40,7 +39,6 @@ declare const _default: ({
     label: string;
     clearOnHide: boolean;
     onChange: (context: any) => void;
-    customDefaultValue: (value: any, component: any, row: any, data: any, instance: any) => any;
     input: boolean;
     rows: number;
     editor: string;
@@ -79,7 +77,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -107,7 +104,6 @@ declare const _default: ({
     onChange?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -133,7 +129,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -154,7 +149,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -177,7 +171,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -208,7 +201,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -228,7 +220,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -251,7 +242,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;

package/lib/cjs/components/textfield/editForm/TextField.edit.display.js

@@ -20,19 +20,19 @@ exports.default = [
         defaultValue: 'input',
         calculateValue: (context) => {
             var _a;
-            let currentType = context.data['widget.type'];
+            let currentType = context.instance._widgetType;
             if (currentType) {
                 return currentType;
             }
             const widget = context.data.widget;
             if (isObject(widget) && widget.type) {
-                context.data['widget.type'] = widget.type;
+                context.instance._widgetType = widget.type;
                 return widget.type;
             }
             if (typeof widget === 'string') {
                 const originalType = (_a = getOriginalWidget(context.instance)) === null || _a === void 0 ? void 0 : _a.type;
                 if (originalType) {
-                    context.data['widget.type'] = originalType;
+                    context.instance._widgetType = originalType;
                     return originalType;
                 }
             }
@@ -40,11 +40,11 @@ exports.default = [
         },
         onChange: (context) => {
             var _a;
-            const newType = context.data['widget.type'];
+            const newType = context.instance.dataValue;
             const currentWidget = context.data.widget;
             let oldType;
             if (isObject(currentWidget)) {
-                oldType = currentWidget.type;
+                oldType = context.instance._widgetType;
             }
             else if (typeof currentWidget === 'string') {
                 oldType = (_a = getOriginalWidget(context.instance)) === null || _a === void 0 ? void 0 : _a.type;
@@ -55,10 +55,12 @@ exports.default = [
             if (newType !== oldType) {
                 if (newType === 'input') {
                     context.data.widget = { type: 'input' };
+                    context.instance._widgetType = newType;
                 }
-                else {
+                else if (newType) {
                     const defaultSettings = getDefaultWidgetSettings(newType);
                     context.data.widget = defaultSettings || { type: newType };
+                    context.instance._widgetType = newType;
                 }
             }
             else if (!currentWidget) {
@@ -94,28 +96,12 @@ exports.default = [
                 return;
             }
             if (isObject(currentWidget)) {
-                const currentType = context.data['widget.type'];
+                const currentType = context.instance.root.getComponent('widget.type')._widgetType || currentWidget.type;
                 if (currentType && currentWidget.type !== currentType) {
                     context.data.widget = Object.assign(Object.assign({}, currentWidget), { type: currentType });
                 }
             }
         },
-        customDefaultValue: (value, component, row, data, instance) => {
-            if (!data.widget) {
-                const originalWidget = getOriginalWidget(instance);
-                const widgetType = data['widget.type'] || (originalWidget === null || originalWidget === void 0 ? void 0 : originalWidget.type);
-                if (widgetType && widgetType !== 'input') {
-                    if ((originalWidget === null || originalWidget === void 0 ? void 0 : originalWidget.type) === widgetType && !lodash_1.default.isEmpty(lodash_1.default.omit(originalWidget, 'type'))) {
-                        return lodash_1.default.omit(originalWidget, 'language');
-                    }
-                    const defaultSettings = getDefaultWidgetSettings(widgetType);
-                    if (defaultSettings) {
-                        return defaultSettings;
-                    }
-                }
-            }
-            return value;
-        },
         input: true,
         rows: 5,
         editor: 'ace',

package/lib/cjs/package.json

@@ -1,4 +1,4 @@
 {
     "type": "commonjs",
-    "version": "5.3.1"
+    "version": "5.3.3"
 }

package/lib/mjs/Embed.js

@@ -14,7 +14,7 @@ export class Formio {
         Formio._formioReady = ready;
         Formio._formioReadyReject = reject;
     });
-    static version = '5.3.1';
+    static version = '5.3.3';
     static setLicense(license, norecurse = false) {
         Formio.license = license;
         if (!norecurse && Formio.FormioClass) {
@@ -148,6 +148,34 @@ export class Formio {
         if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {
             instance.element.innerHTML = `<div class="alert-success" role="alert">${successMessage}</div>`;
         }
+        const announcementMessage = successMessage && successMessage.toLowerCase() !== 'false'
+            ? successMessage
+            : 'Form submission complete';
+        let liveRegion = document.getElementById('formio-announcements');
+        if (!liveRegion) {
+            liveRegion = Formio.createElement('div', {
+                id: 'formio-announcements',
+                'role': 'status',
+                'aria-live': 'polite',
+                'aria-atomic': 'true',
+                style: 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);'
+            });
+            document.body.appendChild(liveRegion);
+        }
+        // Announce the submission completion using VPAT clear-and-reset technique
+        liveRegion.textContent = '';
+        liveRegion.setAttribute('aria-live', 'off');
+        requestAnimationFrame(() => {
+            setTimeout(() => {
+                liveRegion.setAttribute('aria-live', 'polite');
+                liveRegion.textContent = announcementMessage;
+                setTimeout(() => {
+                    if (liveRegion) {
+                        liveRegion.textContent = '';
+                    }
+                }, 1000);
+            }, 100);
+        });
         let returnUrl = Formio.config.redirect;
         // Allow form based configuration for return url.
         if (!returnUrl &&

package/lib/mjs/Formio.js

@@ -4,7 +4,7 @@ import CDN from './CDN';
 import Providers from './providers';
 FormioCore.cdn = new CDN();
 FormioCore.Providers = Providers;
-FormioCore.version = '5.3.1';
+FormioCore.version = '5.3.3';
 CDN.defaultCDN = FormioCore.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/mjs/Webform.js

@@ -1120,6 +1120,32 @@ export default class Webform extends NestedDataComponent {
         if (this.draftEnabled && this.triggerSaveDraft?.cancel) {
             this.triggerSaveDraft.cancel();
         }
+        if (typeof document !== 'undefined' && document.body) {
+            const announcementMessage = this.t ? this.t('complete') : 'Form submission complete';
+            // Get or create ARIA live region for announcements
+            let liveRegion = document.getElementById('formio-announcements');
+            if (!liveRegion) {
+                liveRegion = document.createElement('div');
+                liveRegion.id = 'formio-announcements';
+                liveRegion.setAttribute('role', 'status');
+                liveRegion.setAttribute('aria-live', 'polite');
+                liveRegion.setAttribute('aria-atomic', 'true');
+                liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);';
+                document.body.appendChild(liveRegion);
+            }
+            // Announce the submission completion using VPAT clear-and-reset technique
+            liveRegion.textContent = '';
+            liveRegion.setAttribute('aria-live', 'off');
+            requestAnimationFrame(() => {
+                setTimeout(() => {
+                    liveRegion.setAttribute('aria-live', 'polite');
+                    liveRegion.textContent = announcementMessage;
+                    setTimeout(() => {
+                        liveRegion.textContent = '';
+                    }, 1000);
+                }, 100);
+            });
+        }
         this.emit('submit', submission, saved);
         if (saved) {
             this.emit('submitDone', submission);

package/lib/mjs/components/datetime/editForm/DateTime.edit.date.d.ts

@@ -5,8 +5,10 @@ declare const _default: ({
     label: string;
     weight: number;
     tooltip: string;
+    validate: {
+        custom: string;
+    };
     placeholder?: undefined;
-    validate?: undefined;
     title?: undefined;
     collapsible?: undefined;
     collapsed?: undefined;
@@ -57,7 +59,22 @@ declare const _default: ({
     label?: undefined;
     weight?: undefined;
     tooltip?: undefined;
+    validate?: undefined;
     placeholder?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
     validate?: undefined;
+    placeholder?: undefined;
+    title?: undefined;
+    collapsible?: undefined;
+    collapsed?: undefined;
+    style?: undefined;
+    customConditional?: undefined;
+    components?: undefined;
 })[];
 export default _default;

package/lib/mjs/components/datetime/editForm/DateTime.edit.date.js

@@ -8,6 +8,9 @@ export default [
         label: 'Enable Date Input',
         weight: 0,
         tooltip: 'Enables date input for this field.',
+        validate: {
+            custom: "valid = !data.enableTime && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'tags',

package/lib/mjs/components/datetime/editForm/DateTime.edit.time.d.ts

@@ -1,9 +1,20 @@
-declare const _default: {
+declare const _default: ({
     type: string;
     input: boolean;
     key: string;
     label: string;
     tooltip: string;
     weight: number;
-}[];
+    validate: {
+        custom: string;
+    };
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
+    validate?: undefined;
+})[];
 export default _default;

package/lib/mjs/components/datetime/editForm/DateTime.edit.time.js

@@ -6,6 +6,9 @@ export default [
         label: 'Enable Time Input',
         tooltip: 'Enables time input for this field.',
         weight: 0,
+        validate: {
+            custom: "valid = !data.enableDate && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'number',

package/lib/mjs/components/textfield/editForm/TextField.edit.display.d.ts

@@ -25,7 +25,6 @@ declare const _default: ({
         };
     };
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -40,7 +39,6 @@ declare const _default: ({
     label: string;
     clearOnHide: boolean;
     onChange: (context: any) => void;
-    customDefaultValue: (value: any, component: any, row: any, data: any, instance: any) => any;
     input: boolean;
     rows: number;
     editor: string;
@@ -79,7 +77,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -107,7 +104,6 @@ declare const _default: ({
     onChange?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -133,7 +129,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -154,7 +149,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -177,7 +171,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -208,7 +201,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -228,7 +220,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
@@ -251,7 +242,6 @@ declare const _default: ({
     data?: undefined;
     conditional?: undefined;
     clearOnHide?: undefined;
-    customDefaultValue?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;