@formio/js 5.4.2 → 5.4.4-api99.0

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

@@ -20,7 +20,7 @@
 
 /*! @license DOMPurify 3.4.11 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.11/LICENSE */
 
-/*! formiojs v5.4.2 | https://unpkg.com/formiojs@5.4.2/LICENSE.txt */
+/*! formiojs v5.4.4-api99.0 | https://unpkg.com/formiojs@5.4.4-api99.0/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

@@ -558,7 +558,7 @@ class Element {
     interpolate(string, data, options = {}) {
         if (typeof string !== 'function' &&
             (this.component.content || this.component.html) &&
-            !utils_1.default.Evaluator.templateSettings.interpolate.test(string)) {
+            !(new RegExp(utils_1.default.Evaluator.templateSettings.interpolate)).test(string)) {
             string = utils_1.default.translateHTMLTemplate(String(string), (value) => this.t(value));
         }
         if (this.component.filter === string && !this.options.building) {

package/lib/cjs/Embed.js

@@ -500,7 +500,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.4.2';
+Formio.version = '5.4.4-api99.0';
 // 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.4.2';
+sdk_1.Formio.version = '5.4.4-api99.0';
 CDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/cjs/Wizard.d.ts

@@ -84,6 +84,7 @@ declare class Wizard extends Webform {
     get currentPage(): any;
     getNextPage(): number | null;
     getPreviousPage(): number;
+    renderTemplate(...args: any[]): any;
     mergeDefaultsFromSchema(data: any): void;
     beforeSubmit(): Promise<any[]>;
     beforePage(next: any): Promise<any>;

package/lib/cjs/Wizard.js

@@ -678,6 +678,21 @@ class Wizard extends Webform_1.default {
     getPreviousPage() {
         return this.page - 1;
     }
+    renderTemplate(...args) {
+        if (args[0] === 'errorsList' && lodash_1.default.isPlainObject(args[1])) {
+            const pages = this.getPages({ all: true });
+            const errors = args[1].errors;
+            if (lodash_1.default.isArray(errors)) {
+                lodash_1.default.forEach(errors, (compWithError) => {
+                    const pageNum = lodash_1.default.findIndex(pages, (page) => page.getComponent(compWithError.keyOrPath));
+                    if (pageNum >= 0) {
+                        compWithError.errorPageTitle = lodash_1.default.get(pages[pageNum], 'component.title');
+                    }
+                });
+            }
+        }
+        return super.renderTemplate(...args);
+    }
     mergeDefaultsFromSchema(data) {
         var _a, _b;
         const components = (_a = this.form) === null || _a === void 0 ? void 0 : _a.components;

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

@@ -452,6 +452,7 @@ class DataGridComponent extends NestedArrayComponent_1.default {
     }
     removeRow(index) {
         const makeEmpty = index === 0 && this.rows.length === 1;
+        const wasLastRow = index === this.rows.length - 1;
         const flags = {
             isReordered: !makeEmpty,
             resetValue: makeEmpty,
@@ -466,6 +467,13 @@ class DataGridComponent extends NestedArrayComponent_1.default {
         this.updateRowsComponents(index);
         this.setValue(this.dataValue, flags);
         this.redraw().then(() => {
+            var _a, _b;
+            if (wasLastRow && (!makeEmpty || this.initEmpty)) {
+                (_b = (_a = this.refs[`${this.datagridKey}-addRow`]) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+            else {
+                this.focusOnNewRowElement(this.rows[index]);
+            }
             this.announce(this.t('Row has been deleted'));
         });
     }

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

@@ -56,6 +56,7 @@ class FileComponent extends Field_1.default {
             fileMinSize: '0KB',
             fileMaxSize: '1GB',
             uploadOnly: false,
+            options: {},
         }, ...extend);
     }
     static get builderInfo() {
@@ -120,7 +121,7 @@ class FileComponent extends Field_1.default {
         return [];
     }
     getValueAsString(value, options) {
-        if ((options === null || options === void 0 ? void 0 : options.review) && !this.component.uploadOnly) {
+        if ((options === null || options === void 0 ? void 0 : options.review) && !this.component.uploadOnly && !(options === null || options === void 0 ? void 0 : options.pdf)) {
             return lodash_1.default.map(value, (val, index) => {
                 return `<a href="${val.url || '#'}" target="_blank" data-path='${this.path}' data-fileindex='${index}'>${val.originalName}</a>`;
             }).join(', ');
@@ -635,7 +636,9 @@ class FileComponent extends Field_1.default {
             originalName: escapedFileName,
             fileKey: this.component.fileKey || 'file',
             storage: this.component.storage,
-            options: this.component.options,
+            options: this.component.storage === 'url'
+                ? (this.component.urlRequestOptions || this.component.options)
+                : this.component.options,
             file,
             size: file.size,
             status: 'info',
@@ -868,7 +871,9 @@ class FileComponent extends Field_1.default {
     }
     deleteFile(fileInfo) {
         return __awaiter(this, void 0, void 0, function* () {
-            const { options = {} } = this.component;
+            const options = this.component.storage === 'url'
+                ? (this.component.urlRequestOptions || this.component.options || {})
+                : (this.component.options || {});
             if (fileInfo &&
                 ['url', 'indexeddb', 's3', 'azure', 'googledrive'].includes(this.component.storage)) {
                 const { fileService } = this;
@@ -997,7 +1002,7 @@ class FileComponent extends Field_1.default {
                             ? response
                             : response.type === 'abort'
                                 ? this.t('requestAborted')
-                                : response.toString();
+                                : response.message || response.toString();
                     this.emit('fileUploadingEnd', Promise.reject(response));
                     this.emit(lodash_1.default.get(response, 'type') === 'abort' ? 'fileUploadCanceled' : 'fileUploadError', {
                         fileToSync,
@@ -1065,7 +1070,9 @@ class FileComponent extends Field_1.default {
         });
     }
     getFile(fileInfo) {
-        const { options = {} } = this.component;
+        const options = this.component.storage === 'url'
+            ? (this.component.urlRequestOptions || this.component.options || {})
+            : (this.component.options || {});
         const { fileService } = this;
         if (!fileService) {
             return alert(this.t('noFileService'));

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

@@ -131,11 +131,10 @@ declare const _default: ({
     values?: undefined;
 } | {
     type: string;
-    input: boolean;
     key: string;
     label: string;
     weight: number;
-    placeholder: string;
+    input: boolean;
     conditional: {
         json: {
             in: (string[] | {
@@ -145,12 +144,19 @@ declare const _default: ({
             '=='?: undefined;
         };
     };
+    components: {
+        type: string;
+        input: boolean;
+        key: string;
+        label: string;
+        placeholder: string;
+    }[];
+    placeholder?: undefined;
     tooltip?: undefined;
     valueProperty?: undefined;
     dataSrc?: undefined;
     data?: undefined;
     tableView?: undefined;
-    components?: undefined;
     rows?: undefined;
     editor?: undefined;
     as?: undefined;

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

@@ -84,30 +84,11 @@ exports.default = [
         },
     },
     {
-        type: 'textfield',
-        input: true,
-        key: 'options.indexeddb',
-        label: 'Database',
+        type: 'container',
+        key: 'options',
+        label: 'IndexedDB options',
         weight: 10,
-        placeholder: 'Enter the indexeddb database name',
-        conditional: {
-            json: {
-                in: [
-                    {
-                        var: 'data.storage',
-                    },
-                    ['indexeddb'],
-                ],
-            },
-        },
-    },
-    {
-        type: 'textfield',
         input: true,
-        label: 'Table',
-        key: 'options.indexeddbTable',
-        weight: 10,
-        placeholder: 'Enter the name for indexeddb table',
         conditional: {
             json: {
                 in: [
@@ -118,10 +99,26 @@ exports.default = [
                 ],
             },
         },
+        components: [
+            {
+                type: 'textfield',
+                input: true,
+                key: 'indexeddb',
+                label: 'Database',
+                placeholder: 'Enter the indexeddb database name',
+            },
+            {
+                type: 'textfield',
+                input: true,
+                key: 'indexeddbTable',
+                label: 'Table',
+                placeholder: 'Enter the name for indexeddb table',
+            },
+        ],
     },
     {
         type: 'textarea',
-        key: 'options',
+        key: 'urlRequestOptions',
         label: 'Custom request options',
         tooltip: 'Pass your custom xhr options(optional)',
         rows: 5,

package/lib/cjs/components/html/HTML.d.ts

@@ -12,7 +12,7 @@ export default class HTMLComponent extends Component {
     get content(): any;
     get singleTags(): string[];
     checkRefreshOn(changed: any): void;
-    renderContent(): any;
+    renderContent(content?: any): any;
     render(): string;
     get dataReady(): any;
     attach(element: any): Promise<void>;

package/lib/cjs/components/html/HTML.js

@@ -71,7 +71,7 @@ class HTMLComponent extends Component_1.default {
             this.setContent(this.element, this.renderContent());
         }
     }
-    renderContent() {
+    renderContent(content = this.content) {
         const submission = lodash_1.default.get(this.root, 'submission', {});
         return this.renderTemplate('html', {
             component: this.component,
@@ -87,12 +87,12 @@ class HTMLComponent extends Component_1.default {
                     }),
                 };
             }),
-            content: this.content,
+            content,
             singleTags: this.singleTags,
         });
     }
     render() {
-        return super.render(this.renderContent());
+        return super.render(this.renderContent(''));
     }
     get dataReady() {
         var _a;
@@ -100,11 +100,13 @@ class HTMLComponent extends Component_1.default {
     }
     attach(element) {
         this.loadRefs(element, { html: 'single' });
-        this.dataReady.then(() => {
+        const setHtmlContent = () => {
             if (this.refs.html) {
                 this.setContent(this.refs.html, this.content);
             }
-        });
+        };
+        setHtmlContent();
+        this.dataReady.then(setHtmlContent);
         return super.attach(element);
     }
 }

package/lib/cjs/components/number/Number.js

@@ -188,7 +188,11 @@ class NumberComponent extends Input_1.default {
             return null;
         }
         const val = this.refs.input[index].value;
-        return val && val !== '-_' ? this.parseNumber(val) : null;
+        const result = val && val !== '-_' ? this.parseNumber(val) : null;
+        if (lodash_1.default.isNaN(result)) {
+            return null;
+        }
+        return result;
     }
     setValueAt(index, value, flags = {}) {
         return super.setValueAt(index, this.formatValue(this.parseValue(value)), flags);

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

@@ -344,6 +344,16 @@ class RadioComponent extends ListComponent_1.default {
     setItems(items) {
         var _a;
         const listData = [];
+        // If the items is a string, then parse as JSON.
+        if (typeof items == 'string') {
+            try {
+                items = JSON.parse(items);
+            }
+            catch (err) {
+                console.warn(err.message);
+                items = [];
+            }
+        }
         items === null || items === void 0 ? void 0 : items.forEach((item, i) => {
             const valueAtProperty = lodash_1.default.get(item, this.component.valueProperty);
             this.loadedOptions[i] = {

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

@@ -44,23 +44,25 @@ class SignatureComponent extends Input_1.default {
         return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.string];
     }
     init() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         super.init();
         this.currentWidth = 0;
         this.scale = 1;
-        if (!this.component.width) {
-            this.component.width = '100%';
-        }
-        if (!this.component.height) {
-            this.component.height = '200px';
-        }
-        if (this.component.keepOverlayRatio &&
-            this.options.pdf &&
-            ((_a = this.component.overlay) === null || _a === void 0 ? void 0 : _a.width) &&
-            ((_b = this.component.overlay) === null || _b === void 0 ? void 0 : _b.height)) {
-            this.ratio = ((_c = this.component.overlay) === null || _c === void 0 ? void 0 : _c.width) / ((_d = this.component.overlay) === null || _d === void 0 ? void 0 : _d.height);
-            this.component.width = '100%';
-            this.component.height = 'auto';
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.inFormBuilder) {
+            if (!this.component.width) {
+                this.component.width = '100%';
+            }
+            if (!this.component.height) {
+                this.component.height = '200px';
+            }
+            if (this.component.keepOverlayRatio &&
+                this.options.pdf &&
+                ((_b = this.component.overlay) === null || _b === void 0 ? void 0 : _b.width) &&
+                ((_c = this.component.overlay) === null || _c === void 0 ? void 0 : _c.height)) {
+                this.ratio = ((_d = this.component.overlay) === null || _d === void 0 ? void 0 : _d.width) / ((_e = this.component.overlay) === null || _e === void 0 ? void 0 : _e.height);
+                this.component.width = '100%';
+                this.component.height = 'auto';
+            }
         }
     }
     get emptyValue() {

package/lib/cjs/components/signature/editForm/Signature.edit.display.d.ts

@@ -6,7 +6,7 @@ declare const _default: ({
     tooltip: string;
     placeholder: string;
     weight: number;
-    conditional?: undefined;
+    customConditional?: undefined;
     ignore?: undefined;
 } | {
     type: string;
@@ -15,13 +15,7 @@ declare const _default: ({
     label: string;
     tooltip: string;
     placeholder: string;
-    conditional: {
-        json: {
-            '!': {
-                var: string;
-            }[];
-        };
-    };
+    customConditional: (context: any) => boolean;
     weight: number;
     ignore?: undefined;
 } | {
@@ -32,7 +26,7 @@ declare const _default: ({
     key: string;
     input: boolean;
     placeholder?: undefined;
-    conditional?: undefined;
+    customConditional?: undefined;
     ignore?: undefined;
 } | {
     key: string;
@@ -43,6 +37,6 @@ declare const _default: ({
     tooltip?: undefined;
     placeholder?: undefined;
     weight?: undefined;
-    conditional?: undefined;
+    customConditional?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/signature/editForm/Signature.edit.display.js

@@ -17,10 +17,10 @@ exports.default = [
         label: 'Width',
         tooltip: 'The width of the signature area.',
         placeholder: 'Width',
-        conditional: {
-            json: {
-                '!': [{ var: 'data.keepOverlayRatio' }],
-            },
+        customConditional: (context) => {
+            var _a, _b, _c;
+            const isPdf = ((_b = (_a = context.options) === null || _a === void 0 ? void 0 : _a.editForm) === null || _b === void 0 ? void 0 : _b.display) === 'pdf';
+            return isPdf ? !((_c = context.data) === null || _c === void 0 ? void 0 : _c.keepOverlayRatio) : true;
         },
         weight: 50,
     },
@@ -31,10 +31,10 @@ exports.default = [
         label: 'Height',
         tooltip: 'The height of the signature area.',
         placeholder: 'Height',
-        conditional: {
-            json: {
-                '!': [{ var: 'data.keepOverlayRatio' }],
-            },
+        customConditional: (context) => {
+            var _a, _b, _c;
+            const isPdf = ((_b = (_a = context.options) === null || _a === void 0 ? void 0 : _a.editForm) === null || _b === void 0 ? void 0 : _b.display) === 'pdf';
+            return isPdf ? !((_c = context.data) === null || _c === void 0 ? void 0 : _c.keepOverlayRatio) : true;
         },
         weight: 51,
     },

package/lib/cjs/package.json

@@ -1,4 +1,4 @@
 {
     "type": "commonjs",
-    "version": "5.4.2"
+    "version": "5.4.4-api99.0"
 }

package/lib/cjs/providers/storage/indexeddb.js

@@ -63,21 +63,30 @@ function indexeddb() {
             });
         },
         downloadFile(file, options) {
+            const opts = (options === null || options === void 0 ? void 0 : options.options) || options || {};
+            const dbName = opts.indexeddb;
+            const tableName = opts.indexeddbTable;
+            if (!dbName || !tableName) {
+                return Promise.reject(new Error('IndexedDB storage options (indexeddb, indexeddbTable) are required for download'));
+            }
             return new Promise((resolve) => {
-                const request = indexedDB.open(options.indexeddb);
+                const request = indexedDB.open(dbName);
                 request.onsuccess = function (event) {
                     const db = event.target.result;
                     resolve(db);
                 };
             }).then((db) => {
                 return new Promise((resolve, reject) => {
-                    const trans = db.transaction([options.indexeddbTable], 'readonly');
-                    const store = trans.objectStore(options.indexeddbTable).get(file.id);
+                    const trans = db.transaction(tableName, 'readonly');
+                    const store = trans.objectStore(tableName).get(file.id);
                     store.onsuccess = () => {
                         trans.oncomplete = () => {
                             const result = store.result;
-                            const dbFile = new File([store.result.data], file.name, {
-                                type: store.result.type,
+                            if (!result || !result.data) {
+                                return reject(new Error('File not found in IndexedDB'));
+                            }
+                            const dbFile = new File([result.data], file.name, {
+                                type: result.type,
                             });
                             const reader = new FileReader();
                             reader.onload = (event) => {

package/lib/cjs/providers/storage/url.js

@@ -66,8 +66,19 @@ function url(formio) {
                     reject(xhr.response || 'Unable to upload file');
                 }
             };
-            xhr.onerror = () => reject(xhr);
-            xhr.onabort = () => reject(xhr);
+            xhr.onerror = () => {
+                xhr.message =
+                    xhr.status >= 400
+                        ? `${xhr.status} ${xhr.statusText || ''}`.trim()
+                        : xhr.statusText && xhr.statusText.trim()
+                            ? xhr.statusText.trim()
+                            : 'Unable to upload file';
+                return reject(xhr);
+            };
+            xhr.onabort = () => {
+                xhr.type = 'abort';
+                return reject(xhr);
+            };
             let requestUrl = url + (url.indexOf('?') > -1 ? '&' : '?');
             for (const key in query) {
                 requestUrl += `${key}=${query[key]}&`;

package/lib/cjs/providers/storage/xhr.js

@@ -41,7 +41,7 @@ const XHR = {
     },
     upload(formio, type, xhrCallback, file, fileName, dir, progressCallback, groupPermissions, groupId, abortCallback, multipartOptions) {
         return __awaiter(this, void 0, void 0, function* () {
-            // Use makeRequest so portal plugins (e.g. x-remote-token) are applied.
+            // Use makeRequest so portal plugins (e.g. x-remote-token) are applied. GOTCHA(G-FJS05)
             let serverResponse;
             try {
                 serverResponse = yield formio.makeRequest('file', `${formio.formUrl}/storage/${type}`, 'POST', {

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

@@ -43,6 +43,7 @@ declare namespace _default {
         iconClass: (iconset: "fa" | "bi", name: string, spinning: boolean) => string;
         cssClasses: {
             'border-default': string;
+            'sr-only': string;
             'formio-tab-panel-active': string;
             'formio-tab-link-active': string;
             'formio-tab-link-container-active': string;

package/lib/mjs/Element.js

@@ -546,7 +546,7 @@ export default class Element {
     interpolate(string, data, options = {}) {
         if (typeof string !== 'function' &&
             (this.component.content || this.component.html) &&
-            !FormioUtils.Evaluator.templateSettings.interpolate.test(string)) {
+            !(new RegExp(FormioUtils.Evaluator.templateSettings.interpolate)).test(string)) {
             string = FormioUtils.translateHTMLTemplate(String(string), (value) => this.t(value));
         }
         if (this.component.filter === string && !this.options.building) {

package/lib/mjs/Embed.js

@@ -14,7 +14,7 @@ export class Formio {
         Formio._formioReady = ready;
         Formio._formioReadyReject = reject;
     });
-    static version = '5.4.2';
+    static version = '5.4.4-api99.0';
     static setLicense(license, norecurse = false) {
         Formio.license = license;
         if (!norecurse && Formio.FormioClass) {

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.4.2';
+FormioCore.version = '5.4.4-api99.0';
 CDN.defaultCDN = FormioCore.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/mjs/Wizard.d.ts

@@ -84,6 +84,7 @@ declare class Wizard extends Webform {
     get currentPage(): any;
     getNextPage(): number | null;
     getPreviousPage(): number;
+    renderTemplate(...args: any[]): any;
     mergeDefaultsFromSchema(data: any): void;
     beforeSubmit(): Promise<any[]>;
     beforePage(next: any): Promise<any>;

package/lib/mjs/Wizard.js

@@ -664,6 +664,21 @@ export default class Wizard extends Webform {
     getPreviousPage() {
         return this.page - 1;
     }
+    renderTemplate(...args) {
+        if (args[0] === 'errorsList' && _.isPlainObject(args[1])) {
+            const pages = this.getPages({ all: true });
+            const errors = args[1].errors;
+            if (_.isArray(errors)) {
+                _.forEach(errors, (compWithError) => {
+                    const pageNum = _.findIndex(pages, (page) => page.getComponent(compWithError.keyOrPath));
+                    if (pageNum >= 0) {
+                        compWithError.errorPageTitle = _.get(pages[pageNum], 'component.title');
+                    }
+                });
+            }
+        }
+        return super.renderTemplate(...args);
+    }
     mergeDefaultsFromSchema(data) {
         const components = this.form?.components;
         if (!components || !data || this.options?.readOnly) {

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

@@ -446,6 +446,7 @@ export default class DataGridComponent extends NestedArrayComponent {
     }
     removeRow(index) {
         const makeEmpty = index === 0 && this.rows.length === 1;
+        const wasLastRow = index === this.rows.length - 1;
         const flags = {
             isReordered: !makeEmpty,
             resetValue: makeEmpty,
@@ -460,6 +461,12 @@ export default class DataGridComponent extends NestedArrayComponent {
         this.updateRowsComponents(index);
         this.setValue(this.dataValue, flags);
         this.redraw().then(() => {
+            if (wasLastRow && (!makeEmpty || this.initEmpty)) {
+                this.refs[`${this.datagridKey}-addRow`]?.[0]?.focus();
+            }
+            else {
+                this.focusOnNewRowElement(this.rows[index]);
+            }
             this.announce(this.t('Row has been deleted'));
         });
     }