@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/cjs/components/textfield/editForm/TextField.edit.display.js

@@ -23,11 +23,16 @@ exports.default = [
             values: [
                 { label: 'Input Field', value: 'input' },
                 { label: 'Calendar Picker', value: 'calendar' },
-            ]
+            ],
         },
         conditional: {
-            json: { '===': [{ var: 'data.type' }, 'textfield'] }
-        }
+            json: {
+                '===': [
+                    { var: 'data.type' },
+                    'textfield',
+                ],
+            },
+        },
     },
     {
         weight: 405,
@@ -60,8 +65,13 @@ exports.default = [
         editor: 'ace',
         as: 'json',
         conditional: {
-            json: { '!==': [{ var: 'data.widget.type' }, 'input'] }
-        }
+            json: {
+                '!==': [
+                    { var: 'data.widget.type' },
+                    'input',
+                ],
+            },
+        },
     },
     {
         weight: 410,
@@ -69,7 +79,7 @@ exports.default = [
         input: true,
         key: 'inputMask',
         label: 'Input Mask',
-        tooltip: 'An input mask helps the user with input by ensuring a predefined format.<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target=\'_blank\' href=\'https://github.com/RobinHerbots/jquery.inputmask\'>jquery.inputmask documentation</a> for more information.</a>',
+        tooltip: "An input mask helps the user with input by ensuring a predefined format.<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target='_blank' href='https://github.com/RobinHerbots/jquery.inputmask'>jquery.inputmask documentation</a> for more information.</a>",
         customConditional(context) {
             return !context.data.allowMultipleMasks;
         },
@@ -80,7 +90,7 @@ exports.default = [
         input: true,
         key: 'displayMask',
         label: 'Display Mask',
-        tooltip: 'A display mask helps to display the input in a readable way, this won\'t affect the  value which will be saved (to affect both view and saved value, delete Display Mask and use Input Mask).<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target=\'_blank\' href=\'https://github.com/RobinHerbots/jquery.inputmask\'>jquery.inputmask documentation</a> for more information.</a>',
+        tooltip: "A display mask helps to display the input in a readable way, this won't affect the  value which will be saved (to affect both view and saved value, delete Display Mask and use Input Mask).<br><br>9: numeric<br>a: alphabetical<br>*: alphanumeric<br><br>Example telephone mask: (999) 999-9999<br><br>See the <a target='_blank' href='https://github.com/RobinHerbots/jquery.inputmask'>jquery.inputmask documentation</a> for more information.</a>",
         customConditional(context) {
             return !context.data.allowMultipleMasks;
         },
@@ -112,18 +122,18 @@ exports.default = [
         label: 'Input Mask Placeholder Char',
         tooltip: 'You can specify a char which will be used as a placeholder in the field. <br>E.g., \u02cd<br>Make note that placeholder char will be replaced by a space if it is used inside the mask',
         validation: {
-            maxLength: 1
+            maxLength: 1,
         },
         customConditional(context) {
             return context.data.inputMask || context.data.displayMask;
-        }
+        },
     },
     {
         weight: 413,
         type: 'checkbox',
         input: true,
         key: 'allowMultipleMasks',
-        label: 'Allow Multiple Masks'
+        label: 'Allow Multiple Masks',
     },
     {
         weight: 1350,
@@ -131,7 +141,7 @@ exports.default = [
         input: true,
         key: 'spellcheck',
         defaultValue: true,
-        label: 'Allow Spellcheck'
+        label: 'Allow Spellcheck',
     },
     {
         weight: 417,
@@ -148,29 +158,29 @@ exports.default = [
                 type: 'textfield',
                 key: 'label',
                 label: 'Label',
-                input: true
+                input: true,
             },
             {
                 type: 'textfield',
                 key: 'mask',
                 label: 'Mask',
-                input: true
-            }
-        ]
+                input: true,
+            },
+        ],
     },
     {
         weight: 320,
         type: 'textfield',
         input: true,
         key: 'prefix',
-        label: 'Prefix'
+        label: 'Prefix',
     },
     {
         weight: 330,
         type: 'textfield',
         input: true,
         key: 'suffix',
-        label: 'Suffix'
+        label: 'Suffix',
     },
     {
         weight: 700,
@@ -179,7 +189,7 @@ exports.default = [
         key: 'autocomplete',
         label: 'Autocomplete',
         placeholder: 'on',
-        tooltip: 'Indicates whether input elements can by default have their values automatically completed by the browser. See the <a href=\'https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\'>MDN documentation</a> on autocomplete for more information.'
+        tooltip: "Indicates whether input elements can by default have their values automatically completed by the browser. See the <a href='https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete'>MDN documentation</a> on autocomplete for more information.",
     },
     {
         weight: 1300,
@@ -187,7 +197,7 @@ exports.default = [
         label: 'Hide Input',
         tooltip: 'Hide the input in the browser. This does not encrypt on the server. Do not use for passwords.',
         key: 'mask',
-        input: true
+        input: true,
     },
     {
         weight: 1200,
@@ -195,7 +205,7 @@ exports.default = [
         label: 'Show Word Counter',
         tooltip: 'Show a live count of the number of words.',
         key: 'showWordCount',
-        input: true
+        input: true,
     },
     {
         weight: 1201,
@@ -203,6 +213,6 @@ exports.default = [
         label: 'Show Character Counter',
         tooltip: 'Show a live count of the number of characters.',
         key: 'showCharCount',
-        input: true
+        input: true,
     },
 ];

package/lib/cjs/components/textfield/editForm/TextField.edit.validation.js

@@ -8,7 +8,7 @@ exports.default = [
         placeholder: 'Minimum Length',
         type: 'number',
         tooltip: 'The minimum length requirement this field must meet.',
-        input: true
+        input: true,
     },
     {
         weight: 120,
@@ -17,7 +17,7 @@ exports.default = [
         placeholder: 'Maximum Length',
         type: 'number',
         tooltip: 'The maximum length requirement this field must meet.',
-        input: true
+        input: true,
     },
     {
         weight: 125,
@@ -26,7 +26,7 @@ exports.default = [
         placeholder: 'Minimum Word Length',
         type: 'number',
         tooltip: 'The minimum amount of words that can be added to this field.',
-        input: true
+        input: true,
     },
     {
         weight: 126,
@@ -35,7 +35,7 @@ exports.default = [
         placeholder: 'Maximum Word Length',
         type: 'number',
         tooltip: 'The maximum amount of words that can be added to this field.',
-        input: true
+        input: true,
     },
     {
         weight: 130,
@@ -44,6 +44,6 @@ exports.default = [
         placeholder: 'Regular Expression Pattern',
         type: 'textfield',
         tooltip: 'The regular expression pattern test that the field value must pass before the form can be submitted.',
-        input: true
-    }
+        input: true,
+    },
 ];

package/lib/cjs/components/time/Time.js

@@ -22,11 +22,12 @@ class TimeComponent extends TextField_1.default {
         super(component, options, data);
         const { edge: isEdgeBrowser, version: edgeVersion } = (0, utils_1.getBrowserInfo)();
         this.component.inputMask = this.getInputMaskFromFormat(this.component.format);
-        this.component.inputType = isEdgeBrowser && edgeVersion <= 18
-            ? 'text'
-            : (this.component.inputType || 'time');
+        this.component.inputType =
+            isEdgeBrowser && edgeVersion <= 18 ? 'text' : this.component.inputType || 'time';
         // If default value is given then the raw data needs to be set
-        this.rawData = this.component.multiple ? [] : this.getValueAsString(this.defaultValue) || this.emptyValue;
+        this.rawData = this.component.multiple
+            ? []
+            : this.getValueAsString(this.defaultValue) || this.emptyValue;
     }
     static get builderInfo() {
         return {
@@ -47,7 +48,7 @@ class TimeComponent extends TextField_1.default {
     get defaultValue() {
         let value = super.defaultValue;
         if (this.component.multiple && Array.isArray(value)) {
-            value = value.map(item => item ? this.getStringAsValue(item) : item);
+            value = value.map((item) => (item ? this.getStringAsValue(item) : item));
         }
         else {
             if (value) {
@@ -68,7 +69,12 @@ class TimeComponent extends TextField_1.default {
         return value.includes('_');
     }
     removeValue(index) {
-        this.rawData = Array.isArray(this.rawData) ? [...this.rawData.slice(0, index), ...this.rawData.slice(index + 1)] : this.emptyValue;
+        this.rawData = Array.isArray(this.rawData)
+            ? [
+                ...this.rawData.slice(0, index),
+                ...this.rawData.slice(index + 1),
+            ]
+            : this.emptyValue;
         super.removeValue(index);
     }
     resetRawData(index) {
@@ -116,9 +122,11 @@ class TimeComponent extends TextField_1.default {
     }
     getValueAsString(value) {
         if (Array.isArray(value) && this.component.multiple) {
-            return value.map(item => (0, moment_1.default)(item, this.component.dataFormat).format(this.component.format)).join(', ');
+            return value
+                .map((item) => (0, moment_1.default)(item, this.component.dataFormat).format(this.component.format))
+                .join(', ');
         }
-        return (value ? (0, moment_1.default)(value, this.component.dataFormat).format(this.component.format) : value) || '';
+        return ((value ? (0, moment_1.default)(value, this.component.dataFormat).format(this.component.format) : value) || '');
     }
     getInputMaskFromFormat(format) {
         if (format === 'LT') {
@@ -127,8 +135,7 @@ class TimeComponent extends TextField_1.default {
         if (format === 'LTS') {
             return '99:99:99 AA';
         }
-        return format.replace(/[hHmMsSk]/g, '9')
-            .replace(/[aA]/, 'AA');
+        return format.replace(/[hHmMsSk]/g, '9').replace(/[aA]/, 'AA');
     }
     addFocusBlurEvents(element) {
         super.addFocusBlurEvents(element);

package/lib/cjs/components/time/editForm/Time.edit.display.js

@@ -5,7 +5,7 @@ exports.default = [
         type: 'select',
         input: true,
         weight: 40,
-        tooltip: 'Select the type of widget you\'d like to use.',
+        tooltip: "Select the type of widget you'd like to use.",
         key: 'inputType',
         defaultValue: 'time',
         label: 'Input Type',
@@ -38,5 +38,5 @@ exports.default = [
     {
         key: 'placeholder',
         ignore: true,
-    }
+    },
 ];

package/lib/cjs/components/unknown/Unknown.form.js

@@ -20,11 +20,11 @@ function default_1() {
                         label: 'Custom',
                         key: 'display',
                         weight: 0,
-                        components: Unknown_edit_display_1.default
-                    }
-                ]
-            }
-        ]
+                        components: Unknown_edit_display_1.default,
+                    },
+                ],
+            },
+        ],
     };
 }
 exports.default = default_1;

package/lib/cjs/components/unknown/Unknown.js

@@ -10,7 +10,7 @@ class UnknownComponent extends Component_1.default {
             type: 'custom',
             key: 'custom',
             protected: false,
-            persistent: true
+            persistent: true,
         };
     }
     static get builderInfo() {
@@ -20,7 +20,7 @@ class UnknownComponent extends Component_1.default {
             group: 'premium',
             documentation: '/userguide/form-building/premium-components#custom',
             weight: 120,
-            schema: UnknownComponent.schema()
+            schema: UnknownComponent.schema(),
         };
     }
     get defaultSchema() {

package/lib/cjs/components/unknown/editForm/Unknown.edit.display.js

@@ -12,7 +12,7 @@ exports.default = [
             'custom component documentation' +
             '</a>.',
         type: 'htmlelement',
-        weight: 5
+        weight: 5,
     },
     {
         type: 'textarea',
@@ -22,6 +22,6 @@ exports.default = [
         input: true,
         key: 'componentJson',
         label: 'Custom Element JSON',
-        tooltip: 'Enter the JSON for this custom element.'
-    }
+        tooltip: 'Enter the JSON for this custom element.',
+    },
 ];

package/lib/cjs/components/url/Url.form.js

@@ -16,15 +16,15 @@ function default_1(...extend) {
     return (0, TextField_form_1.default)([
         {
             key: 'display',
-            components: Url_edit_display_1.default
+            components: Url_edit_display_1.default,
         },
         {
             key: 'data',
-            components: Url_edit_data_1.default
+            components: Url_edit_data_1.default,
         },
         {
             key: 'validation',
-            components: Url_edit_validation_1.default
+            components: Url_edit_validation_1.default,
         },
     ], ...extend);
 }

package/lib/cjs/components/url/Url.js

@@ -10,7 +10,7 @@ class UrlComponent extends TextField_1.default {
             type: 'url',
             label: 'Url',
             key: 'url',
-            inputType: 'url'
+            inputType: 'url',
         }, ...extend);
     }
     static get builderInfo() {
@@ -20,7 +20,7 @@ class UrlComponent extends TextField_1.default {
             icon: 'link',
             documentation: '/userguide/form-building/advanced-components#url',
             weight: 20,
-            schema: UrlComponent.schema()
+            schema: UrlComponent.schema(),
         };
     }
     constructor(component, options, data) {

package/lib/cjs/components/url/editForm/Url.edit.display.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'inputMask',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'allowMultipleMasks',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'showWordCount',
@@ -16,5 +16,5 @@ exports.default = [
     {
         key: 'showCharCount',
         ignore: true,
-    }
+    },
 ];

package/lib/cjs/components/url/editForm/Url.edit.validation.js

@@ -7,6 +7,6 @@ exports.default = [
     },
     {
         key: 'validate.maxWords',
-        ignore: true
+        ignore: true,
     },
 ];

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

@@ -14,7 +14,7 @@ function default_1(...extend) {
     return (0, NestedComponent_form_1.default)([
         {
             key: 'display',
-            components: Well_edit_display_1.default
+            components: Well_edit_display_1.default,
         },
     ], ...extend);
 }

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

@@ -11,7 +11,7 @@ class WellComponent extends NestedComponent_1.default {
             key: 'well',
             input: false,
             persistent: false,
-            components: []
+            components: [],
         }, ...extend);
     }
     static get builderInfo() {
@@ -22,7 +22,7 @@ class WellComponent extends NestedComponent_1.default {
             documentation: '/userguide/form-building/layout-components#well',
             showPreview: false,
             weight: 60,
-            schema: WellComponent.schema()
+            schema: WellComponent.schema(),
         };
     }
     static savedValueTypes() {

package/lib/cjs/components/well/editForm/Well.edit.display.js

@@ -3,35 +3,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'labelPosition',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'placeholder',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'description',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'autofocus',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tooltip',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tabindex',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'tableView',
-        ignore: true
+        ignore: true,
     },
     {
         key: 'hideLabel',
-        ignore: true
+        ignore: true,
     },
     {
         weight: 0,
@@ -42,9 +42,9 @@ exports.default = [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true
+            required: true,
         },
         autofocus: true,
-        overrideEditForm: true
+        overrideEditForm: true,
     },
 ];

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

