@formio/js 5.2.3 → 5.2.4

package/lib/cjs/components/editgrid/EditGrid.js

@@ -594,6 +594,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return editRow;
     }
     addRow() {
+        var _a;
         if (this.options.readOnly) {
             return;
         }
@@ -604,7 +605,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             this.emptyRow = (0, utils_1.fastCloneDeep)(editRow.data);
         }
         if (this.inlineEditMode) {
-            this.triggerChange();
+            (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
         }
         this.emit('editGridAddRow', {
             component: this.component,
@@ -791,7 +792,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         }
     }
     saveRow(rowIndex, modified) {
-        var _a, _b;
+        var _a, _b, _c;
         const editRow = this.editRows[rowIndex];
         if (this.options.readOnly) {
             return;
@@ -836,7 +837,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             row: editRow.data,
             instance: this
         });
-        this.triggerChange({ modified, noPristineChangeOnModified: modified && this.component.rowDrafts, isolateRow: true });
+        (_c = this.triggerChange) === null || _c === void 0 ? void 0 : _c.call(this, { modified, noPristineChangeOnModified: modified && this.component.rowDrafts, isolateRow: true });
         if (this.component.rowDrafts) {
             editRow.components.forEach(comp => comp.setPristine(this.pristine));
         }
@@ -882,6 +883,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return editRow;
     }
     removeRow(rowIndex, modified) {
+        var _a;
         if (this.options.readOnly) {
             return;
         }
@@ -896,7 +898,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         this.openWhenEmpty();
         this.updateRowsComponents(rowIndex);
         this.updateValue();
-        this.triggerChange({ modified, noPristineChangeOnModified: modified && this.component.rowDrafts, isolateRow: true });
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, { modified, noPristineChangeOnModified: modified && this.component.rowDrafts, isolateRow: true });
         this.checkValidity(null, true);
         this.checkData();
         this.redraw();
@@ -928,9 +930,9 @@ class EditGridComponent extends NestedArrayComponent_1.default {
             options.row = `${rowIndex}-${colIndex}`;
             options.rowIndex = rowIndex;
             options.onChange = (flags = {}, changed, modified) => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 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);
