@formio/js 5.2.3 → 5.2.4

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

@@ -22,7 +22,7 @@
 
 /*! @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.2.3 | https://unpkg.com/formiojs@5.2.3/LICENSE.txt */
+/*! formiojs v5.2.4 | https://unpkg.com/formiojs@5.2.4/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 

package/lib/cjs/Element.js

@@ -124,11 +124,13 @@ class Element {
      * @param {Function | undefined} cb - The callback handler to handle this event.
      */
     off(event, cb) {
+        var _a;
         if (!this.events) {
             return;
         }
         const type = `${this.options.namespace}.${event}`;
-        this.events.listeners(type).forEach((listener) => {
+        (_a = this.events) === null || _a === void 0 ? void 0 : _a.listeners(type).forEach((listener) => {
+            var _a;
             // Ensure the listener is for this element
             if (!listener || listener.id !== this.id) {
                 return;
@@ -137,7 +139,7 @@ class Element {
             if (cb && cb !== listener) {
                 return;
             }
-            this.events.off(type, listener);
+            (_a = this.events) === null || _a === void 0 ? void 0 : _a.off(type, listener);
         });
     }
     /**
@@ -361,6 +363,7 @@ class Element {
      * @param {boolean} usePlaceholder - Set the mask placeholder on the input.
      */
     setInputMask(input, inputMask, usePlaceholder) {
+        var _a;
         if (input && inputMask) {
             const mask = utils_1.default.getInputMask(inputMask, this.placeholderChar);
             this.defaultMask = mask;
@@ -373,7 +376,7 @@ class Element {
                     inputElement: input,
                     mask,
                     placeholderChar: this.placeholderChar,
-                    shadowRoot: this.root ? this.root.shadowRoot : null
+                    shadowRoot: this.root ? (_a = this.root) === null || _a === void 0 ? void 0 : _a.shadowRoot : null,
                 });
             }
             catch (e) {

package/lib/cjs/Embed.js

@@ -360,12 +360,13 @@ class Formio {
     }
     // Called after an instance has been created.
     static afterCreate(instance, wrapper, readyEvent) {
+        var _b;
         return __awaiter(this, void 0, void 0, function* () {
             const loader = wrapper.querySelector('.formio-loader');
             if (loader) {
                 wrapper.removeChild(loader);
             }
-            _a.FormioClass.events.emit(readyEvent, instance);
+            (_b = _a.FormioClass.events) === null || _b === void 0 ? void 0 : _b.emit(readyEvent, instance);
             if (_a.config.after) {
                 _a.debug('Calling ready callback');
                 _a.config.after(instance, _a.config);
@@ -418,7 +419,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.2.3';
+Formio.version = '5.2.4';
 // 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.2.3';
+sdk_1.Formio.version = '5.2.4';
 CDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';
 const isNil = (val) => val === null || val === undefined;
 sdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {

package/lib/cjs/Webform.js

@@ -719,8 +719,9 @@ class Webform extends NestedDataComponent_1.default {
      * @returns {void}
      */
     onSetSubmission(submission, flags = {}) {
+        var _a;
         this.submissionSet = true;
-        this.triggerChange(flags);
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, flags);
         this.emit('beforeSetSubmission', submission);
         this.setValue(submission, flags);
     }
@@ -1106,6 +1107,7 @@ class Webform extends NestedDataComponent_1.default {
      * @returns {void|Array} - The errors that were set.
      */
     showErrors(errors, triggerEvent) {
+        var _a;
         this.loading = false;
         if (!Array.isArray(errors)) {
             errors = [errors];
@@ -1170,7 +1172,7 @@ class Webform extends NestedDataComponent_1.default {
             });
         }
         const errorsList = this.renderTemplate("errorsList", { errors: displayedErrors });
-        this.root.setAlert("danger", errorsList);
+        (_a = this.root) === null || _a === void 0 ? void 0 : _a.setAlert("danger", errorsList);
         if (triggerEvent) {
             this.emit("error", errors);
         }

package/lib/cjs/WebformBuilder.js

@@ -281,6 +281,7 @@ class WebformBuilder extends Component_1.default {
         return true;
     }
     addExistingResourceFields(resources) {
+        var _a;
         lodash_1.default.each(resources, (resource, index) => {
             const resourceKey = `resource-${resource.name}`;
             const subgroup = {
@@ -315,7 +316,7 @@ class WebformBuilder extends Component_1.default {
             }, true);
             this.groups.resource.subgroups.push(subgroup);
         });
-        this.triggerRedraw();
+        (_a = this.triggerRedraw) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     attachTooltip(component, title) {
         return (0, tippy_js_1.default)(component, {
@@ -589,6 +590,7 @@ class WebformBuilder extends Component_1.default {
         });
     }
     searchFields(searchString = '') {
+        var _a;
         const searchValue = searchString.toLowerCase();
         const sidebar = this.refs['sidebar'];
         const sidebarGroups = this.refs['sidebar-groups'];
@@ -650,7 +652,7 @@ class WebformBuilder extends Component_1.default {
         });
         this.updateDragAndDrop();
         if (searchValue === '') {
-            this.triggerRedraw();
+            (_a = this.triggerRedraw) === null || _a === void 0 ? void 0 : _a.call(this);
         }
     }
     orderComponents(groupInfo, foundComponents) {
@@ -1655,19 +1657,21 @@ class WebformBuilder extends Component_1.default {
         super.destroy(all);
     }
     addBuilderGroup(name, group) {
+        var _a;
         if (!this.groups[name]) {
             this.groups[name] = group;
             this.groupOrder.push(name);
-            this.triggerRedraw();
+            (_a = this.triggerRedraw) === null || _a === void 0 ? void 0 : _a.call(this);
         }
         else {
             this.updateBuilderGroup(name, group);
         }
     }
     updateBuilderGroup(name, group) {
+        var _a;
         if (this.groups[name]) {
             this.groups[name] = group;
-            this.triggerRedraw();
+            (_a = this.triggerRedraw) === null || _a === void 0 ? void 0 : _a.call(this);
         }
     }
     generateKey(info) {

package/lib/cjs/Wizard.js

@@ -725,13 +725,13 @@ class Wizard extends Webform_1.default {
         }
     }
     validateCurrentPage(flags = {}) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const components = (_a = this.currentPage) === null || _a === void 0 ? void 0 : _a.components.map((component) => component.component);
         // Accessing the parent ensures the right instance (whether it's the parent Wizard or a nested Wizard) performs its validation
         if ((_b = this.currentPage) === null || _b === void 0 ? void 0 : _b.parent) {
-            return (_c = this.currentPage) === null || _c === void 0 ? void 0 : _c.parent.validateComponents(components, this.root.data, flags);
+            return (_c = this.currentPage) === null || _c === void 0 ? void 0 : _c.parent.validateComponents(components, (_d = this.root) === null || _d === void 0 ? void 0 : _d.data, flags);
         }
-        return (_d = this.currentPage) === null || _d === void 0 ? void 0 : _d.validateComponents(components, this.root ? this.root.data : this.data, flags);
+        return (_e = this.currentPage) === null || _e === void 0 ? void 0 : _e.validateComponents(components, this.root ? this.root.data : this.data, flags);
     }
     emitPrevPage() {
         this.emit('prevPage', { page: this.page, submission: this.submission });

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

@@ -1293,11 +1293,11 @@ class Component extends Element_1.default {
      * Restors the "focus" on a component after a redraw event has occured.
      */
     restoreFocus() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const isFocused = ((_b = (_a = this.root) === null || _a === void 0 ? void 0 : _a.focusedComponent) === null || _b === void 0 ? void 0 : _b.path) === this.path;
         if (isFocused) {
             this.loadRefs(this.element, { input: 'multiple' });
-            this.focus((_c = this.root.currentSelection) === null || _c === void 0 ? void 0 : _c.index);
+            this.focus((_d = (_c = this.root) === null || _c === void 0 ? void 0 : _c.currentSelection) === null || _d === void 0 ? void 0 : _d.index);
             this.restoreCaretPosition();
         }
     }
@@ -1308,6 +1308,7 @@ class Component extends Element_1.default {
      * @returns {void}
      */
     addShortcut(element, shortcut) {
+        var _a;
         // Avoid infinite recursion.
         if (!element || !this.root || (this.root === this)) {
             return;
@@ -1315,7 +1316,7 @@ class Component extends Element_1.default {
         if (!shortcut) {
             shortcut = this.component.shortcut;
         }
-        this.root.addShortcut(element, shortcut);
+        (_a = this.root) === null || _a === void 0 ? void 0 : _a.addShortcut(element, shortcut);
     }
     /**
      * Removes a keyboard shortcut from this component.
@@ -1324,6 +1325,7 @@ class Component extends Element_1.default {
      * @returns {void}
      */
     removeShortcut(element, shortcut) {
+        var _a;
         // Avoid infinite recursion.
         if (!element || (this.root === this)) {
             return;
@@ -1331,7 +1333,7 @@ class Component extends Element_1.default {
         if (!shortcut) {
             shortcut = this.component.shortcut;
         }
-        this.root.removeShortcut(element, shortcut);
+        (_a = this.root) === null || _a === void 0 ? void 0 : _a.removeShortcut(element, shortcut);
     }
     /**
      * Remove all event handlers.
@@ -1410,6 +1412,7 @@ class Component extends Element_1.default {
      * @returns {void}
      */
     refresh(value) {
+        var _a;
         if (this.hasOwnProperty('refreshOnValue')) {
             this.refreshOnChanged = !lodash_1.default.isEqual(value, this.refreshOnValue);
         }
@@ -1421,7 +1424,7 @@ class Component extends Element_1.default {
             if (this.component.clearOnRefresh) {
                 this.setValue(null);
             }
-            this.triggerRedraw();
+            (_a = this.triggerRedraw) === null || _a === void 0 ? void 0 : _a.call(this);
         }
     }
     /**
@@ -2543,12 +2546,13 @@ class Component extends Element_1.default {
      * @param {*} flags - The flags to use when splicing the value.
      */
     splice(index, flags = {}) {
+        var _a;
         if (this.hasValue()) {
             const dataValue = this.dataValue || [];
             if (lodash_1.default.isArray(dataValue) && dataValue.hasOwnProperty(index)) {
                 dataValue.splice(index, 1);
                 this.dataValue = dataValue;
-                this.triggerChange(flags);
+                (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, flags);
             }
         }
     }
@@ -2829,12 +2833,13 @@ class Component extends Element_1.default {
      * @returns {boolean} - If the value changed.
      */
     updateOnChange(flags = {}, changed = false) {
+        var _a;
         if (!flags.noUpdateEvent && changed) {
             if (flags.fromSubmission) {
                 // Reset the errors when a submission has been made and allow it to revalidate.
                 this._errors = [];
             }
-            this.triggerChange(flags);
+            (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, flags);
             return true;
         }
         return false;
@@ -2858,6 +2863,7 @@ class Component extends Element_1.default {
     }
     /* eslint-disable max-statements */
     calculateComponentValue(data, flags, row) {
+        var _a;
         // Skip value calculation for the component if we don't have entire form data set or in builder mode
         if (this.builderMode || lodash_1.default.isUndefined(lodash_1.default.get(this, 'root.data'))) {
             return false;
@@ -2935,7 +2941,7 @@ class Component extends Element_1.default {
         }
         this.calculatedValue = (0, utils_2.fastCloneDeep)(calculatedValue);
         if (changed) {
-            if (!flags.noPristineChangeOnModified && this.root.initialized) {
+            if (!flags.noPristineChangeOnModified && ((_a = this.root) === null || _a === void 0 ? void 0 : _a.initialized)) {
                 this.pristine = false;
             }
             flags.triggeredComponentId = this.id;
@@ -3261,7 +3267,7 @@ class Component extends Element_1.default {
     }
     addFocusBlurEvents(element) {
         this.addEventListener(element, 'focus', () => {
-            if (this.root.focusedComponent !== this) {
+            if (this.root && this.root.focusedComponent !== this) {
                 if (this.root.pendingBlur) {
                     this.root.pendingBlur();
                 }
@@ -3275,9 +3281,10 @@ class Component extends Element_1.default {
         });
         this.addEventListener(element, 'blur', () => {
             this.root.pendingBlur = utils_1.default.delay(() => {
+                var _a, _b;
                 this.emit('blur', this);
                 if (this.component.validateOn === 'blur') {
-                    this.root.triggerChange({ fromBlur: true }, {
+                    (_b = (_a = this.root).triggerChange) === null || _b === void 0 ? void 0 : _b.call(_a, { fromBlur: true }, {
                         instance: this,
                         component: this.component,
                         value: this.dataValue,
@@ -3361,7 +3368,8 @@ class Component extends Element_1.default {
      * @returns {boolean|*} - TRUE if the value is hidden.
      */
     isValueHidden() {
-        if (this.component.protected && this.root.editing) {
+        var _a;
+        if (this.component.protected && ((_a = this.root) === null || _a === void 0 ? void 0 : _a.editing)) {
             return false;
         }
         if (!this.root || !this.root.hasOwnProperty('editing')) {

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

@@ -374,6 +374,7 @@ class AddressComponent extends Container_1.default {
         return super.render(this.renderElement());
     }
     onSelectAddress(address, element, index) {
+        var _a;
         if (this.isMultiple) {
             this.address[index] = address;
             this.address = [...this.address];
@@ -381,7 +382,7 @@ class AddressComponent extends Container_1.default {
         else {
             this.address = address;
         }
-        this.triggerChange({
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, {
             modified: true,
         });
         if (element) {
@@ -464,6 +465,7 @@ class AddressComponent extends Container_1.default {
         });
         if (this.modeSwitcher) {
             this.addEventListener(this.modeSwitcher, 'change', () => {
+                var _a;
                 if (!this.modeSwitcher) {
                     return;
                 }
@@ -475,7 +477,7 @@ class AddressComponent extends Container_1.default {
                     if (this.manualMode) {
                         this.restoreComponentsContext();
                     }
-                    this.triggerChange({
+                    (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, {
                         modified: true,
                     });
                 }
@@ -518,11 +520,11 @@ class AddressComponent extends Container_1.default {
         });
     }
     clearAddress(element, index) {
-        var _a;
+        var _a, _b;
         if (!this.isEmpty()) {
-            this.triggerChange();
+            (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
         }
-        if ((_a = this.address) === null || _a === void 0 ? void 0 : _a[index]) {
+        if ((_b = this.address) === null || _b === void 0 ? void 0 : _b[index]) {
             this.address[index] = this.emptyValue;
         }
         else {

package/lib/cjs/components/button/Button.js

@@ -116,6 +116,7 @@ class ButtonComponent extends Field_1.default {
         }));
     }
     attachButton() {
+        var _a;
         this.addShortcut(this.refs.button);
         let onChange = null;
         let onError = null;
@@ -210,7 +211,7 @@ class ButtonComponent extends Field_1.default {
             }
         }, true);
         if (this.component.saveOnEnter) {
-            this.root.addEventListener(this.root.element, 'keyup', (event) => {
+            (_a = this.root) === null || _a === void 0 ? void 0 : _a.addEventListener(this.root.element, 'keyup', (event) => {
                 if (event.keyCode === 13) {
                     this.onClick.call(this, event);
                 }
@@ -269,6 +270,7 @@ class ButtonComponent extends Field_1.default {
         super.detach();
     }
     onClick(event) {
+        var _a, _b, _c, _d;
         this.triggerCaptcha();
         // Don't click if disabled or in builder mode.
         if (this.disabled || this.options.attachMode === 'builder') {
@@ -293,7 +295,7 @@ class ButtonComponent extends Field_1.default {
                 break;
             case 'event':
                 this.emit(this.interpolate(this.component.event), this.data);
-                this.events.emit(this.interpolate(this.component.event), this.data);
+                (_a = this.events) === null || _a === void 0 ? void 0 : _a.emit(this.interpolate(this.component.event), this.data);
                 this.emit('customEvent', {
                     type: this.interpolate(this.component.event),
                     component: this.component,
@@ -316,7 +318,7 @@ class ButtonComponent extends Field_1.default {
                     flattened,
                     components
                 });
-                this.triggerChange();
+                (_b = this.triggerChange) === null || _b === void 0 ? void 0 : _b.call(this);
                 break;
             }
             case 'url':
@@ -343,12 +345,12 @@ class ButtonComponent extends Field_1.default {
                 }
                 // Display Alert if OAuth config is missing
                 if (!this.oauthConfig) {
-                    this.root.setAlert('danger', 'OAuth not configured. You must configure oauth for your project before it will work.');
+                    (_c = this.root) === null || _c === void 0 ? void 0 : _c.setAlert('danger', 'OAuth not configured. You must configure oauth for your project before it will work.');
                     break;
                 }
                 // Display Alert if oAuth has an error is missing
                 if (this.oauthConfig.error) {
-                    this.root.setAlert('danger', `The Following Error Has Occured ${this.oauthConfig.error}`);
+                    (_d = this.root) === null || _d === void 0 ? void 0 : _d.setAlert('danger', `The Following Error Has Occured ${this.oauthConfig.error}`);
                     break;
                 }
                 this.openOauth(this.oauthConfig);
@@ -356,7 +358,8 @@ class ButtonComponent extends Field_1.default {
         }
     }
     openOauth(settings) {
-        if (!this.root.formio) {
+        var _a;
+        if (!((_a = this.root) === null || _a === void 0 ? void 0 : _a.formio)) {
             console.warn('You must attach a Form API url to your form in order to use OAuth buttons.');
             return;
         }
@@ -388,6 +391,7 @@ class ButtonComponent extends Field_1.default {
         const url = `${settings.authURI}${separator}${params}`;
         const popup = window.open(url, settings.provider, 'width=1020,height=618');
         const interval = setInterval(() => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             try {
                 const popupHost = popup.location.host;
                 const currentHost = window.location.host;
@@ -400,45 +404,47 @@ class ButtonComponent extends Field_1.default {
                     }, {});
                     if (params.error) {
                         alert(params.error_description || params.error);
-                        this.root.setAlert('danger', params.error_description || params.error);
+                        (_a = this.root) === null || _a === void 0 ? void 0 : _a.setAlert('danger', params.error_description || params.error);
                         return;
                     }
                     // TODO: check for error response here
                     if (settings.state !== params.state) {
-                        this.root.setAlert('danger', 'OAuth state does not match. Please try logging in again.');
+                        (_b = this.root) === null || _b === void 0 ? void 0 : _b.setAlert('danger', 'OAuth state does not match. Please try logging in again.');
                         return;
                     }
                     // Depending on where the settings came from, submit to either the submission endpoint (old) or oauth endpoint (new).
                     let requestPromise = Promise.resolve();
-                    if (lodash_1.default.has(this, 'root.form.config.oauth') && this.root.form.config.oauth[this.component.oauthProvider]) {
+                    if (lodash_1.default.has(this, 'root.form.config.oauth') && ((_c = this.root) === null || _c === void 0 ? void 0 : _c.form.config.oauth[this.component.oauthProvider])) {
                         params.provider = settings.provider;
                         params.redirectURI = originalRedirectUri;
                         // Needs for the exclude oAuth Actions that not related to this button
                         params.triggeredBy = this.oauthComponentPath;
-                        requestPromise = this.root.formio.makeRequest('oauth', `${this.root.formio.projectUrl}/oauth2`, 'POST', params);
+                        requestPromise = (_d = this.root) === null || _d === void 0 ? void 0 : _d.formio.makeRequest('oauth', `${(_e = this.root) === null || _e === void 0 ? void 0 : _e.formio.projectUrl}/oauth2`, 'POST', params);
                     }
                     else {
                         const submission = { data: {}, oauth: {} };
                         submission.oauth[settings.provider] = params;
                         submission.oauth[settings.provider].redirectURI = originalRedirectUri;
                         if (settings.logoutURI) {
-                            this.root.formio.oauthLogoutURI(settings.logoutURI);
+                            (_f = this.root) === null || _f === void 0 ? void 0 : _f.formio.oauthLogoutURI(settings.logoutURI);
                         }
                         // Needs for the exclude oAuth Actions that not related to this button
                         submission.oauth[settings.provider].triggeredBy = this.oauthComponentPath;
-                        requestPromise = this.root.formio.saveSubmission(submission);
+                        requestPromise = (_g = this.root) === null || _g === void 0 ? void 0 : _g.formio.saveSubmission(submission);
                     }
                     requestPromise.then((result) => {
-                        this.root.onSubmit(result, true);
+                        var _a;
+                        (_a = this.root) === null || _a === void 0 ? void 0 : _a.onSubmit(result, true);
                     })
                         .catch((err) => {
-                        this.root.onSubmissionError(err);
+                        var _a;
+                        (_a = this.root) === null || _a === void 0 ? void 0 : _a.onSubmissionError(err);
                     });
                 }
             }
             catch (error) {
                 if (error.name !== 'SecurityError' && (error.name !== 'Error' || error.message !== 'Permission denied')) {
-                    this.root.setAlert('danger', error.message || error);
+                    (_h = this.root) === null || _h === void 0 ? void 0 : _h.setAlert('danger', error.message || error);
                 }
             }
             if (!popup || popup.closed || popup.closed === undefined) {

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

@@ -375,6 +375,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         });
     }
     addRow() {
+        var _a;
         const index = this.rows.length;
         // Handle length mismatch between rows and dataValue
         if (this.dataValue.length === index) {
@@ -396,7 +397,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             row
         });
         this.checkConditions();
-        this.triggerChange({ modified: true });
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, { modified: true });
         this.redraw().then(() => {
             this.focusOnNewRowElement(this.rows[index]);
         });
@@ -477,17 +478,17 @@ class DataGridComponent extends NestedArrayComponent_1.default {
             options.row = `${rowIndex}-${colIndex}`;
             options.rowIndex = rowIndex;
             options.onChange = (flags, changed, modified) => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e;
                 if (changed.component.type === 'form') {
                     const formComp = (0, utils_1.getComponent)(this.component.components, changed.component.key);
                     lodash_1.default.set(formComp, 'components', changed.component.components);
                 }
                 // If we're in a nested form we need to ensure our changes are triggered upstream
-                if (((_a = changed.instance.root) === null || _a === void 0 ? void 0 : _a.id) && (((_b = this.root) === null || _b === void 0 ? void 0 : _b.id) !== changed.instance.root.id)) {
-                    changed.instance.root.triggerChange(flags, changed, modified);
+                if (((_a = changed.instance.root) === null || _a === void 0 ? void 0 : _a.id) && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.id) !== changed.instance.root.id) {
+                    (_d = (_c = changed.instance.root).triggerChange) === null || _d === void 0 ? void 0 : _d.call(_c, flags, changed, modified);
                 }
                 else {
-                    this.triggerChange({ modified });
+                    (_e = this.triggerChange) === null || _e === void 0 ? void 0 : _e.call(this, { modified });
                 }
             };
             let columnComponent;

package/lib/cjs/components/datamap/DataMap.js

@@ -263,19 +263,21 @@ class DataMapComponent extends DataGrid_1.default {
         this.component.valueComponent = defaultSchema.valueComponent;
     }
     addRow() {
+        var _a;
         const index = this.rows.length;
         this.rows[index] = this.createRowComponents(this.dataValue, index);
         this.redraw();
-        this.triggerChange();
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     removeRow(index) {
+        var _a;
         const keys = Object.keys(this.dataValue);
         if (keys[index]) {
             delete this.dataValue[keys[index]];
         }
         this.rows.splice(index, 1);
         this.redraw();
-        this.triggerChange();
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     setValue(value, flags = {}) {
         const changed = this.hasChanged(value, this.dataValue);

package/lib/cjs/components/day/Day.js

@@ -485,6 +485,7 @@ class DayComponent extends Field_1.default {
      * @returns {null|string} - The date string.
      */
     getDate(value) {
+        var _a;
         let defaults = [], day, month, year;
         // Map positions to identifiers to get default values for each part of day
         const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
@@ -523,7 +524,7 @@ class DayComponent extends Field_1.default {
             if (!isModalEditClosed) {
                 this.dataValue = this.emptyValue;
                 if (this.options.building) {
-                    this.triggerChange();
+                    (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
                 }
             }
             return null;