@@ -24,4 +24,5 @@ import Licenses from './licenses';
 import EventEmitter from './EventEmitter';
 import Webform from './Webform';
 import { DefaultEvaluator } from './utils';
-export { Components, Displays, Providers, Widgets, Templates, Utils, Form, Formio, Licenses, EventEmitter, Webform, DefaultEvaluator };
+import { FormOptions } from './Form';
+export { Components, Displays, Providers, Widgets, Templates, Utils, Form, Formio, Licenses, EventEmitter, Webform, DefaultEvaluator, FormOptions };

package/lib/cjs/formio.form.js

@@ -1,9 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DefaultEvaluator = exports.Webform = exports.EventEmitter = exports.Licenses = exports.Formio = exports.Form = exports.Utils = exports.Templates = exports.Widgets = exports.Providers = exports.Displays = exports.Components = exports.FormioCore = exports.useModule = exports.registerModule = void 0;
+exports.FormOptions = exports.DefaultEvaluator = exports.Webform = exports.EventEmitter = exports.Licenses = exports.Formio = exports.Form = exports.Utils = exports.Templates = exports.Widgets = exports.Providers = exports.Displays = exports.Components = exports.FormioCore = 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; } });
@@ -18,21 +41,20 @@ const providers_1 = __importDefault(require("./providers"));
 exports.Providers = providers_1.default;
 const widgets_1 = __importDefault(require("./widgets"));
 exports.Widgets = widgets_1.default;