+                    (_d = (_c = changed.instance.root) === null || _c === void 0 ? void 0 : _c.triggerChange) === null || _d === void 0 ? void 0 : _d.call(_c, flags, changed, modified);
                 }
                 else if (!this.component.modal) {
                     this.triggerRootChange(flags, changed, modified);
@@ -1055,7 +1057,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         return true;
     }
     checkComponentValidity(data, dirty, row, options = {}, errors = []) {
-        var _a, _b;
+        var _a, _b, _c;
         const { silentCheck, fromSubmission } = options;
         const superValid = super.checkComponentValidity(data, dirty, row, options, errors);
         // If super tells us that component invalid and there is no need to update alerts, just return false
@@ -1105,7 +1107,7 @@ class EditGridComponent extends NestedArrayComponent_1.default {
         if (allRowErrors.length && ((_b = this.root) === null || _b === void 0 ? void 0 : _b.submitted) && !message) {
             this._errors = this.setCustomValidity(message, dirty);
             errors.push(...this._errors);
-            this.root.showErrors([message]);
+            (_c = this.root) === null || _c === void 0 ? void 0 : _c.showErrors([message]);
         }
         else {
             this._errors = this.setCustomValidity(message, dirty);

package/lib/cjs/components/file/File.js

@@ -398,13 +398,14 @@ class FileComponent extends Field_1.default {
         });
         this.refs.restoreFile.forEach((fileToRestore, index) => {
             this.addEventListener(fileToRestore, 'click', (event) => {
+                var _a;
                 event.preventDefault();
                 const fileInfo = this.filesToSync.filesToDelete[index];
                 delete fileInfo.status;
                 delete fileInfo.message;
                 this.filesToSync.filesToDelete.splice(index, 1);
                 this.dataValue.push(fileInfo);
-                this.triggerChange();
+                (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
                 this.redraw();
             });
         });
@@ -638,8 +639,9 @@ class FileComponent extends Field_1.default {
         };
     }
     handleSubmissionRevisions(file) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.root.form.submissionRevisions !== 'true') {
+            if (((_a = this.root) === null || _a === void 0 ? void 0 : _a.form.submissionRevisions) !== 'true') {
                 return '';
             }
             const bmf = new browser_md5_file_1.default();
@@ -719,10 +721,11 @@ class FileComponent extends Field_1.default {
         return this.validateFileSettings(file);
     }
     getGroupPermissions() {
+        var _a;
         let groupKey = null;
         let groupPermissions = null;
         //Iterate through form components to find group resource if one exists
-        this.root.everyComponent((element) => {
+        (_a = this.root) === null || _a === void 0 ? void 0 : _a.everyComponent((element) => {
             var _a, _b;
             if (((_a = element.component) === null || _a === void 0 ? void 0 : _a.submissionAccess) || ((_b = element.component) === null || _b === void 0 ? void 0 : _b.defaultPermission)) {
                 groupPermissions = !element.component.submissionAccess ? [
@@ -739,14 +742,15 @@ class FileComponent extends Field_1.default {
         return { groupKey, groupPermissions };
     }
     triggerFileProcessor(file) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
             let processedFile = null;
-            if (this.root.options.fileProcessor) {
+            if ((_a = this.root) === null || _a === void 0 ? void 0 : _a.options.fileProcessor) {
                 try {
                     if (this.refs.fileProcessingLoader) {
                         this.refs.fileProcessingLoader.style.display = 'block';
                     }
-                    const fileProcessorHandler = (0, fileProcessor_1.default)(this.fileService, this.root.options.fileProcessor);
+                    const fileProcessorHandler = (0, fileProcessor_1.default)(this.fileService, (_b = this.root) === null || _b === void 0 ? void 0 : _b.options.fileProcessor);
                     processedFile = yield fileProcessorHandler(file, this.component.properties);
                 }
                 catch (err) {
@@ -964,6 +968,7 @@ class FileComponent extends Field_1.default {
         });
     }
     syncFiles() {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             this.isSyncing = true;
             this.fileDropHidden = true;
@@ -983,7 +988,7 @@ class FileComponent extends Field_1.default {
                     .filter(file => { var _a; return ((_a = file.fileToSync) === null || _a === void 0 ? void 0 : _a.status) === 'success'; })
                     .map(file => file.fileInfo);
                 this.dataValue.push(...data);
-                this.triggerChange();
+                (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
                 return Promise.resolve();
             }
             catch (err) {

package/lib/cjs/components/file/editForm/File.edit.file.d.ts

@@ -17,6 +17,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -33,7 +34,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -47,6 +47,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -81,7 +82,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -94,6 +94,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -112,7 +113,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -124,6 +124,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -141,7 +142,6 @@ declare const _default: ({
                 var: string;
             })[];
             '==='?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -154,6 +154,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -175,7 +176,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -184,6 +184,7 @@ declare const _default: ({
     data?: undefined;
     tableView?: undefined;
     components?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -196,19 +197,35 @@ declare const _default: ({
     placeholder: string;
     tooltip: string;
     weight: number;
-    conditional: {
-        json: {
-            '!==': (string | {
-                var: string;
-            })[];
-            '==='?: undefined;
-            in?: undefined;
-            '=='?: undefined;
+    logic: {
+        name: string;
+        trigger: {
+            type: string;
+            simple: {
+                show: boolean;
+                conjunction: string;
+                conditions: {
+                    component: string;
+                    operator: string;
+                    value: string;
+                }[];
+            };
         };
-    };
+        actions: {
+            name: string;
+            type: string;
+            property: {
+                label: string;
+                value: string;
+                type: string;
+            };
+            text: string;
+        }[];
+    }[];
     valueProperty?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    conditional?: undefined;
     tableView?: undefined;
     components?: undefined;
     rows?: undefined;
@@ -235,6 +252,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -256,6 +274,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -273,7 +292,6 @@ declare const _default: ({
                 var: string;
             })[];
             in?: undefined;
-            '!=='?: undefined;
             '=='?: undefined;
         };
     };
@@ -286,6 +304,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -305,7 +324,6 @@ declare const _default: ({
             })[];
             '==='?: undefined;
             in?: undefined;
-            '!=='?: undefined;
         };
     };
     valueProperty?: undefined;
@@ -316,6 +334,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;
@@ -344,6 +363,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
 } | {
     type: string;
     input: boolean;
@@ -366,6 +386,7 @@ declare const _default: ({
     rows?: undefined;
     editor?: undefined;
     as?: undefined;
+    logic?: undefined;
     optionsLabelPosition?: undefined;
     inline?: undefined;
     defaultValue?: undefined;

package/lib/cjs/components/file/editForm/File.edit.file.js

@@ -152,8 +152,7 @@ exports.default = [
                     }, 'url']
             }
         }
-    },
-    {
+    }, {
         type: 'textfield',
         input: true,
         key: 'dir',
@@ -161,29 +160,83 @@ exports.default = [
         placeholder: '(optional) Enter a directory for the files',
         tooltip: 'This will place all the files uploaded in this field in the directory',
         weight: 20,
-        conditional: {
-            json: {
-                '!==': [{
-                        var: 'data.storage'
-                    }, 'googledrive']
-            }
-        }
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'dir',
-        label: 'Folder ID',
-        placeholder: '(optional) Enter an ID of the folder for the files',
-        tooltip: 'This will place all the files uploaded in this field in the folder',
-        weight: 20,
-        conditional: {
-            json: {
-                '===': [{
-                        var: 'data.storage'
-                    }, 'googledrive']
-            }
-        }
+        logic: [
+            {
+                name: 'Change To File ID',
+                trigger: {
+                    type: 'simple',
+                    simple: {
+                        show: true,
+                        conjunction: 'all',
+                        conditions: [
+                            {
+                                component: 'storage',
+                                operator: 'isEqual',
+                                value: 'googledrive',
+                            },
+                        ],
+                    },
+                },
+                actions: [
+                    {
+                        name: 'Change placeholder',
+                        type: 'property',
+                        property: {
+                            label: 'Placeholder',
+                            value: 'placeholder',
+                            type: 'string',
+                        },
+                        text: '(optional) Enter an ID of the folder for the files',
+                    }, {
+                        name: 'Change label',
+                        type: 'property',
+                        property: {
+                            label: 'Label',
+                            value: 'label',
+                            type: 'string',
+                        },
+                        text: 'Folder ID',
+                    },
+                ],
+            }, {
+                name: 'Change to Directory',
+                trigger: {
+                    type: 'simple',
+                    simple: {
+                        show: true,
+                        conjunction: 'all',
+                        conditions: [
+                            {
+                                component: 'storage',
+                                operator: 'isNotEqual',
+                                value: 'googledrive',
+                            },
+                        ],
+                    },
+                },
+                actions: [
+                    {
+                        name: 'Change placeholder',
+                        type: 'property',
+                        property: {
+                            label: 'Placeholder',
+                            value: 'placeholder',
+                            type: 'string',
+                        },
+                        text: '(optional) Enter a directory for the files',
+                    }, {
+                        name: 'Change label',
+                        type: 'property',
+                        property: {
+                            label: 'Label',
+                            value: 'label',
+                            type: 'string',
+                        },
+                        text: 'Directory',
+                    },
+                ],
+            },
+        ],
     },
     {
         type: 'textfield',

package/lib/cjs/components/form/Form.js

@@ -282,6 +282,7 @@ class FormComponent extends Component_1.default {
                 return Promise.resolve();
             }
             return this.subFormReady.then(() => {
+                var _a;
                 this.empty(element);
                 if (this.options.builder) {
                     this.setContent(element, this.ce('div', {
@@ -302,7 +303,7 @@ class FormComponent extends Component_1.default {
                 };
                 if (this.subForm) {
                     if (this.isNestedWizard) {
-                        element = this.root.element;
+                        element = (_a = this.root) === null || _a === void 0 ? void 0 : _a.element;
                     }
                     return this.subForm.attach(element).then(() => {
                         this.valueChanged = this.hasSetValue;
@@ -433,9 +434,10 @@ class FormComponent extends Component_1.default {
                 this.component.components = (_a = this.subForm._form) === null || _a === void 0 ? void 0 : _a.components;
                 this.component.display = (_b = this.subForm._form) === null || _b === void 0 ? void 0 : _b.display;
                 this.subForm.on('change', () => {
+                    var _a;
                     if (this.subForm && !this.shouldConditionallyClear()) {
                         this.dataValue = this.subForm.getValue();
-                        this.triggerChange({
+                        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, {
                             noEmit: true
                         });
                     }
@@ -546,7 +548,10 @@ class FormComponent extends Component_1.default {
      * @returns {*|boolean} - TRUE if the subform should be submitted, FALSE if it should not.
      */
     get shouldSubmit() {
-        return this.subFormReady && (!this.component.hasOwnProperty('reference') || this.component.reference) && !this.shouldConditionallyClear();
+        return (this.subFormReady &&
+            (!this.component.hasOwnProperty('reference') || this.component.reference) &&
+            !this.shouldConditionallyClear() &&
+            !(this.component.hidden && this.component.clearOnHide));
     }
     /**
      * Returns the data for the subform.
@@ -741,6 +746,7 @@ class FormComponent extends Component_1.default {
         return super.visible;
     }
     set visible(value) {
+        var _a;
         const isNestedWizard = this.isNestedWizard;
         if (this._visible !== value) {
             this._visible = value;
@@ -759,7 +765,7 @@ class FormComponent extends Component_1.default {
             isNestedWizard ? this.rebuild() : this.redraw();
         }
         if (!value && isNestedWizard) {
-            this.root.redraw();
+            (_a = this.root) === null || _a === void 0 ? void 0 : _a.redraw();
         }
     }
     get parentVisible() {

package/lib/cjs/components/radio/Radio.js

@@ -334,6 +334,7 @@ class RadioComponent extends ListComponent_1.default {
         this.redraw();
     }
     setItems(items) {
+        var _a;
         const listData = [];
         items === null || items === void 0 ? void 0 : items.forEach((item, i) => {
             const valueAtProperty = lodash_1.default.get(item, this.component.valueProperty);
@@ -348,7 +349,7 @@ class RadioComponent extends ListComponent_1.default {
             }
         });
         if (this.isSelectURL) {
-            const submission = this.root.submission;
+            const submission = (_a = this.root) === null || _a === void 0 ? void 0 : _a.submission;
             if (!submission.metadata) {
                 submission.metadata = {};
             }
@@ -380,6 +381,7 @@ class RadioComponent extends ListComponent_1.default {
         }
     }
     updateValue(value, flags) {
+        var _a;
         const changed = super.updateValue(value, flags);
         if (changed) {
             this.setSelectedClasses();
@@ -395,7 +397,7 @@ class RadioComponent extends ListComponent_1.default {
         const shouldResetValue = flags && flags.modified && !flags.noUpdateEvent && this.previousValue === this.currentValue;
         if (shouldResetValue) {
             this.resetValue();
-            this.triggerChange(flags);
+            (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this, flags);
             this.setSelectedClasses();
         }
         this.previousValue = this.dataValue;
@@ -407,6 +409,7 @@ class RadioComponent extends ListComponent_1.default {
      * @returns {*} - Returns the normalized value
      */
     normalizeValue(value) {
+        var _a;
         const dataType = this.component.dataType || 'auto';
         if (value === this.emptyValue) {
             return value;
@@ -439,7 +442,7 @@ class RadioComponent extends ListComponent_1.default {
                 break;
         }
         if (this.isSelectURL && this.templateData && this.templateData[value]) {
-            const submission = this.root.submission;
+            const submission = (_a = this.root) === null || _a === void 0 ? void 0 : _a.submission;
             if (!submission.metadata.selectData) {
                 submission.metadata.selectData = {};
             }

package/lib/cjs/components/recaptcha/ReCaptcha.js

@@ -47,12 +47,13 @@ class ReCaptchaComponent extends Component_1.default {
         }
     }
     createInput() {
+        var _a;
         if (this.builderMode) {
             // We need to see it in builder mode.
             this.append(this.text(this.name));
         }
         else {
-            const siteKey = (0, get_1.default)(this.root.form, 'settings.recaptcha.siteKey');
+            const siteKey = (0, get_1.default)((_a = this.root) === null || _a === void 0 ? void 0 : _a.form, 'settings.recaptcha.siteKey');
             if (siteKey) {
                 const recaptchaApiScriptUrl = `https://www.google.com/recaptcha/api.js?render=${siteKey}`;
                 this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
@@ -69,14 +70,15 @@ class ReCaptchaComponent extends Component_1.default {
         return true;
     }
     verify(actionName) {
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
-            const siteKey = (0, get_1.default)(this.root.form, 'settings.recaptcha.siteKey');
+            const siteKey = (0, get_1.default)((_a = this.root) === null || _a === void 0 ? void 0 : _a.form, 'settings.recaptcha.siteKey');
             if (!siteKey) {
                 console.warn('There is no Site Key specified in settings in form JSON');
                 return;
             }
             if (!this.recaptchaApiReady) {
-                const recaptchaApiScriptUrl = `https://www.google.com/recaptcha/api.js?render=${(0, get_1.default)(this.root.form, 'settings.recaptcha.siteKey')}`;
+                const recaptchaApiScriptUrl = `https://www.google.com/recaptcha/api.js?render=${(0, get_1.default)((_b = this.root) === null || _b === void 0 ? void 0 : _b.form, 'settings.recaptcha.siteKey')}`;
                 this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
             }
             try {

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

@@ -226,7 +226,14 @@ class SelectComponent extends ListComponent_1.default {
         return this.component.dataSrc === 'resource' && this.valueProperty === 'data';
     }
     selectValueAndLabel(data) {
-        const value = this.getOptionValue((this.isEntireObjectDisplay() && !this.itemValue(data)) ? data : this.itemValue(data));
+        let value;
+        // If the select is a resource reference, use the actual object value
+        if (this.component.reference && this.isSelectResource) {
+            value = this.getOptionValue(data);
+        }
+        else {
+            value = this.getOptionValue(this.isEntireObjectDisplay() && !this.itemValue(data) ? data : this.itemValue(data));
+        }
         return {
             value,
             label: this.itemTemplate((this.isEntireObjectDisplay() && !lodash_1.default.isObject(data.data)) ? { data: data } : data, value)
@@ -265,6 +272,10 @@ class SelectComponent extends ListComponent_1.default {
                 else {
                     data = selectData;
                 }
+                // use template data for reference fields to make sure the data is updated
+                if (this.component.reference && this.templateData[templateValue]) {
+                    data = this.templateData[templateValue];
+                }
             }
         }
         if (typeof data === 'string' || typeof data === 'number') {

package/lib/cjs/components/selectboxes/SelectBoxes.js

@@ -116,6 +116,7 @@ class SelectBoxesComponent extends Radio_1.default {
      * @returns {*} - The normalized value
      */
     normalizeValue(value) {
+        var _a;
         value = value || {};
         if (typeof value !== 'object') {
             if (typeof value === 'string') {
@@ -133,8 +134,10 @@ class SelectBoxesComponent extends Radio_1.default {
             });
         }
         const checkedValues = lodash_1.default.keys(lodash_1.default.pickBy(value, (val) => val));
-        if (this.isSelectURL && this.templateData && lodash_1.default.every(checkedValues, (val) => this.templateData[val])) {
-            const submission = this.root.submission;
+        if (this.isSelectURL &&
+            this.templateData &&
+            lodash_1.default.every(checkedValues, (val) => this.templateData[val])) {
+            const submission = (_a = this.root) === null || _a === void 0 ? void 0 : _a.submission;
             if (!submission.metadata.selectData) {
                 submission.metadata.selectData = {};
             }

package/lib/cjs/components/signature/Signature.js

@@ -82,6 +82,7 @@ class SignatureComponent extends Input_1.default {
         return this.component.hideLabel;
     }
     setValue(value, flags = {}) {
+        var _a;
         const changed = super.setValue(value, flags);
         if (this.refs.signatureImage && (this.options.readOnly || this.disabled)) {
             this.refs.signatureImage.setAttribute('src', value);
@@ -92,7 +93,7 @@ class SignatureComponent extends Input_1.default {
                 this.signaturePad.clear();
             }
             else if (changed) {
-                this.triggerChange();
+                (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
             }
         }
         if (this.signaturePad && this.dataValue && this.signaturePad.isEmpty()) {