@formio/js 5.0.0-rc.39 → 5.0.0-rc.41

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

@@ -580,8 +580,8 @@ class FileComponent extends Field_1.default {
         }
         valid = pattern.excludes.reduce((result, excludePattern) => {
             const exclude = new RegExp(excludePattern, 'i');
-            return result && (lodash_1.default.isNil(file.type) || !exclude.test(file.type)) &&
-                (lodash_1.default.isNil(file.name) || !exclude.test(file.name));
+            return result && (lodash_1.default.isNil(file.type) || exclude.test(file.type)) &&
+                (lodash_1.default.isNil(file.name) || exclude.test(file.name));
         }, valid);
         return valid;
     }

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

@@ -189,7 +189,7 @@ exports.default = [
         input: true,
         key: 'fileNameTemplate',
         label: 'File Name Template',
-        placeholder: '(optional) { {name} }-{ {guid} }"',
+        placeholder: '(optional) { {name} }-{ {guid} }',
         tooltip: 'Specify template for name of uploaded file(s). Regular template variables are available (`data`, `component`, `user`, `value`, `moment` etc.), also `fileName`, `guid` variables are available. `guid` part must be present, if not found in template, will be added at the end.',
         weight: 25
     },

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

@@ -618,7 +618,7 @@ class FormComponent extends Component_1.default {
         }
     }
     isEmpty(value = this.dataValue) {
-        return value === null || lodash_1.default.isEqual(value, this.emptyValue) || (this.areAllComponentsEmpty(value.data) && !value._id);
+        return value === null || lodash_1.default.isEqual(value, this.emptyValue) || (this.areAllComponentsEmpty(value === null || value === void 0 ? void 0 : value.data) && !(value === null || value === void 0 ? void 0 : value._id));
     }
     areAllComponentsEmpty(data) {
         let res = true;

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

@@ -43,13 +43,13 @@ class HTMLComponent extends Component_1.default {
             return ` ${this.component.content} `;
         }
         const submission = lodash_1.default.get(this.root, 'submission', {});
-        const content = this.component.content ? this.interpolate(this.sanitize(this.component.content, this.shouldSanitizeValue), {
+        const content = this.component.content ? this.interpolate(this.component.content, {
             metadata: submission.metadata || {},
             submission: submission,
             data: this.rootValue,
             row: this.data
         }) : '';
-        return content;
+        return this.sanitize(content, this.shouldSanitizeValue);
     }
     get singleTags() {
         return ['br', 'img', 'hr'];
@@ -85,8 +85,17 @@ class HTMLComponent extends Component_1.default {
     render() {
         return super.render(this.renderContent());
     }
+    get dataReady() {
+        var _a;
+        return ((_a = this.root) === null || _a === void 0 ? void 0 : _a.submissionReady) || Promise.resolve();
+    }
     attach(element) {
         this.loadRefs(element, { html: 'single' });
+        this.dataReady.then(() => {
+            if (this.element) {
+                this.setContent(this.elemet, this.content);
+            }
+        });
         return super.attach(element);
     }
 }

package/lib/cjs/components/html/fixtures/index.js

@@ -3,10 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
 exports.comp2 = comp2_1.default;
-const comp3_1 = __importDefault(require("./comp3"));
-exports.comp3 = comp3_1.default;

package/lib/cjs/components/index.js

@@ -36,7 +36,6 @@ const Password_1 = __importDefault(require("./password/Password"));
 const PhoneNumber_1 = __importDefault(require("./phonenumber/PhoneNumber"));
 const Radio_1 = __importDefault(require("./radio/Radio"));
 const ReCaptcha_1 = __importDefault(require("./recaptcha/ReCaptcha"));
-const Resource_1 = __importDefault(require("./resource/Resource"));
 const SelectBoxes_1 = __importDefault(require("./selectboxes/SelectBoxes"));
 const Select_1 = __importDefault(require("./select/Select"));
 const Signature_1 = __importDefault(require("./signature/Signature"));
@@ -85,7 +84,6 @@ exports.default = {
     phoneNumber: PhoneNumber_1.default,
     radio: Radio_1.default,
     recaptcha: ReCaptcha_1.default,
-    resource: Resource_1.default,
     select: Select_1.default,
     selectboxes: SelectBoxes_1.default,
     signature: Signature_1.default,

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

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -61,46 +70,42 @@ class ReCaptchaComponent extends Component_1.default {
         return true;
     }
     verify(actionName) {
-        const siteKey = (0, get_1.default)(this.root.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')}`;
-            this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
-        }
-        if (this.recaptchaApiReady) {
-            this.recaptchaVerifiedPromise = new Promise((resolve, reject) => {
-                this.recaptchaApiReady
-                    .then(() => {
+        return __awaiter(this, void 0, void 0, function* () {
+            const siteKey = (0, get_1.default)(this.root.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')}`;
+                this.recaptchaApiReady = Formio_1.Formio.requireLibrary('googleRecaptcha', 'grecaptcha', recaptchaApiScriptUrl, true);
+            }
+            try {
+                yield this.recaptchaApiReady;
+                this.recaptchaVerifiedPromise = new Promise((resolve, reject) => {
                     if (!this.isLoading) {
                         this.isLoading = true;
-                        grecaptcha.ready((0, debounce_1.default)(() => {
-                            grecaptcha
-                                .execute(siteKey, {
-                                action: actionName
-                            })
-                                .then((token) => {
-                                return this.sendVerificationRequest(token).then(({ verificationResult, token }) => {
-                                    this.recaptchaResult = Object.assign(Object.assign({}, verificationResult), { token });
-                                    this.updateValue(this.recaptchaResult);
-                                    return resolve(verificationResult);
-                                });
-                            })
-                                .catch(() => {
+                        grecaptcha.ready((0, debounce_1.default)(() => __awaiter(this, void 0, void 0, function* () {
+                            try {
+                                const token = yield grecaptcha.execute(siteKey, { action: actionName });
+                                const verificationResult = yield this.sendVerificationRequest(token);
+                                this.recaptchaResult = Object.assign(Object.assign({}, verificationResult), { token });
+                                this.updateValue(this.recaptchaResult);
+                                this.isLoading = false;
+                                return resolve(verificationResult);
+                            }
+                            catch (err) {
                                 this.isLoading = false;
-                            });
-                        }, 1000));
+                                reject(err);
+                            }
+                        }), 1000));
                     }
-                })
-                    .catch(() => {
-                    return reject();
                 });
-            }).then(() => {
-                this.isLoading = false;
-            });
-        }
+            }
+            catch (err) {
+                this.loading = false;
+            }
+        });
     }
     beforeSubmit() {
         if (this.recaptchaVerifiedPromise) {
@@ -110,32 +115,27 @@ class ReCaptchaComponent extends Component_1.default {
         return super.beforeSubmit();
     }
     sendVerificationRequest(token) {
-        return Formio_1.Formio.makeStaticRequest(`${Formio_1.Formio.projectUrl}/recaptcha?recaptchaToken=${token}`)
-            .then((verificationResult) => ({ verificationResult, token }));
+        return Formio_1.Formio.makeStaticRequest(`${Formio_1.Formio.projectUrl}/recaptcha?recaptchaToken=${token}`);
     }
     checkComponentValidity(data, dirty, row, options = {}, errors = []) {
         data = data || this.rootValue;
         row = row || this.data;
         const { async = false } = options;
-        // Verification could be async only
+        // Verification could be async only (which for now is only the case for server-side validation)
         if (!async) {
             return super.checkComponentValidity(data, dirty, row, options, errors);
         }
         const componentData = row[this.component.key];
         if (!componentData || !componentData.token) {
-            this.setCustomValidity('ReCAPTCHA: Token is not specified in submission');
+            this.setCustomValidity(this.t('reCaptchaTokenNotSpecifiedError'));
             return Promise.resolve(false);
         }
         if (!componentData.success) {
-            this.setCustomValidity('ReCAPTCHA: Token validation error');
+            this.setCustomValidity(this.t('reCaptchaTokenValidationError'));
             return Promise.resolve(false);
         }
-        return this.hook('validateReCaptcha', componentData.token, () => Promise.resolve(true))
-            .then((success) => success)
-            .catch((err) => {
-            this.setCustomValidity(err.message || err);
-            return false;
-        });
+        // Any further validation will 100% not run on the client
+        return Promise.resolve(true);
     }
     normalizeValue(newValue) {
         // If a recaptcha result has already been established, then do not allow it to be reset.

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

@@ -348,6 +348,7 @@ class SelectComponent extends ListComponent_1.default {
     /* eslint-disable max-statements */
     setItems(items, fromSearch) {
         var _a, _b;
+        this.selectItems = items;
         // If the items is a string, then parse as JSON.
         if (typeof items == 'string') {
             try {
@@ -788,7 +789,7 @@ class SelectComponent extends ListComponent_1.default {
             this.addFocusBlurEvents(input);
             this.triggerUpdate(null, true);
             if (this.visible) {
-                this.setItems(this.selectOptions || []);
+                this.setItems(this.selectItems || []);
             }
             this.focusableElement = input;
             if (this.component.dataSrc === 'custom') {
@@ -1164,6 +1165,7 @@ class SelectComponent extends ListComponent_1.default {
                             templateData[dataValueItemValue] = this.templateData[dataValueItemValue];
                         });
                     }
+                    templateData[value] = this.templateData[value];
                 }
                 lodash_1.default.set(submission.metadata.selectData, this.path, templateData);
             }

package/lib/cjs/components/select/fixtures/comp20.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    _id: '659fa81f4a40147c0ffb949b',
+    title: '7724',
+    name: '7724',
+    path: '7724',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Select',
+            widget: 'choicesjs',
+            tableView: true,
+            multiple: true,
+            data: {
+                values: [
+                    {
+                        label: 'Apple',
+                        value: 'apple'
+                    },
+                    {
+                        label: 'Orange',
+                        value: 'orange'
+                    },
+                    {
+                        label: 'Pear',
+                        value: 'pear'
+                    }
+                ]
+            },
+            key: 'select',
+            type: 'select',
+            input: true
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+    project: '63cead09be0090345b109e22'
+};

package/lib/cjs/components/select/fixtures/comp21.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    title: 'FIO-7632',
+    name: 'fio7632',
+    path: 'fio7632',
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            collapsible: false,
+            key: 'panel',
+            type: 'panel',
+            label: 'Panel',
+            input: false,
+            tableView: false,
+            components: [
+                {
+                    label: 'Animals',
+                    widget: 'html5',
+                    tableView: true,
+                    data: {
+                        values: [
+                            {
+                                label: 'Dog',
+                                value: 'dog',
+                            },
+                            {
+                                label: 'Cat',
+                                value: 'cat',
+                            },
+                            {
+                                label: 'Horse',
+                                value: 'horse',
+                            },
+                        ],
+                    },
+                    key: 'animals',
+                    type: 'select',
+                    input: true,
+                },
+                {
+                    label: 'Checkbox',
+                    tableView: false,
+                    key: 'checkbox',
+                    type: 'checkbox',
+                    input: true,
+                },
+                {
+                    label: 'Animals2',
+                    widget: 'html5',
+                    tableView: true,
+                    data: {
+                        values: [
+                            {
+                                label: 'Dog',
+                                value: 'dog',
+                            },
+                            {
+                                label: 'Cat',
+                                value: 'cat',
+                            },
+                            {
+                                label: 'Horse',
+                                value: 'horse',
+                            },
+                        ],
+                    },
+                    calculateValue: 'if (data.checkbox === true) {\n  value = data.animals;\n}',
+                    key: 'animals2',
+                    logic: [
+                        {
+                            name: 'disable',
+                            trigger: {
+                                type: 'javascript',
+                                javascript: 'result = row.checkbox === true;',
+                            },
+                            actions: [
+                                {
+                                    name: 'disable',
+                                    type: 'property',
+                                    property: {
+                                        label: 'Disabled',
+                                        value: 'disabled',
+                                        type: 'boolean',
+                                    },
+                                    state: true,
+                                },
+                            ],
+                        },
+                    ],
+                    type: 'select',
+                    input: true,
+                },
+                {
+                    type: 'button',
+                    label: 'Submit',
+                    key: 'submit',
+                    disableOnInvalid: true,
+                    input: true,
+                    tableView: false,
+                },
+            ],
+        },
+    ],
+};

package/lib/cjs/components/select/fixtures/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp2 = exports.comp1 = exports.multiSelectOptions = exports.multiSelect = void 0;
+exports.comp21 = exports.comp20 = exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp2 = exports.comp1 = exports.multiSelectOptions = exports.multiSelect = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -43,3 +43,7 @@ const comp18_1 = __importDefault(require("./comp18"));
 exports.comp18 = comp18_1.default;
 const comp19_1 = __importDefault(require("./comp19"));
 exports.comp19 = comp19_1.default;
+const comp20_1 = __importDefault(require("./comp20"));
+exports.comp20 = comp20_1.default;
+const comp21_1 = __importDefault(require("./comp21"));
+exports.comp21 = comp21_1.default;

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

@@ -34,7 +34,7 @@ class SelectBoxesComponent extends Radio_1.default {
                     type: 'select',
                     dataSrc: 'custom',
                     valueProperty: 'value',
-                    valueType: 'string',
+                    dataType: 'string',
                     data: {
                         custom: `values = ${classComp && classComp.values ? JSON.stringify(classComp.values) : []}`
                     },

package/lib/cjs/components/textfield/TextField.js

@@ -28,6 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Input_1 = __importDefault(require("../_classes/input/Input"));
 const vanilla_text_mask_1 = require("@formio/vanilla-text-mask");
+const inputmask_1 = __importDefault(require("inputmask"));
 const FormioUtils = __importStar(require("../../utils/utils"));
 const lodash_1 = __importDefault(require("lodash"));
 class TextFieldComponent extends Input_1.default {
@@ -164,8 +165,14 @@ class TextFieldComponent extends Input_1.default {
         const maskInput = this.refs.select ? this.refs.select[index] : null;
         const mask = this.getMaskPattern(value.maskName);
         if (textInput && maskInput && mask) {
-            const placeholderChar = this.placeholderChar;
-            textInput.value = (0, vanilla_text_mask_1.conformToMask)(textValue, FormioUtils.getInputMask(mask), { placeholderChar }).conformedValue;
+            if (textInput.inputmask) {
+                this.setInputMask(textInput, mask);
+                textInput.inputmask.setValue(textValue);
+            }
+            else {
+                const placeholderChar = this.placeholderChar;
+                textInput.value = (0, vanilla_text_mask_1.conformToMask)(textValue, FormioUtils.getInputMask(mask), { placeholderChar }).conformedValue;
+            }
             maskInput.value = value.maskName;
         }
         else {
@@ -197,7 +204,10 @@ class TextFieldComponent extends Input_1.default {
             if (displayMask && !valueMask) {
                 return this.unmaskValue(value, displayMask);
             }
-            if ((_a = this.refs.valueMaskInput) === null || _a === void 0 ? void 0 : _a.mask) {
+            if (displayMask && displayMask !== valueMask) {
+                return inputmask_1.default.format(inputmask_1.default.unmask(value, displayMask), valueMask);
+            }
+            if (((_a = this.refs.valueMaskInput) === null || _a === void 0 ? void 0 : _a.mask) && this.refs.valueMaskInput.mask.textMaskInputElement) {
                 this.refs.valueMaskInput.mask.textMaskInputElement.update(value);
                 return (_b = this.refs.valueMaskInput) === null || _b === void 0 ? void 0 : _b.value;
             }
@@ -210,6 +220,56 @@ class TextFieldComponent extends Input_1.default {
             maskName: maskInput ? maskInput.value : undefined
         };
     }
+    checkInputMaskValue(inputMask) {
+        let valid = true;
+        const maskValues = lodash_1.default.values(inputMask.split('').reduce((acc, el, i, mask) => {
+            var _a;
+            if (el === '{' || el === '}') {
+                if (mask[i + 1] === '{' || mask[i + 1] === '}') {
+                    valid = false;
+                }
+                acc[el] = ((_a = acc[el]) !== null && _a !== void 0 ? _a : 0) + 1;
+            }
+            return acc;
+        }, {}));
+        if (maskValues[0] !== maskValues[1]) {
+            valid = false;
+        }
+        return valid;
+    }
+    setInputMask(input, inputMask, usePlaceholder) {
+        if (this.type !== 'textfield') {
+            super.setInputMask(input, inputMask, usePlaceholder);
+            return;
+        }
+        inputMask = inputMask || this.component.displayMask || this.component.inputMask;
+        const mask = FormioUtils.getInputMask(inputMask, this.placeholderChar);
+        this.defaultMask = mask;
+        if (input && inputMask) {
+            try {
+                //remove previous mask
+                if (input.mask) {
+                    input.mask.remove();
+                }
+                if (this.checkInputMaskValue(inputMask)) {
+                    input.mask = new inputmask_1.default(inputMask, {
+                        clearMaskOnLostFocus: !!this.component.placeholder,
+                        showMaskOnHover: !this.component.placeholder,
+                        placeholder: this.placeholderChar || '',
+                    }).mask(input);
+                }
+            }
+            catch (e) {
+                console.warn(e);
+            }
+            if (mask.numeric) {
+                input.setAttribute('pattern', '\\d*');
+            }
+            if (this.component.placeholder) {
+                input.setAttribute('placeholder', this.component.placeholder);
+            }
+        }
+    }
     isHtmlRenderMode() {
         return super.isHtmlRenderMode() ||
             ((this.options.readOnly || this.disabled) &&

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

@@ -46,9 +46,11 @@ function s3(formio) {
                         else {
                             xhr.openAndSetHeaders('PUT', response.signed);
                             xhr.setRequestHeader('Content-Type', file.type);
-                            Object.keys(response.data.headers).forEach((key) => {
-                                xhr.setRequestHeader(key, response.data.headers[key]);
-                            });
+                            if (response.data.headers) {
+                                Object.keys(response.data.headers).forEach((key) => {
+                                    xhr.setRequestHeader(key, response.data.headers[key]);
+                                });
+                            }
                             return file;
                         }
                     }

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

@@ -19,7 +19,7 @@ class FormioUploadAdapter {
                 uploadStorage,
                 file,
                 (0, utils_1.uniqueName)(file.name),
-                uploadDir || '',
+                uploadDir || '', //should pass empty string if undefined
                 (evt) => this.onUploadProgress(evt),
                 uploadUrl,
                 uploadOptions,

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

@@ -1,6 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 function url(formio) {
+    function setOptions(options, xhr) {
+        const parsedOptions = typeof options === 'string' ? JSON.parse(options) : options;
+        for (const prop in parsedOptions) {
+            if (prop === 'headers') {
+                const headers = parsedOptions['headers'];
+                for (const header in headers) {
+                    xhr.setRequestHeader(header, headers[header]);
+                }
+            }
+            else {
+                xhr[prop] = parsedOptions[prop];
+            }
+        }
+    }
     const xhrRequest = (url, name, query, data, options, progressCallback, abortCallback) => {
         return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
@@ -59,18 +73,7 @@ function url(formio) {
             }
             //Overrides previous request props
             if (options) {
-                const parsedOptions = typeof options === 'string' ? JSON.parse(options) : options;
-                for (const prop in parsedOptions) {
-                    if (prop === 'headers') {
-                        const headers = parsedOptions['headers'];
-                        for (const header in headers) {
-                            xhr.setRequestHeader(header, headers[header]);
-                        }
-                    }
-                    else {
-                        xhr[prop] = parsedOptions[prop];
-                    }
-                }
+                setOptions(options, xhr);
             }
             xhr.send(json ? data : fd);
         });
@@ -111,7 +114,7 @@ function url(formio) {
                 return uploadRequest();
             }
         },
-        deleteFile(fileInfo) {
+        deleteFile(fileInfo, options) {
             return new Promise((resolve, reject) => {
                 const xhr = new XMLHttpRequest();
                 xhr.open('DELETE', fileInfo.url, true);
@@ -123,6 +126,9 @@ function url(formio) {
                         reject(xhr.response || 'Unable to delete file');
                     }
                 };
+                if (options) {
+                    setOptions(options, xhr);
+                }
                 xhr.send(null);
             });
         },

package/lib/cjs/templates/Templates.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const index_1 = __importDefault(require("./index"));
-const template_1 = require("@formio/core/template");
-template_1.Template.addTemplates(index_1.default);
-template_1.Template.defaultTemplates = index_1.default.bootstrap;
-exports.default = template_1.Template;
+const experimental_1 = require("@formio/core/experimental");
+experimental_1.Template.addTemplates(index_1.default);
+experimental_1.Template.defaultTemplates = index_1.default.bootstrap;
+exports.default = experimental_1.Template;