@formio/js 5.3.1-refb-rc.0 → 5.3.2

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.0 | https://unpkg.com/formiojs@5.3.0/LICENSE.txt */
+/*! formiojs v5.3.2 | https://unpkg.com/formiojs@5.3.2/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.0';
+Formio.version = '5.3.2';
 // 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.0';
+sdk_1.Formio.version = '5.3.2';
 CDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/cjs/PDF.js

@@ -286,7 +286,15 @@ if (typeof window !== 'undefined') {
             eventData.name &&
             eventData.formId &&
             Formio_1.Formio.forms.hasOwnProperty(eventData.formId)) {
-            Formio_1.Formio.forms[eventData.formId].emit(`iframe-${eventData.name}`, eventData.data);
+            if (eventData.compPath) {
+                const comp = Formio_1.Formio.forms[eventData.formId].getComponent(eventData.compPath);
+                if (comp) {
+                    comp.emit(eventData.name, eventData.data);
+                }
+            }
+            else {
+                Formio_1.Formio.forms[eventData.formId].emit(`iframe-${eventData.name}`, eventData.data);
+            }
         }
     });
 }

package/lib/cjs/Webform.js

@@ -259,7 +259,7 @@ class Webform extends NestedDataComponent_1.default {
             if (err) {
                 return;
             }
-            this.rebuild();
+            this.redraw();
             this.emit('languageChanged');
         });
     }
@@ -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/_classes/component/Component.d.ts

@@ -187,6 +187,7 @@ declare class Component extends Element {
         tooltipClass: string;
         for: any;
     };
+    getFieldsetLegendIds(): string;
     init(): void;
     /**
      * Disable this component.

package/lib/cjs/components/_classes/component/Component.js

@@ -507,6 +507,18 @@ class Component extends Element_1.default {
         }
         return label;
     }
+    getFieldsetLegendIds() {
+        var _a, _b;
+        const legendIds = [];
+        let currentParent = this.parent;
+        while (currentParent) {
+            if (((_a = currentParent.component) === null || _a === void 0 ? void 0 : _a.type) === 'fieldset' && ((_b = currentParent.component) === null || _b === void 0 ? void 0 : _b.legend)) {
+                legendIds.push(`l-${currentParent.id}-legend`);
+            }
+            currentParent = currentParent.parent;
+        }
+        return legendIds.reverse().join(' ');
+    }
     init() {
         var _a;
         this.disabled = this.shouldDisabled;
@@ -3677,13 +3689,14 @@ class Component extends Element_1.default {
      * @returns {*} - The components "input" DOM element information.
      */
     elementInfo() {
+        var _a;
         const attributes = {
             name: this.options.name,
             type: this.component.inputType || 'text',
             class: 'form-control',
             lang: this.options.language,
         };
-        if (this.component.placeholder) {
+        if (this.component.placeholder && !((_a = this.options) === null || _a === void 0 ? void 0 : _a.readOnly)) {
             attributes.placeholder = this.t(this.component.placeholder, { _userInput: true });
         }
         if (this.component.tabindex) {

package/lib/cjs/components/_classes/input/Input.js

@@ -20,6 +20,7 @@ class Input extends Multivalue_1.default {
         }, ...extend);
     }
     get inputInfo() {
+        var _a;
         const attr = {
             name: this.options.name,
             type: this.component.inputType || 'text',
@@ -34,7 +35,7 @@ class Input extends Multivalue_1.default {
         if (this.component.inputMode) {
             attr.inputmode = this.component.inputMode;
         }
-        if (this.component.placeholder) {
+        if (this.component.placeholder && !((_a = this.options) === null || _a === void 0 ? void 0 : _a.readOnly)) {
             attr.placeholder = this.getFormattedAttribute(this.component.placeholder);
         }
         if (this.component.tabindex) {
@@ -166,6 +167,9 @@ class Input extends Multivalue_1.default {
         }
     }
     updateValueAt(value, flags, index) {
+        if (flags.modified) {
+            (0, index_1.announceScreenReaderMessage)(this, value, index);
+        }
         flags = flags || {};
         if (lodash_1.default.get(this.component, 'showWordCount', false)) {
             if (this.refs.wordcount && this.refs.wordcount[index]) {
@@ -190,7 +194,7 @@ class Input extends Multivalue_1.default {
     updateValue(value, flags, index) {
         flags = flags || {};
         const changed = super.updateValue(value, flags);
-        this.triggerUpdateValueAt(this.dataValue, flags, index);
+        this.triggerUpdateValueAt(this.dataValue, Object.assign({}, flags), index);
         return changed;
     }
     parseValue(value) {
@@ -201,6 +205,7 @@ class Input extends Multivalue_1.default {
     }
     attach(element) {
         this.loadRefs(element, {
+            announceMessage: 'multiple',
             charcount: 'multiple',
             wordcount: 'multiple',
             prefix: 'multiple',
@@ -244,6 +249,16 @@ class Input extends Multivalue_1.default {
                 }
             });
         }
+        this.on('focus', (comp) => {
+            (0, index_1.announceScreenReaderMessage)(comp, comp.dataValue, 0, true);
+        });
+        this.on('blur', (comp) => {
+            var _a, _b;
+            const el = (_b = (_a = comp.refs) === null || _a === void 0 ? void 0 : _a["announceMessage"]) === null || _b === void 0 ? void 0 : _b[0];
+            if (el) {
+                el.textContent = "";
+            }
+        });
         return promise;
     }
     /**

package/lib/cjs/components/address/Address.js

@@ -310,6 +310,7 @@ class AddressComponent extends Container_1.default {
         return this.refs ? this.refs[AddressComponent.removeRowButtonRef] || null : null;
     }
     get searchInputAttributes() {
+        var _a;
         const attr = {
             name: this.options.name,
             type: 'text',
@@ -317,7 +318,7 @@ class AddressComponent extends Container_1.default {
             lang: this.options.language,
             tabindex: this.component.tabindex || 0,
         };
-        if (this.component.placeholder) {
+        if (this.component.placeholder && !((_a = this.options) === null || _a === void 0 ? void 0 : _a.readOnly)) {
             ((attr.placeholder = this.t(this.component.placeholder)), { _userInput: true });
         }
         if (this.disabled) {

package/lib/cjs/components/datagrid/DataGrid.js

@@ -113,6 +113,17 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         for (let dIndex = defaultValue.length; dIndex < this.minLength; dIndex++) {
             defaultValue.push({});
         }
+        if (this.component.customDefaultValue) {
+            return defaultValue;
+        }
+        if (defaultValue.length === 1 && this.columns) {
+            (0, utils_1.eachComponent)(this.components, (comp, path) => {
+                var _a;
+                if (((_a = comp.component) === null || _a === void 0 ? void 0 : _a.input) && comp.defaultValue) {
+                    lodash_1.default.set(defaultValue[0], path, comp.defaultValue);
+                }
+            });
+        }
         return defaultValue;
     }
     set disabled(disabled) {
@@ -437,7 +448,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         });
         (0, utils_1.screenReaderSpeech)('Row has been added');
         this.checkConditions();
-        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, { modified: true });
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, { modified: true, noPristineChangeOnModified: true });
         this.redraw().then(() => {
             this.focusOnNewRowElement(this.rows[index]);
         });

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/fieldset/Fieldset.d.ts

@@ -10,6 +10,7 @@ export default class FieldsetComponent extends NestedComponent {
     };
     static savedValueTypes(): never[];
     constructor(...args: any[]);
+    attach(element: any): Promise<void>;
     noField: boolean;
 }
 import NestedComponent from '../_classes/nested/NestedComponent';

package/lib/cjs/components/fieldset/Fieldset.js

@@ -39,6 +39,13 @@ class FieldsetComponent extends NestedComponent_1.default {
     get templateName() {
         return 'fieldset';
     }
+    attach(element) {
+        return super.attach(element).then(() => {
+            if (this.component.legend && this.refs.header) {
+                this.refs.header.setAttribute('id', `l-${this.id}-legend`);
+            }
+        });
+    }
     constructor(...args) {
         super(...args);
         this.noField = true;

package/lib/cjs/components/select/Select.js

@@ -276,9 +276,9 @@ class SelectComponent extends ListComponent_1.default {
         // Inside DataTable component won't have dataValue set
         const shouldUseSelectData = (this.component.multiple && lodash_1.default.isArray(this.dataValue)
             ? this.dataValue.find((val) => this.normalizeSingleValue(value) === val)
-            : this.dataValue === this.normalizeSingleValue(value)) || this.inDataTable;
+            : this.dataValue === this.normalizeSingleValue(value)) || (this.inDataTable && !this.element);
         if (shouldUseSelectData) {
-            const selectData = this.selectData;
+            const selectData = (this.inDataTable && !this.element) ? this.component.selectData : this.selectData;
             if (selectData) {
                 const templateValue = this.component.reference && (value === null || value === void 0 ? void 0 : value._id) ? value._id.toString() : value;
                 if (!this.templateData || !this.templateData[templateValue]) {
@@ -766,7 +766,8 @@ class SelectComponent extends ListComponent_1.default {
         }
     }
     addPlaceholder() {
-        if (!this.component.placeholder) {
+        var _a;
+        if (!this.component.placeholder || ((_a = this.options) === null || _a === void 0 ? void 0 : _a.readOnly)) {
             return;
         }
         this.addOption('', this.component.placeholder, { placeholder: true });
@@ -830,10 +831,12 @@ class SelectComponent extends ListComponent_1.default {
             : element;
     }
     choicesOptions() {
+        var _a;
         const useSearch = this.component.hasOwnProperty('searchEnabled')
             ? this.component.searchEnabled
             : true;
-        const placeholderValue = this.t(this.component.placeholder, { _userInput: true });
+        const hasPlaceholder = !!this.component.placeholder && !((_a = this.options) === null || _a === void 0 ? void 0 : _a.readOnly);
+        const placeholderValue = hasPlaceholder ? this.t(this.component.placeholder, { _userInput: true }) : null;
         let customOptions = this.component.customOptions || {};
         if (typeof customOptions == 'string') {
             try {
@@ -857,7 +860,7 @@ class SelectComponent extends ListComponent_1.default {
                     'formio-choices',
                 ],
                 containerInner: this.transform('class', 'form-control ui fluid selection dropdown').split(' '),
-            }, addItemText: false, allowHTML: true, placeholder: !!this.component.placeholder, placeholderValue: placeholderValue, noResultsText: this.t('No results found'), noChoicesText: this.t('No choices to choose from'), searchPlaceholderValue: this.t('Type to search'), shouldSort: false, position: this.component.dropdown || 'auto', searchEnabled: useSearch, searchChoices: !this.component.searchField, searchFields: lodash_1.default.get(this, 'component.searchFields', [
+            }, addItemText: false, allowHTML: true, placeholder: hasPlaceholder, placeholderValue: placeholderValue, noResultsText: this.t('No results found'), noChoicesText: this.t('No choices to choose from'), searchPlaceholderValue: this.t('Type to search'), shouldSort: false, position: this.component.dropdown || 'auto', searchEnabled: useSearch, searchChoices: !this.component.searchField, searchFields: lodash_1.default.get(this, 'component.searchFields', [
                 'label',
             ]), shadowRoot: this.root ? this.root.shadowRoot : null, fuseOptions: this.component.useExactSearch
                 ? Object.assign({ tokenize: true, matchAllTokens: true }, commonFuseOptions) : Object.assign({}, lodash_1.default.get(this, 'component.fuseOptions', {}), Object.assign({ include: 'score', threshold: lodash_1.default.get(this, 'component.selectThreshold', 0.3) }, commonFuseOptions)), valueComparer: lodash_1.default.isEqual, resetScrollPosition: false, duplicateItemsAllowed: false }, customOptions);
@@ -1296,7 +1299,8 @@ class SelectComponent extends ListComponent_1.default {
     }
     setMetadata(value, flags = {}) {
         var _a, _b;
-        if (lodash_1.default.isNil(value)) {
+        if (lodash_1.default.isNil(value) ||
+            (this.inDataTable && this.component.dataSrc === 'values')) {
             return;
         }
         const valueIsObject = lodash_1.default.isObject(value);
@@ -1306,7 +1310,7 @@ class SelectComponent extends ListComponent_1.default {
         }
         // Check to see if we need to save off the template data into our metadata.
         const templateValue = this.component.reference && (value === null || value === void 0 ? void 0 : value._id) ? value._id.toString() : value;
-        const shouldSaveData = (!valueIsObject || this.component.reference) && !this.inDataTable;
+        const shouldSaveData = (!valueIsObject || this.component.reference) && !(this.inDataTable && this.row === '');
         if (!lodash_1.default.isNil(templateValue) &&
             shouldSaveData &&
             this.templateData &&
@@ -1592,7 +1596,8 @@ class SelectComponent extends ListComponent_1.default {
     asString(value, options = {}) {
         var _a;
         value = value !== null && value !== void 0 ? value : this.getValue();
-        if (options.modalPreview || this.inDataTable) {
+        if (options.modalPreview ||
+            ((this.inDataTable || this.inEditGrid) && !['values', 'custom'].includes(this.component.dataSrc))) {
             if (this.inDataTable) {
                 value = this.undoValueTyping(value);
             }

package/lib/cjs/components/tags/Tags.js

@@ -63,6 +63,7 @@ class TagsComponent extends Input_1.default {
         return this.component.delimeter || ',';
     }
     attachElement(element, index) {
+        var _a;
         super.attachElement(element, index);
         if (!element) {
             return;
@@ -76,7 +77,7 @@ class TagsComponent extends Input_1.default {
         if (!choices_js_1.default) {
             return;
         }
-        const hasPlaceholder = !!this.component.placeholder;
+        const hasPlaceholder = !!this.component.placeholder && !((_a = this.options) === null || _a === void 0 ? void 0 : _a.readOnly);
         this.choices = new choices_js_1.default(element, {
             delimiter: this.delimiter,
             editItems: true,

package/lib/cjs/package.json

@@ -1,4 +1,4 @@
 {
     "type": "commonjs",
-    "version": "5.3.0"
+    "version": "5.3.2"
 }

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

@@ -1,9 +1,7 @@
 export default class IsEqualTo extends ConditionOperator {
-    execute({ value, comparedValue, instance, path }: {
+    execute({ value, comparedValue }: {
         value: any;
         comparedValue: any;
-        instance: any;
-        path: any;
     }): any;
 }
 import ConditionOperator from './ConditionOperator';

package/lib/cjs/utils/conditionOperators/IsEqualTo.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const ConditionOperator_1 = __importDefault(require("./ConditionOperator"));
 const lodash_1 = __importDefault(require("lodash"));
-const __1 = require("../");
 class IsEqualTo extends ConditionOperator_1.default {
     static get operatorKey() {
         return 'isEqual';
@@ -13,8 +12,7 @@ class IsEqualTo extends ConditionOperator_1.default {
     static get displayedName() {
         return 'Is Equal To';
     }
-    execute({ value, comparedValue, instance, path }) {
-        var _a, _b;
+    execute({ value, comparedValue }) {
         if ((value || value === false) &&
             comparedValue &&
             typeof value !== typeof comparedValue &&
@@ -26,19 +24,15 @@ class IsEqualTo extends ConditionOperator_1.default {
                 // ignore
             }
         }
-        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {
-            const conditionTriggerComponent = instance.root.getComponent(path);
-            if (conditionTriggerComponent &&
-                (0, __1.isSelectResourceWithObjectValue)(conditionTriggerComponent.component) &&
-                ((_b = conditionTriggerComponent.component) === null || _b === void 0 ? void 0 : _b.template)) {
-                return (0, __1.compareSelectResourceWithObjectTypeValues)(value, comparedValue, conditionTriggerComponent.component);
-            }
-        }
         //special check for select boxes
         if (lodash_1.default.isObject(value) && comparedValue && lodash_1.default.isBoolean(value[comparedValue])) {
             return value[comparedValue];
         }
-        return lodash_1.default.isEqual(value, comparedValue);
+        const valuesAreObjects = typeof comparedValue === 'object' &&
+            comparedValue !== null &&
+            typeof value === 'object' &&
+            value !== null;
+        return valuesAreObjects ? lodash_1.default.isMatch(value, comparedValue) : lodash_1.default.isEqual(comparedValue, value);
     }
 }
 exports.default = IsEqualTo;

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

@@ -1,6 +1,7 @@
 export default ConditionOperators;
 declare const ConditionOperators: {
-    [x: string]: typeof IsEqualTo | typeof DateGreaterThan;
+    [x: string]: typeof IsEqualTo | typeof IsEmptyValue | typeof DateGreaterThan;
 };
 import IsEqualTo from './IsEqualTo';
+import IsEmptyValue from './IsEmptyValue';
 import DateGreaterThan from './DateGreaterThan';

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

@@ -5,7 +5,7 @@ declare const FormioUtils: {
     Evaluator: DefaultEvaluator;
     interpolate: typeof interpolate;
     ConditionOperators: {
-        [x: string]: typeof import("./conditionOperators/IsEqualTo").default | typeof import("./conditionOperators/DateGreaterThan").default;
+        [x: string]: typeof import("./conditionOperators/IsEqualTo").default | typeof import("./conditionOperators/IsEmptyValue").default | typeof import("./conditionOperators/DateGreaterThan").default;
     };
     _: any;
     moment: typeof moment;
@@ -150,6 +150,7 @@ declare const FormioUtils: {
     getFocusableElements(element: HTMLElement): NodeList<HTMLElement>;
     getComponentSavedTypes(fullSchema: import("@formio/core").Component): string[] | null;
     hasEncodedTimezone(value: string): boolean;
+    announceScreenReaderMessage(component: any, value: any, index?: any, forFocus?: any): undefined;
     screenReaderSpeech(text: string): void;
     firstNonNil: any;
     componentValueTypes: {

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

@@ -499,6 +499,15 @@ export function getComponentSavedTypes(fullSchema: import('@formio/core').Compon
  * @returns {boolean} if value has encoded timezone
  */
 export function hasEncodedTimezone(value: string): boolean;
+/**
+ * The function for announcing messages via a screen reader
+ * @param {component} component - The component instance
+ * @param {value} value - The current component value
+ * @param {index} index - The component index
+ * @param {forFocus} forFocus - Whether the component is focused or not
+ * @returns {undefined}
+ */
+export function announceScreenReaderMessage(component: any, value: any, index?: any, forFocus?: any): undefined;
 /**
  * Outputs text to screen reader
  * @param {string} text The text to output to screen readers