@formio/js 5.1.0-dev.6077.da375cd → 5.1.0-dev.6079.1fdf7d9

package/dist/formio.form.js

@@ -4996,7 +4996,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Field_1 = __importDefault(__webpack_require__(/*! ../field/Field */ \"./lib/cjs/components/_classes/field/Field.js\"));\nconst Formio_1 = __webpack_require__(/*! ../../../Formio */ \"./lib/cjs/Formio.js\");\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst utils_1 = __webpack_require__(/*! ../../../utils/utils */ \"./lib/cjs/utils/utils.js\");\nclass ListComponent extends Field_1.default {\n    static schema(...extend) {\n        return Field_1.default.schema({\n            dataSrc: 'values',\n            authenticate: false,\n            ignoreCache: false,\n            template: '<span>{{ item.label }}</span>',\n            validate: {\n                onlyAvailableItems: false\n            },\n        }, ...extend);\n    }\n    get isSelectURL() {\n        return this.component.dataSrc === 'url';\n    }\n    get selectData() {\n        const selectData = lodash_1.default.get(this.root, 'submission.metadata.selectData', {});\n        return lodash_1.default.get(selectData, this.path);\n    }\n    get dataReady() {\n        // If the root submission has been set, and we are still not attached, then assume\n        // that our data is ready.\n        if (this.root &&\n            this.root.submissionSet &&\n            !this.attached) {\n            return Promise.resolve();\n        }\n        return this.itemsLoaded;\n    }\n    get shouldLoad() {\n        if (this.loadingError) {\n            return false;\n        }\n        // Live forms should always load.\n        if (!this.options.readOnly) {\n            return true;\n        }\n        // If there are template keys, then we need to see if we have the data.\n        if (this.templateKeys && this.templateKeys.length) {\n            // See if we already have the data we need.\n            const dataValue = this.dataValue;\n            const selectData = this.selectData;\n            return this.templateKeys.reduce((shouldLoad, key) => {\n                const hasValue = lodash_1.default.has(dataValue, key) ||\n                    (lodash_1.default.isArray(selectData) ? selectData.every((data) => lodash_1.default.has(data, key)) : lodash_1.default.has(selectData, key));\n                return shouldLoad || !hasValue;\n            }, false);\n        }\n        // Return that we should load.\n        return true;\n    }\n    getTemplateKeys() {\n        const template = this.component.template;\n        this.templateKeys = this.options.readOnly && template\n            ? (0, utils_1.getItemTemplateKeys)(template)\n            : [];\n    }\n    get requestHeaders() {\n        // Create the headers object.\n        const headers = new Formio_1.Formio.Headers();\n        // Add custom headers to the url.\n        if (this.component.data && this.component.data.headers) {\n            try {\n                lodash_1.default.each(this.component.data.headers, (header) => {\n                    if (header.key) {\n                        headers.set(header.key, this.interpolate(header.value));\n                    }\n                });\n            }\n            catch (err) {\n                console.warn(err.message);\n            }\n        }\n        return headers;\n    }\n    // Must be implemented in child classes.\n    setItems() { }\n    updateCustomItems() { }\n    loadItems() { }\n    getOptionTemplate(data, value, index) {\n        if (!this.component.template) {\n            return data.label;\n        }\n        const options = {\n            noeval: true,\n            data: {}\n        };\n        const template = this.sanitize(this.component.template\n            ? this.interpolate(this.component.template, { item: data }, options)\n            : data.label, this.shouldSanitizeValue);\n        const templateValue = this.component.reference && (value === null || value === void 0 ? void 0 : value._id) ? value._id.toString() : value;\n        if (templateValue && !lodash_1.default.isObject(templateValue) && options.data.item) {\n            // If the value is not an object, then we need to save the template data off for when it is selected.\n            this.templateData[templateValue] = options.data.item;\n        }\n        if (lodash_1.default.isNumber(index)) {\n            this.templateData[index] = options.data.item;\n        }\n        return template;\n    }\n    itemTemplate(data, value, index) {\n        if (lodash_1.default.isEmpty(data)) {\n            return '';\n        }\n        const template = this.sanitize(this.getOptionTemplate(data, value, index), this.shouldSanitizeValue);\n        if (template) {\n            const label = template.replace(/<\\/?[^>]+(>|$)/g, '');\n            if (!label)\n                return;\n            return template.replace(label, this.t(label, { _userInput: true }));\n        }\n        else {\n            return this.sanitize(JSON.stringify(data), this.shouldSanitizeValue);\n        }\n    }\n    get itemsLoaded() {\n        return this._itemsLoaded || Promise.resolve();\n    }\n    set itemsLoaded(promise) {\n        this._itemsLoaded = promise;\n    }\n    handleLoadingError(err) {\n        this.loading = false;\n        if (err.networkError) {\n            this.networkError = true;\n        }\n        this.itemsLoadedResolve();\n        this.emit('componentError', {\n            component: this.component,\n            message: err.toString(),\n        });\n        console.warn(this.t('loadResourcesError', { componentKey: this.key }));\n    }\n    /* eslint-disable max-statements */\n    updateItems(searchInput, forceUpdate) {\n        if (!this.component.data) {\n            console.warn(this.t('noSelectDataConfiguration', { componentKey: this.key }));\n            this.itemsLoadedResolve();\n            return;\n        }\n        // Only load the data if it is visible.\n        if (!this.visible) {\n            this.itemsLoadedResolve();\n            return;\n        }\n        switch (this.component.dataSrc) {\n            case 'values':\n                this.setItems(this.component.data.values);\n                break;\n            case 'json':\n                this.setItems(this.component.data.json);\n                break;\n            case 'custom':\n                this.updateCustomItems(forceUpdate);\n                break;\n            case 'resource': {\n                // If there is no resource, or we are lazyLoading, wait until active.\n                if (!this.component.data.resource || (!forceUpdate && !this.active)) {\n                    this.itemsLoadedResolve();\n                    return;\n                }\n                let resourceUrl = this.options.formio ? this.options.formio.formsUrl : `${Formio_1.Formio.getProjectUrl()}/form`;\n                resourceUrl += (`/${this.component.data.resource}/submission`);\n                if (forceUpdate || this.additionalResourcesAvailable || !this.serverCount) {\n                    try {\n                        this.loadItems(resourceUrl, searchInput, this.requestHeaders);\n                    }\n                    catch (err) {\n                        console.warn(this.t('loadResourcesError', { componentKey: this.key }));\n                    }\n                }\n                else {\n                    this.setItems(this.downloadedResources);\n                }\n                break;\n            }\n            case 'url': {\n                if (!forceUpdate && !this.active && !this.calculatedValue && this.component.type === 'select') {\n                    // If we are lazyLoading, wait until activated.\n                    this.itemsLoadedResolve();\n                    return;\n                }\n                let { url } = this.component.data;\n                url = lodash_1.default.trim(url);\n                let method;\n                let body;\n                if (url.startsWith('/')) {\n                    // if URL starts with '/project', we should use base URL to avoid issues with URL formed like <base_url>/<project_name>/project/<project_id>/...\n                    const baseUrl = url.startsWith('/project') ? Formio_1.Formio.getBaseUrl() : Formio_1.Formio.getProjectUrl() || Formio_1.Formio.getBaseUrl();\n                    url = baseUrl + url;\n                }\n                if (!this.component.data.method) {\n                    method = 'GET';\n                }\n                else {\n                    method = this.component.data.method;\n                    if (method.toUpperCase() === 'POST') {\n                        body = this.component.data.body;\n                    }\n                    else {\n                        body = null;\n                    }\n                }\n                const options = this.component.authenticate ? {} : { noToken: true };\n                this.loadItems(url, searchInput, this.requestHeaders, options, method, body);\n                break;\n            }\n            case 'indexeddb': {\n                if (typeof window === 'undefined') {\n                    return;\n                }\n                if (!window.indexedDB) {\n                    window.alert(this.t('indexedDBSupportError'));\n                }\n                if (this.component.indexeddb && this.component.indexeddb.database && this.component.indexeddb.table) {\n                    const request = window.indexedDB.open(this.component.indexeddb.database);\n                    request.onupgradeneeded = (event) => {\n                        if (this.component.customOptions) {\n                            const db = event.target.result;\n                            const objectStore = db.createObjectStore(this.component.indexeddb.table, { keyPath: 'myKey', autoIncrement: true });\n                            objectStore.transaction.oncomplete = () => {\n                                const transaction = db.transaction(this.component.indexeddb.table, 'readwrite');\n                                this.component.customOptions.forEach((item) => {\n                                    transaction.objectStore(this.component.indexeddb.table).put(item);\n                                });\n                            };\n                        }\n                    };\n                    request.onerror = () => {\n                        window.alert(request.errorCode);\n                    };\n                    request.onsuccess = (event) => {\n                        const db = event.target.result;\n                        const transaction = db.transaction(this.component.indexeddb.table, 'readwrite');\n                        const objectStore = transaction.objectStore(this.component.indexeddb.table);\n                        new Promise((resolve) => {\n                            const responseItems = [];\n                            objectStore.getAll().onsuccess = (event) => {\n                                event.target.result.forEach((item) => {\n                                    responseItems.push(item);\n                                });\n                                resolve(responseItems);\n                            };\n                        }).then((items) => {\n                            if (!lodash_1.default.isEmpty(this.component.indexeddb.filter)) {\n                                items = lodash_1.default.filter(items, this.component.indexeddb.filter);\n                            }\n                            this.setItems(items);\n                        });\n                    };\n                }\n            }\n        }\n    }\n}\nexports[\"default\"] = ListComponent;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/_classes/list/ListComponent.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Field_1 = __importDefault(__webpack_require__(/*! ../field/Field */ \"./lib/cjs/components/_classes/field/Field.js\"));\nconst Formio_1 = __webpack_require__(/*! ../../../Formio */ \"./lib/cjs/Formio.js\");\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst utils_1 = __webpack_require__(/*! ../../../utils/utils */ \"./lib/cjs/utils/utils.js\");\nclass ListComponent extends Field_1.default {\n    static schema(...extend) {\n        return Field_1.default.schema({\n            dataSrc: 'values',\n            authenticate: false,\n            ignoreCache: false,\n            template: '<span>{{ item.label }}</span>',\n            validate: {\n                onlyAvailableItems: false\n            },\n        }, ...extend);\n    }\n    get isSelectURL() {\n        return this.component.dataSrc === 'url';\n    }\n    get selectData() {\n        const selectData = lodash_1.default.get(this.root, 'submission.metadata.selectData', {});\n        return lodash_1.default.get(selectData, this.path);\n    }\n    get dataReady() {\n        // If the root submission has been set, and we are still not attached, then assume\n        // that our data is ready.\n        if ((this.root &&\n            this.root.submissionSet &&\n            !this.attached) || !this.visible) {\n            return Promise.resolve();\n        }\n        return this.itemsLoaded;\n    }\n    get shouldLoad() {\n        if (this.loadingError) {\n            return false;\n        }\n        // Live forms should always load.\n        if (!this.options.readOnly) {\n            return true;\n        }\n        // If there are template keys, then we need to see if we have the data.\n        if (this.templateKeys && this.templateKeys.length) {\n            // See if we already have the data we need.\n            const dataValue = this.dataValue;\n            const selectData = this.selectData;\n            return this.templateKeys.reduce((shouldLoad, key) => {\n                const hasValue = lodash_1.default.has(dataValue, key) ||\n                    (lodash_1.default.isArray(selectData) ? selectData.every((data) => lodash_1.default.has(data, key)) : lodash_1.default.has(selectData, key));\n                return shouldLoad || !hasValue;\n            }, false);\n        }\n        // Return that we should load.\n        return true;\n    }\n    getTemplateKeys() {\n        const template = this.component.template;\n        this.templateKeys = this.options.readOnly && template\n            ? (0, utils_1.getItemTemplateKeys)(template)\n            : [];\n    }\n    get requestHeaders() {\n        // Create the headers object.\n        const headers = new Formio_1.Formio.Headers();\n        // Add custom headers to the url.\n        if (this.component.data && this.component.data.headers) {\n            try {\n                lodash_1.default.each(this.component.data.headers, (header) => {\n                    if (header.key) {\n                        headers.set(header.key, this.interpolate(header.value));\n                    }\n                });\n            }\n            catch (err) {\n                console.warn(err.message);\n            }\n        }\n        return headers;\n    }\n    // Must be implemented in child classes.\n    setItems() { }\n    updateCustomItems() { }\n    loadItems() { }\n    getOptionTemplate(data, value, index) {\n        if (!this.component.template) {\n            return data.label;\n        }\n        const options = {\n            noeval: true,\n            data: {}\n        };\n        const template = this.sanitize(this.component.template\n            ? this.interpolate(this.component.template, { item: data }, options)\n            : data.label, this.shouldSanitizeValue);\n        const templateValue = this.component.reference && (value === null || value === void 0 ? void 0 : value._id) ? value._id.toString() : value;\n        if (templateValue && !lodash_1.default.isObject(templateValue) && options.data.item) {\n            // If the value is not an object, then we need to save the template data off for when it is selected.\n            this.templateData[templateValue] = options.data.item;\n        }\n        if (lodash_1.default.isNumber(index)) {\n            this.templateData[index] = options.data.item;\n        }\n        return template;\n    }\n    itemTemplate(data, value, index) {\n        if (lodash_1.default.isEmpty(data)) {\n            return '';\n        }\n        const template = this.sanitize(this.getOptionTemplate(data, value, index), this.shouldSanitizeValue);\n        if (template) {\n            const label = template.replace(/<\\/?[^>]+(>|$)/g, '');\n            if (!label)\n                return;\n            return template.replace(label, this.t(label, { _userInput: true }));\n        }\n        else {\n            return this.sanitize(JSON.stringify(data), this.shouldSanitizeValue);\n        }\n    }\n    get itemsLoaded() {\n        return this._itemsLoaded || Promise.resolve();\n    }\n    set itemsLoaded(promise) {\n        this._itemsLoaded = promise;\n    }\n    handleLoadingError(err) {\n        this.loading = false;\n        if (err.networkError) {\n            this.networkError = true;\n        }\n        this.itemsLoadedResolve();\n        this.emit('componentError', {\n            component: this.component,\n            message: err.toString(),\n        });\n        console.warn(this.t('loadResourcesError', { componentKey: this.key }));\n    }\n    /* eslint-disable max-statements */\n    updateItems(searchInput, forceUpdate) {\n        if (!this.component.data) {\n            console.warn(this.t('noSelectDataConfiguration', { componentKey: this.key }));\n            this.itemsLoadedResolve();\n            return;\n        }\n        // Only load the data if it is visible.\n        if (!this.visible) {\n            this.itemsLoadedResolve();\n            return;\n        }\n        switch (this.component.dataSrc) {\n            case 'values':\n                this.setItems(this.component.data.values);\n                break;\n            case 'json':\n                this.setItems(this.component.data.json);\n                break;\n            case 'custom':\n                this.updateCustomItems(forceUpdate);\n                break;\n            case 'resource': {\n                // If there is no resource, or we are lazyLoading, wait until active.\n                if (!this.component.data.resource || (!forceUpdate && !this.active)) {\n                    this.itemsLoadedResolve();\n                    return;\n                }\n                let resourceUrl = this.options.formio ? this.options.formio.formsUrl : `${Formio_1.Formio.getProjectUrl()}/form`;\n                resourceUrl += (`/${this.component.data.resource}/submission`);\n                if (forceUpdate || this.additionalResourcesAvailable || !this.serverCount) {\n                    try {\n                        this.loadItems(resourceUrl, searchInput, this.requestHeaders);\n                    }\n                    catch (err) {\n                        console.warn(this.t('loadResourcesError', { componentKey: this.key }));\n                    }\n                }\n                else {\n                    this.setItems(this.downloadedResources);\n                }\n                break;\n            }\n            case 'url': {\n                if (!forceUpdate && !this.active && !this.calculatedValue && this.component.type === 'select') {\n                    // If we are lazyLoading, wait until activated.\n                    this.itemsLoadedResolve();\n                    return;\n                }\n                let { url } = this.component.data;\n                url = lodash_1.default.trim(url);\n                let method;\n                let body;\n                if (url.startsWith('/')) {\n                    // if URL starts with '/project', we should use base URL to avoid issues with URL formed like <base_url>/<project_name>/project/<project_id>/...\n                    const baseUrl = url.startsWith('/project') ? Formio_1.Formio.getBaseUrl() : Formio_1.Formio.getProjectUrl() || Formio_1.Formio.getBaseUrl();\n                    url = baseUrl + url;\n                }\n                if (!this.component.data.method) {\n                    method = 'GET';\n                }\n                else {\n                    method = this.component.data.method;\n                    if (method.toUpperCase() === 'POST') {\n                        body = this.component.data.body;\n                    }\n                    else {\n                        body = null;\n                    }\n                }\n                const options = this.component.authenticate ? {} : { noToken: true };\n                this.loadItems(url, searchInput, this.requestHeaders, options, method, body);\n                break;\n            }\n            case 'indexeddb': {\n                if (typeof window === 'undefined') {\n                    return;\n                }\n                if (!window.indexedDB) {\n                    window.alert(this.t('indexedDBSupportError'));\n                }\n                if (this.component.indexeddb && this.component.indexeddb.database && this.component.indexeddb.table) {\n                    const request = window.indexedDB.open(this.component.indexeddb.database);\n                    request.onupgradeneeded = (event) => {\n                        if (this.component.customOptions) {\n                            const db = event.target.result;\n                            const objectStore = db.createObjectStore(this.component.indexeddb.table, { keyPath: 'myKey', autoIncrement: true });\n                            objectStore.transaction.oncomplete = () => {\n                                const transaction = db.transaction(this.component.indexeddb.table, 'readwrite');\n                                this.component.customOptions.forEach((item) => {\n                                    transaction.objectStore(this.component.indexeddb.table).put(item);\n                                });\n                            };\n                        }\n                    };\n                    request.onerror = () => {\n                        window.alert(request.errorCode);\n                    };\n                    request.onsuccess = (event) => {\n                        const db = event.target.result;\n                        const transaction = db.transaction(this.component.indexeddb.table, 'readwrite');\n                        const objectStore = transaction.objectStore(this.component.indexeddb.table);\n                        new Promise((resolve) => {\n                            const responseItems = [];\n                            objectStore.getAll().onsuccess = (event) => {\n                                event.target.result.forEach((item) => {\n                                    responseItems.push(item);\n                                });\n                                resolve(responseItems);\n                            };\n                        }).then((items) => {\n                            if (!lodash_1.default.isEmpty(this.component.indexeddb.filter)) {\n                                items = lodash_1.default.filter(items, this.component.indexeddb.filter);\n                            }\n                            this.setItems(items);\n                        });\n                    };\n                }\n            }\n        }\n    }\n}\nexports[\"default\"] = ListComponent;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/_classes/list/ListComponent.js?");
 
 /***/ }),
 