-const Form_1 = __importDefault(require("./Form"));
+const Form_1 = __importStar(require("./Form"));
 exports.Form = Form_1.default;
-const utils_1 = __importDefault(require("./utils"));
+Object.defineProperty(exports, "FormOptions", { enumerable: true, get: function () { return Form_1.FormOptions; } });
+const utils_1 = __importStar(require("./utils"));
 exports.Utils = utils_1.default;
+Object.defineProperty(exports, "DefaultEvaluator", { enumerable: true, get: function () { return utils_1.DefaultEvaluator; } });
 const licenses_1 = __importDefault(require("./licenses"));
 exports.Licenses = licenses_1.default;
 const EventEmitter_1 = __importDefault(require("./EventEmitter"));
 exports.EventEmitter = EventEmitter_1.default;
 const Webform_1 = __importDefault(require("./Webform"));
 exports.Webform = Webform_1.default;
-const utils_2 = require("./utils");
-Object.defineProperty(exports, "DefaultEvaluator", { enumerable: true, get: function () { return utils_2.DefaultEvaluator; } });
 Formio_1.Formio.loadModules = (path = `${Formio_1.Formio.getApiUrl()}/externalModules.js`, name = 'externalModules') => {
-    Formio_1.Formio.requireLibrary(name, name, path, true)
-        .then((modules) => {
+    Formio_1.Formio.requireLibrary(name, name, path, true).then((modules) => {
         Formio_1.Formio.use(modules);
     });
 };
@@ -45,10 +67,10 @@ Formio_1.Formio.Form = Form_1.default;
 Formio_1.Formio.Displays = Displays_1.default;
 Formio_1.Formio.Providers = providers_1.default;
 Formio_1.Formio.Widgets = widgets_1.default;
-Formio_1.Formio.Evaluator = utils_2.Evaluator;
+Formio_1.Formio.Evaluator = utils_1.Evaluator;
 Formio_1.Formio.AllComponents = components_1.default;
 Formio_1.Formio.Licenses = licenses_1.default;
-Formio_1.Formio.DefaultEvaluator = utils_2.DefaultEvaluator;
+Formio_1.Formio.DefaultEvaluator = utils_1.DefaultEvaluator;
 // 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);
@@ -101,7 +123,7 @@ function registerModule(mod, defaultFn = null, options = {}) {
                 Formio_1.Formio.Displays.addDisplays(mod.displays);
                 break;
             case 'evaluator':
-                (0, utils_2.registerEvaluator)(mod.evaluator);
+                (0, utils_1.registerEvaluator)(mod.evaluator);
                 break;
             case 'library':
                 options.license
@@ -126,10 +148,14 @@ exports.registerModule = registerModule;
  */
 function useModule(defaultFn = null) {
     return (plugins, options = {}) => {
-        plugins = lodash_1.default.isArray(plugins) ? plugins : [plugins];
+        plugins = lodash_1.default.isArray(plugins)
+            ? plugins
+            : [
+                plugins,
+            ];
         plugins.forEach((plugin) => {
             if (Array.isArray(plugin)) {
-                plugin.forEach(p => registerModule(p, defaultFn, options));
+                plugin.forEach((p) => registerModule(p, defaultFn, options));
             }
             else {
                 registerModule(plugin, defaultFn, options);

package/lib/cjs/i18n.d.ts

@@ -8,6 +8,10 @@ declare namespace _default {
         namespace en {
             let translation: any;
         }
+        namespace de {
+            let translation_1: any;
+            export { translation_1 as translation };
+        }
     }
 }
 export default _default;

package/lib/cjs/i18n.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const en_1 = __importDefault(require("./translations/en"));
+const de_1 = __importDefault(require("./translations/de"));
 const utils_1 = require("./utils");
 exports.default = {
     lng: 'en',
@@ -13,7 +14,10 @@ exports.default = {
     contextSeparator: '._.',
     resources: {
         en: {
-            translation: (0, utils_1.fastCloneDeep)(en_1.default)
-        }
-    }
+            translation: (0, utils_1.fastCloneDeep)(en_1.default),
+        },
+        de: {
+            translation: (0, utils_1.fastCloneDeep)(de_1.default),
+        },
+    },
 };

package/lib/cjs/package.json

@@ -1,4 +1,4 @@
 {
     "type": "commonjs",
-    "version": "5.2.3"
+    "version": "5.3.0-rc.0"
 }