@formio/js 5.0.0-rc.20 → 5.0.0-rc.22

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

@@ -7,6 +7,7 @@ const signature_pad_1 = __importDefault(require("signature_pad"));
 const resize_observer_polyfill_1 = __importDefault(require("resize-observer-polyfill"));
 const Input_1 = __importDefault(require("../_classes/input/Input"));
 const lodash_1 = __importDefault(require("lodash"));
+const utils_1 = require("../../utils/utils");
 class SignatureComponent extends Input_1.default {
     static schema(...extend) {
         return Input_1.default.schema({
@@ -34,7 +35,14 @@ class SignatureComponent extends Input_1.default {
         };
     }
     static get serverConditionSettings() {
-        return Object.assign(Object.assign({}, super.serverConditionSettings), { operators: ['isEmpty', 'isNotEmpty'] });
+        return SignatureComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
+    }
+    static savedValueTypes(schema) {
+        schema = schema || {};
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.string];
     }
     init() {
         var _a, _b, _c, _d, _e;

package/lib/cjs/components/survey/Survey.d.ts

@@ -7,6 +7,27 @@ export default class SurveyComponent extends Field {
         documentation: string;
         schema: any;
     };
+    static get serverConditionSettings(): {
+        operators: string[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static get conditionOperatorsSettings(): {
+        operators: string[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static savedValueTypes(schema: any): string[];
     render(): any;
     setValue(value: any, flags?: {}): boolean;
     get emptyValue(): {};

package/lib/cjs/components/survey/Survey.js

@@ -27,7 +27,13 @@ class SurveyComponent extends Field_1.default {
         };
     }
     static get serverConditionSettings() {
-        return Object.assign(Object.assign({}, super.serverConditionSettings), { operators: ['isEmpty', 'isNotEmpty'] });
+        return SurveyComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });
+    }
+    static savedValueTypes(schema) {
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];
     }
     get defaultSchema() {
         return SurveyComponent.schema();

package/lib/cjs/components/table/Table.d.ts

@@ -11,6 +11,7 @@ export default class TableComponent extends NestedComponent {
         showPreview: boolean;
         schema: any;
     };
+    static savedValueTypes(): never[];
     constructor(...args: any[]);
     get cellClassName(): string;
     get tableKey(): string;

package/lib/cjs/components/table/Table.js

@@ -48,6 +48,9 @@ class TableComponent extends NestedComponent_1.default {
             schema: TableComponent.schema()
         };
     }
+    static savedValueTypes() {
+        return [];
+    }
     get defaultSchema() {
         return TableComponent.schema();
     }

package/lib/cjs/components/tabs/Tabs.d.ts

@@ -8,6 +8,7 @@ export default class TabsComponent extends NestedComponent {
         showPreview: boolean;
         schema: any;
     };
+    static savedValueTypes(): never[];
     constructor(...args: any[]);
     get tabKey(): string;
     get tabLikey(): string;

package/lib/cjs/components/tabs/Tabs.js

@@ -35,6 +35,9 @@ class TabsComponent extends NestedComponent_1.default {
             schema: TabsComponent.schema(),
         };
     }
+    static savedValueTypes() {
+        return [];
+    }
     get defaultSchema() {
         return TabsComponent.schema();
     }

package/lib/cjs/components/tags/Tags.d.ts

@@ -7,6 +7,27 @@ export default class TagsComponent extends Input {
         weight: number;
         schema: any;
     };
+    static get serverConditionSettings(): {
+        operators: any[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static get conditionOperatorsSettings(): {
+        operators: any[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static savedValueTypes(schema: any): any[];
     get emptyValue(): "" | never[];
     get delimiter(): any;
     attachElement(element: any, index: any): void;

package/lib/cjs/components/tags/Tags.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../../utils/utils");
 const Input_1 = __importDefault(require("../_classes/input/Input"));
 const choices_js_1 = __importDefault(require("@formio/choices.js"));
 class TagsComponent extends Input_1.default {
@@ -27,7 +28,14 @@ class TagsComponent extends Input_1.default {
         };
     }
     static get serverConditionSettings() {
-        return Object.assign(Object.assign({}, super.serverConditionSettings), { operators: [...super.serverConditionSettings.operators, 'includes', 'notIncludes'] });
+        return TagsComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [...super.conditionOperatorsSettings.operators, 'includes', 'notIncludes'] });
+    }
+    static savedValueTypes(schema) {
+        schema = schema || {};
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes[schema.storeas] || utils_1.componentValueTypes.string];
     }
     init() {
         super.init();
@@ -76,6 +84,8 @@ class TagsComponent extends Input_1.default {
         });
         this.choices.itemList.element.tabIndex = element.tabIndex;
         this.addEventListener(this.choices.input.element, 'blur', () => {
+            // Emit event to the native Formio input, so the listener attached in the Input.js will be invoked
+            element.dispatchEvent(new Event('blur'));
             const value = this.choices.input.value;
             const maxTagsNumber = this.component.maxTags;
             const valuesCount = this.choices.getValue(true).length;

package/lib/cjs/components/tags/fixtures/comp6.d.ts

@@ -0,0 +1,17 @@
+declare namespace _default {
+    const type: string;
+    const display: string;
+    const components: {
+        label: string;
+        tableView: boolean;
+        storeas: string;
+        validate: {
+            custom: string;
+        };
+        validateOn: string;
+        key: string;
+        type: string;
+        input: boolean;
+    }[];
+}
+export default _default;

package/lib/cjs/components/tags/fixtures/comp6.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Tags',
+            tableView: false,
+            storeas: 'array',
+            validate: {
+                custom: "valid = data && data.tags.length <= 2 ? true : 'You cannot add more than 2 items'"
+            },
+            validateOn: 'blur',
+            key: 'tags',
+            type: 'tags',
+            input: true
+        },
+    ]
+};

package/lib/cjs/components/tags/fixtures/index.d.ts

@@ -3,4 +3,5 @@ import comp2 from './comp2';
 import comp3 from './comp3';
 import comp4 from './comp4';
 import comp5 from './comp5';
-export { comp1, comp2, comp3, comp4, comp5 };
+import comp6 from './comp6';
+export { comp1, comp2, comp3, comp4, comp5, comp6 };

package/lib/cjs/components/tags/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.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
+exports.comp6 = exports.comp5 = exports.comp4 = exports.comp3 = exports.comp2 = exports.comp1 = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -14,3 +14,5 @@ const comp4_1 = __importDefault(require("./comp4"));
 exports.comp4 = comp4_1.default;
 const comp5_1 = __importDefault(require("./comp5"));
 exports.comp5 = comp5_1.default;
+const comp6_1 = __importDefault(require("./comp6"));
+exports.comp6 = comp6_1.default;

package/lib/cjs/components/textfield/TextField.d.ts

@@ -7,6 +7,27 @@ export default class TextFieldComponent extends Input {
         weight: number;
         schema: any;
     };
+    static get serverConditionSettings(): {
+        operators: any[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static get conditionOperatorsSettings(): {
+        operators: any[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+    };
+    static savedValueTypes(schema: any): string[];
     get emptyValue(): string;
     /**
      * Returns the mask value object.

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

@@ -61,7 +61,13 @@ class TextFieldComponent extends Input_1.default {
         };
     }
     static get serverConditionSettings() {
-        return Object.assign(Object.assign({}, super.serverConditionSettings), { operators: [...super.serverConditionSettings.operators, 'includes', 'notIncludes', 'endsWith', 'startsWith'] });
+        return TextFieldComponent.conditionOperatorsSettings;
+    }
+    static get conditionOperatorsSettings() {
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [...super.conditionOperatorsSettings.operators, 'includes', 'notIncludes', 'endsWith', 'startsWith'] });
+    }
+    static savedValueTypes(schema) {
+        return FormioUtils.getComponentSavedTypes(schema) || [FormioUtils.componentValueTypes.string];
     }
     get defaultSchema() {
         return TextFieldComponent.schema();

package/lib/cjs/components/time/Time.d.ts

@@ -1,7 +1,14 @@
 export default class TimeComponent extends TextFieldComponent {
     static get serverConditionSettings(): {
         valueComponent(classComp: any): any;
-        operators: string[];
+        operators: any[];
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
     };
     rawData: string | never[];
     get dataFormat(): any;

package/lib/cjs/components/well/Well.d.ts

@@ -8,6 +8,7 @@ export default class WellComponent extends NestedComponent {
         weight: number;
         schema: any;
     };
+    static savedValueTypes(): never[];
     constructor(...args: any[]);
     noField: boolean;
 }

package/lib/cjs/components/well/Well.js

@@ -25,6 +25,9 @@ class WellComponent extends NestedComponent_1.default {
             schema: WellComponent.schema()
         };
     }
+    static savedValueTypes() {
+        return [];
+    }
     get defaultSchema() {
         return WellComponent.schema();
     }

package/lib/cjs/formio.embed.d.ts

@@ -1 +1,2 @@
-export {};
+export { Formio };
+import { Formio } from './Embed';

package/lib/cjs/formio.embed.js

@@ -1,4 +1,99 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Formio = void 0;
 const Embed_1 = require("./Embed");
-(0, Embed_1.embed)();
+Object.defineProperty(exports, "Formio", { enumerable: true, get: function () { return Embed_1.Formio; } });
+const scripts = document.getElementsByTagName('script');
+const config = window.FormioConfig || {};
+let thisScript = null;
+let i = scripts.length;
+const scriptName = config.scriptName || 'formio.embed.';
+while (i--) {
+    if (scripts[i].src && (scripts[i].src.indexOf(scriptName) !== -1)) {
+        thisScript = scripts[i];
+        break;
+    }
+}
+if (thisScript) {
+    const query = {};
+    const queryString = thisScript.src.replace(/^[^?]+\??/, '');
+    queryString.replace(/\?/g, '&').split('&').forEach((item) => {
+        query[item.split('=')[0]] = item.split('=')[1] && decodeURIComponent(item.split('=')[1]);
+    });
+    let scriptSrc = thisScript.src.replace(/^([^?]+).*/, '$1').split('/');
+    scriptSrc.pop();
+    if (config.formioPath) {
+        config.formioPath(scriptSrc);
+    }
+    scriptSrc = scriptSrc.join('/');
+    Embed_1.Formio.config = Object.assign({
+        script: query.script || (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.form.min.js`),
+        style: query.styles || (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.form.min.css`),
+        cdn: query.cdn,
+        class: (query.class || 'formio-form-wrapper'),
+        src: query.src,
+        form: null,
+        submission: null,
+        project: query.project,
+        base: query.base || 'https://api.form.io',
+        submit: query.submit,
+        includeLibs: (query.libs === 'true' || query.libs === '1'),
+        template: query.template,
+        debug: (query.debug === 'true' || query.debug === '1'),
+        config: {},
+        redirect: (query.return || query.redirect),
+        embedCSS: (`${config.updatePath ? config.updatePath() : scriptSrc}/formio.embed.css`),
+        before: null,
+        after: null
+    }, config);
+    const form = (Embed_1.Formio.config.form || Embed_1.Formio.config.src);
+    if (form) {
+        Embed_1.Formio.debug('Embedding Configuration', config);
+        if (Embed_1.Formio.config.addPremiumLib) {
+            Embed_1.Formio.config.addPremiumLib(Embed_1.Formio.config, scriptSrc);
+        }
+        // The id for this embedded form.
+        Embed_1.Formio.config.id = `formio-${Math.random().toString(36).substring(7)}`;
+        Embed_1.Formio.debug('Creating form element');
+        const element = Embed_1.Formio.createElement('div', {
+            'id': Embed_1.Formio.config.id,
+            class: Embed_1.Formio.config.class
+        });
+        // insertAfter doesn't exist, but effect is identical.
+        thisScript.parentNode.insertBefore(element, thisScript.parentNode.firstElementChild.nextSibling);
+        Embed_1.Formio.createForm(element, form, Embed_1.Formio.config.config).then((instance) => {
+            if (Embed_1.Formio.config.submit) {
+                instance.nosubmit = true;
+            }
+            // Configure a redirect.
+            instance.on('submit', (submission) => {
+                Embed_1.Formio.debug("on('submit')", submission);
+                if (Embed_1.Formio.config.submit) {
+                    Embed_1.Formio.debug(`Sending submission to ${Embed_1.Formio.config.submit}`);
+                    const headers = {
+                        'content-type': 'application/json'
+                    };
+                    const token = Embed_1.Formio.FormioClass.getToken();
+                    if (token) {
+                        headers['x-jwt-token'] = token;
+                    }
+                    Embed_1.Formio.FormioClass.fetch(Embed_1.Formio.config.submit, {
+                        body: JSON.stringify(submission),
+                        headers: headers,
+                        method: 'POST',
+                        mode: 'cors',
+                    })
+                        .then(resp => resp.json())
+                        .then(submission => Embed_1.Formio.submitDone(instance, submission));
+                }
+                else {
+                    Embed_1.Formio.submitDone(instance, submission);
+                }
+            });
+        });
+    }
+}
+else {
+    // Show an error if the script cannot be found.
+    document.write('<span>Could not locate the Embedded form.</span>');
+}

package/lib/cjs/formio.form.d.ts

@@ -3,8 +3,8 @@
  * @param {*} plugin
  * @returns
  */
-export function registerModule(mod: any, defaultFn?: null): void;
-export function useModule(defaultFn?: null): (...plugins: any[]) => void;
+export function registerModule(mod: any, defaultFn?: null, options?: {}): void;
+export function useModule(defaultFn?: null): (plugins: any, options?: {}) => void;
 import Components from './components/Components';
 import Displays from './displays/Displays';
 import Providers from './providers';
@@ -19,4 +19,5 @@ import ValueSources from './validator/valueSources';
 import Utils from './utils';
 import Form from './Form';
 import { Formio } from './Formio';
-export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio };
+import Licenses from './licenses';
+export { Components, Displays, Providers, Rules, Widgets, Templates, Conjunctions, Operators, QuickRules, Transformers, ValueSources, Utils, Form, Formio, Licenses };

package/lib/cjs/formio.form.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.Formio = exports.Form = exports.Utils = exports.ValueSources = exports.Transformers = exports.QuickRules = exports.Operators = exports.Conjunctions = exports.Templates = exports.Widgets = exports.Rules = exports.Providers = exports.Displays = exports.Components = exports.useModule = exports.registerModule = void 0;
+exports.Licenses = exports.Formio = exports.Form = exports.Utils = exports.ValueSources = exports.Transformers = exports.QuickRules = exports.Operators = exports.Conjunctions = exports.Templates = exports.Widgets = exports.Rules = exports.Providers = exports.Displays = exports.Components = exports.useModule = exports.registerModule = void 0;
 const lodash_1 = __importDefault(require("lodash"));
 const Formio_1 = require("./Formio");
 Object.defineProperty(exports, "Formio", { enumerable: true, get: function () { return Formio_1.Formio; } });
@@ -35,6 +35,8 @@ exports.Form = Form_1.default;
 const utils_1 = __importDefault(require("./utils"));
 exports.Utils = utils_1.default;
 const Evaluator_1 = __importDefault(require("./utils/Evaluator"));
+const licenses_1 = __importDefault(require("./licenses"));
+exports.Licenses = licenses_1.default;
 Formio_1.Formio.loadModules = (path = `${Formio_1.Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
     Formio_1.Formio.requireLibrary(name, name, path, true)
         .then((modules) => {
@@ -57,6 +59,7 @@ Formio_1.Formio.QuickRules = quickRules_1.default;
 Formio_1.Formio.Transformers = transformers_1.default;
 Formio_1.Formio.ValueSources = valueSources_1.default;
 Formio_1.Formio.AllComponents = components_1.default;
+Formio_1.Formio.Licenses = licenses_1.default;
 // This is strange, but is needed for "premium" components to import correctly.
 Formio_1.Formio.Formio = Formio_1.Formio;
 Formio_1.Formio.Components.setComponents(components_1.default);
@@ -65,7 +68,7 @@ Formio_1.Formio.Components.setComponents(components_1.default);
  * @param {*} plugin
  * @returns
  */
-function registerModule(mod, defaultFn = null) {
+function registerModule(mod, defaultFn = null, options = {}) {
     // Sanity check.
     if (typeof mod !== 'object') {
         return;
@@ -124,6 +127,11 @@ function registerModule(mod, defaultFn = null) {
             case 'valueSources':
                 Formio_1.Formio.ValueSources.addValueSources(mod.valueSources);
                 break;
+            case 'library':
+                options.license
+                    ? Formio_1.Formio.Licenses.addLicense(mod.library, mod.license)
+                    : Formio_1.Formio.Licenses.removeLicense(mod.library);
+                break;
             default:
                 if (defaultFn) {
                     if (!defaultFn(key, mod)) {
@@ -137,22 +145,23 @@ function registerModule(mod, defaultFn = null) {
 }
 exports.registerModule = registerModule;
 function useModule(defaultFn = null) {
-    return (...plugins) => {
+    return (plugins, options = {}) => {
+        plugins = lodash_1.default.isArray(plugins) ? plugins : [plugins];
         plugins.forEach((plugin) => {
             if (Array.isArray(plugin)) {
-                plugin.forEach(p => registerModule(p, defaultFn));
+                plugin.forEach(p => registerModule(p, defaultFn, options));
             }
             else {
-                registerModule(plugin, defaultFn);
+                registerModule(plugin, defaultFn, options);
             }
         });
     };
 }
 exports.useModule = useModule;
 /**
- * Allows passing in plugins as multiple arguments or an array of plugins.
+ * Allows passing in plugins as an array of plugins or a single plugin.
  *
- * Formio.plugins(plugin1, plugin2, etc);
- * Formio.plugins([plugin1, plugin2, etc]);
+ * Formio.plugins(plugin1, options);
+ * Formio.plugins([plugin1, plugin2, etc], options);
  */
 Formio_1.Formio.use = useModule();

package/lib/cjs/licenses/Licenses.d.ts

@@ -0,0 +1,7 @@
+export default class Licenses {
+    static licenses: {};
+    static addLicense(name: any, license: any): void;
+    static getLicense(name: any): any;
+    static removeLicense(name: any): void;
+    static getLicenses(): {};
+}

package/lib/cjs/licenses/Licenses.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = __importDefault(require("lodash"));
+class Licenses {
+    static addLicense(name, license) {
+        Licenses.licenses[name] = license;
+    }
+    static getLicense(name) {
+        return Licenses.licenses[name];
+    }
+    static removeLicense(name) {
+        lodash_1.default.unset(Licenses.licenses, name);
+    }
+    static getLicenses() {
+        return Licenses.licenses;
+    }
+}
+Licenses.licenses = {};
+exports.default = Licenses;

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

@@ -0,0 +1,2 @@
+export default Licenses;
+import Licenses from './Licenses';

package/lib/cjs/licenses/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Licenses_1 = __importDefault(require("./Licenses"));
+exports.default = Licenses_1.default;

package/lib/cjs/utils/utils.d.ts

@@ -349,6 +349,7 @@ export function isPromise(value: any): boolean;
  */
 export function isInsideScopingComponent(componentInstance: any, firstPass?: boolean): boolean | boolean | any;
 export function getFocusableElements(element: any): any;
+export function getComponentSavedTypes(fullSchema: any): string[] | null;
 export * from "./formUtils";
 /**
  * Map values through unfold and return first non-nil value.
@@ -357,6 +358,15 @@ export * from "./formUtils";
  * @return {T}
  */
 export const firstNonNil: any;
+export namespace componentValueTypes {
+    const number: string;
+    const string: string;
+    const boolean: string;
+    const array: string;
+    const object: string;
+    const date: string;
+    const any: string;
+}
 import jsonLogic from 'json-logic-js';
 import ConditionOperators from './conditionOperators';
 import Evaluator from './Evaluator';

package/lib/cjs/utils/utils.js

@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.observeOverload = exports.withSwitch = exports.firstNonNil = exports.unfold = exports.bootstrapVersion = exports.uniqueKey = exports.iterateKey = exports.delay = exports.fieldData = exports.getCurrencyAffixes = exports.getNumberDecimalLimit = exports.getNumberSeparators = exports.matchInputMask = exports.unmaskValue = exports.getInputMask = exports.convertFormatToMask = exports.convertFormatToMoment = exports.convertFormatToFlatpickr = exports.getLocaleDateFormatInfo = exports.formatOffset = exports.formatDate = exports.momentDate = exports.loadZones = exports.shouldLoadZones = exports.zonesLoaded = exports.offsetDate = exports.currentTimezone = exports.isValidDate = exports.getDateSetting = exports.guid = exports.uniqueName = exports.convertStringToHTMLElement = exports.unescapeHTML = exports.setActionProperty = exports.checkTrigger = exports.checkCondition = exports.checkJsonConditional = exports.checkCustomConditional = exports.getComponentActualValue = exports.checkSimpleConditional = exports.checkCalculated = exports.isMongoId = exports.boolValue = exports.getElementRect = exports.getPropertyValue = exports.getRandomComponentId = exports.evaluate = exports.moment = exports.ConditionOperators = exports.jsonLogic = void 0;
-exports._ = exports.getFocusableElements = exports.isInsideScopingComponent = exports.isPromise = exports.getDataParentComponent = exports.getComponentPath = exports.getComponentPathWithoutIndicies = exports.getBrowserInfo = exports.getIEBrowserVersion = exports.round = exports.getStringFromComponentPath = exports.hasInvalidComponent = exports.getArrayFromComponentPath = exports.isInputComponent = exports.interpolate = exports.Evaluator = exports.fastCloneDeep = exports.sanitize = exports.translateHTMLTemplate = exports.getContextButtons = exports.getContextComponents = void 0;
+exports.getComponentSavedTypes = exports.componentValueTypes = exports._ = exports.getFocusableElements = exports.isInsideScopingComponent = exports.isPromise = exports.getDataParentComponent = exports.getComponentPath = exports.getComponentPathWithoutIndicies = exports.getBrowserInfo = exports.getIEBrowserVersion = exports.round = exports.getStringFromComponentPath = exports.hasInvalidComponent = exports.getArrayFromComponentPath = exports.isInputComponent = exports.interpolate = exports.Evaluator = exports.fastCloneDeep = exports.sanitize = exports.translateHTMLTemplate = exports.getContextButtons = exports.getContextComponents = void 0;
 const lodash_1 = __importDefault(require("lodash"));
 exports._ = lodash_1.default;
 const fetch_ponyfill_1 = __importDefault(require("fetch-ponyfill"));
@@ -1465,3 +1465,23 @@ function getFocusableElements(element) {
     return element.querySelectorAll(focusableSelector);
 }
 exports.getFocusableElements = getFocusableElements;
+exports.componentValueTypes = {
+    number: 'number',
+    string: 'string',
+    boolean: 'boolean',
+    array: 'array',
+    object: 'object',
+    date: 'date',
+    any: 'any',
+};
+function getComponentSavedTypes(fullSchema) {
+    const schema = fullSchema || {};
+    if (schema.persistent !== true) {
+        return [];
+    }
+    if (schema.multiple) {
+        return [exports.componentValueTypes.array];
+    }
+    return null;
+}
+exports.getComponentSavedTypes = getComponentSavedTypes;

package/lib/mjs/CDN.d.ts

@@ -4,6 +4,7 @@ declare class CDN {
     baseUrl: any;
     overrides: {};
     libs: {
+        js: string;
         ace: string;
         bootstrap: string;
         ckeditor: string;

package/lib/mjs/CDN.js

@@ -7,6 +7,7 @@ class CDN {
         this.baseUrl = baseUrl || 'https://cdn.form.io';
         this.overrides = {};
         this.libs = {
+            'js': '',
             'ace': '1.4.12',
             'bootstrap': '4.6.2',
             'ckeditor': '19.0.0',

package/lib/mjs/Element.js

@@ -527,6 +527,11 @@ export default class Element {
             && !FormioUtils.Evaluator.templateSettings.interpolate.test(string)) {
             string = FormioUtils.translateHTMLTemplate(String(string), (value) => this.t(value));
         }
+        if (this.component.filter === string && !this.options.building) {
+            const evalContext = this.evalContext(data);
+            evalContext.data = _.mapValues(evalContext.data, (val) => _.isString(val) ? encodeURIComponent(val) : val);
+            return FormioUtils.interpolate(string, evalContext, options);
+        }
         return FormioUtils.interpolate(string, this.evalContext(data), options);
     }
     /**