@@ -5722,7 +5722,7 @@ eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ?
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.getFormioUploadAdapterPlugin = void 0;\nconst utils_1 = __webpack_require__(/*! ../../utils/utils */ \"./lib/cjs/utils/utils.js\");\n/**\n * UploadAdapter for CKEditor https://ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/upload-adapter.html\n */\nclass FormioUploadAdapter {\n    constructor(loader, fileService, component) {\n        this.loader = loader;\n        this.fileService = fileService;\n        this.component = component;\n    }\n    upload() {\n        return this.loader.file\n            .then(file => new Promise((resolve, reject) => {\n            const { uploadStorage, uploadUrl, uploadOptions, uploadDir, fileKey } = this.component.component;\n            const uploadParams = [\n                uploadStorage,\n                file,\n                (0, utils_1.uniqueName)(file.name),\n                uploadDir || '', //should pass empty string if undefined\n                (evt) => this.onUploadProgress(evt),\n                uploadUrl,\n                uploadOptions,\n                fileKey,\n                null,\n                null\n            ];\n            const uploadPromise = this.fileService.uploadFile(...uploadParams, () => this.component.emit('fileUploadingStart', uploadPromise)).then((result) => {\n                return this.fileService.downloadFile(result);\n            }).then((result) => {\n                return resolve({\n                    default: result.url\n                });\n            }).catch((err) => {\n                console.warn('An Error occured while uploading file', err);\n                reject(err);\n            }).finally(() => {\n                this.component.emit('fileUploadingEnd', uploadPromise);\n            });\n        }));\n    }\n    abort() { }\n    onUploadProgress(evt) {\n        if (evt.lengthComputable) {\n            this.loader.uploadTotal = evt.total;\n            this.loader.uploaded = evt.loaded;\n        }\n    }\n}\nconst getFormioUploadAdapterPlugin = (fileService, component) => (editor) => {\n    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n        return new FormioUploadAdapter(loader, fileService, component);\n    };\n};\nexports.getFormioUploadAdapterPlugin = getFormioUploadAdapterPlugin;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/uploadAdapter.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.getFormioUploadAdapterPlugin = void 0;\nconst utils_1 = __webpack_require__(/*! ../../utils/utils */ \"./lib/cjs/utils/utils.js\");\n/**\n * UploadAdapter for CKEditor https://ckeditor.com/docs/ckeditor5/latest/framework/guides/deep-dive/upload-adapter.html\n */\nclass FormioUploadAdapter {\n    constructor(loader, fileService, component) {\n        this.loader = loader;\n        this.fileService = fileService;\n        this.component = component;\n    }\n    upload() {\n        return this.loader.file\n            .then(file => new Promise((resolve, reject) => {\n            const { uploadStorage, uploadUrl, uploadOptions, uploadDir, fileKey } = this.component.component;\n            const uploadParams = [\n                uploadStorage,\n                file,\n                (0, utils_1.uniqueName)(file.name),\n                uploadDir || '', //should pass empty string if undefined\n                (evt) => this.onUploadProgress(evt),\n                uploadUrl,\n                uploadOptions,\n                fileKey,\n                null,\n                null\n            ];\n            const uploadPromise = this.fileService.uploadFile(...uploadParams, () => this.component.emit('fileUploadingStart', uploadPromise)).then((result) => {\n                return this.fileService.downloadFile(result);\n            }).then((result) => {\n                return resolve({\n                    default: result.url\n                });\n            }).catch((err) => {\n                console.warn('An Error occured while uploading file', err);\n                reject(err);\n            }).finally(() => {\n                this.component.emit('fileUploadingEnd', uploadPromise);\n            });\n        }));\n    }\n    abort() { }\n    onUploadProgress(evt) {\n        if (evt.lengthComputable) {\n            this.loader.uploadTotal = evt.total;\n            this.loader.uploaded = evt.loaded;\n        }\n    }\n}\nconst getFormioUploadAdapterPlugin = (fileService, component) => {\n    return function (editor) {\n        editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n            return new FormioUploadAdapter(loader, fileService, component);\n        };\n    };\n};\nexports.getFormioUploadAdapterPlugin = getFormioUploadAdapterPlugin;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/providers/storage/uploadAdapter.js?");
 
 /***/ }),