@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/datetime/editForm/DateTime.edit.validation.js

@@ -8,7 +8,7 @@ exports.default = [
         label: 'Use Input to add moment.js for minDate',
         persistent: false,
         weight: 10,
-        tooltip: 'Enables to use input for moment functions instead of calendar.',
+        tooltip: 'Enables to use input for moment functions instead of calendar.'
     },
     {
         label: 'Minimum Date',
@@ -57,7 +57,7 @@ exports.default = [
         label: 'Use Input to add moment.js for maxDate',
         persistent: false,
         weight: 20,
-        tooltip: 'Enables to use input for moment functions instead of calendar.',
+        tooltip: 'Enables to use input for moment functions instead of calendar.'
     },
     {
         label: 'Maximum Date',
@@ -101,5 +101,5 @@ exports.default = [
         enableTime: false,
         skipMerge: true,
         weight: 20,
-    },
+    }
 ];

package/lib/cjs/components/day/Day.form.js

@@ -19,7 +19,7 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'display',
-            components: Day_edit_display_1.default,
+            components: Day_edit_display_1.default
         },
         {
             key: 'data',
@@ -27,25 +27,25 @@ function default_1(...extend) {
         },
         {
             key: 'validation',
-            components: Day_edit_validation_1.default,
+            components: Day_edit_validation_1.default
         },
         {
             key: 'day',
             label: 'Day',
             weight: 3,
-            components: Day_edit_day_1.default,
+            components: Day_edit_day_1.default
         },
         {
             key: 'month',
             label: 'Month',
             weight: 3,
-            components: Day_edit_month_1.default,
+            components: Day_edit_month_1.default
         },
         {
             key: 'year',
             label: 'Year',
             weight: 3,
-            components: Day_edit_year_1.default,
+            components: Day_edit_year_1.default
         },
     ], ...extend);
 }

package/lib/cjs/components/day/Day.js

@@ -18,21 +18,21 @@ class DayComponent extends Field_1.default {
                 day: {
                     type: 'number',
                     placeholder: '',
-                    required: false,
+                    required: false
                 },
                 month: {
                     type: 'select',
                     placeholder: '',
-                    required: false,
+                    required: false
                 },
                 year: {
                     type: 'number',
                     placeholder: '',
-                    required: false,
-                },
+                    required: false
+                }
             },
             dayFirst: false,
-            defaultValue: '',
+            defaultValue: ''
         }, ...extend);
     }
     static get builderInfo() {
@@ -42,29 +42,18 @@ class DayComponent extends Field_1.default {
             icon: 'calendar',
             documentation: '/userguide/form-building/advanced-components#day',
             weight: 50,
-            schema: DayComponent.schema(),
+            schema: DayComponent.schema()
         };
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                'isDateEqual',
-                'isNotDateEqual',
-                'isEmpty',
-                'isNotEmpty',
-                'dateLessThan',
-                'dateGreaterThan',
-                'dateLessThanOrEqual',
-                'dateGreaterThanOrEqual',
-            ] });
+        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isDateEqual', 'isNotDateEqual', 'isEmpty', 'isNotEmpty', 'dateLessThan', 'dateGreaterThan', 'dateLessThanOrEqual', 'dateGreaterThanOrEqual'] });
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return ((0, utils_1.getComponentSavedTypes)(schema) || [
-            utils_1.componentValueTypes.string,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.string];
     }
     constructor(component, options, data) {
-        if (options && !options.inFormBuilder && !options.building) {
+        if (!options.inFormBuilder && !options.building) {
             if (component.maxDate && component.maxDate.indexOf('moment(') === -1) {
                 component.maxDate = (0, moment_1.default)(component.maxDate, 'YYYY-MM-DD').toISOString();
             }
@@ -149,7 +138,7 @@ class DayComponent extends Field_1.default {
                 step: 1,
                 min,
                 max,
-            },
+            }
         };
     }
     selectDefinition(name) {
@@ -161,8 +150,8 @@ class DayComponent extends Field_1.default {
                 id: `${this.component.key}-${name}`,
                 class: 'form-control',
                 name,
-                lang: this.options.language,
-            },
+                lang: this.options.language
+            }
         };
     }
     get days() {
@@ -170,12 +159,12 @@ class DayComponent extends Field_1.default {
             return this._days;
         }
         this._days = [
-            { value: '', label: lodash_1.default.get(this.component, 'fields.day.placeholder', '') },
+            { value: '', label: lodash_1.default.get(this.component, 'fields.day.placeholder', '') }
         ];
         for (let x = 1; x <= 31; x++) {
             this._days.push({
                 value: x,
-                label: x.toString(),
+                label: x.toString()
             });
         }
         return this._days;
@@ -187,8 +176,7 @@ class DayComponent extends Field_1.default {
         this._months = [
             {
                 value: '',
-                label: lodash_1.default.get(this.component, 'fields.month.placeholder') ||
-                    (this.hideInputLabels ? this.t('Month') : ''),
+                label: lodash_1.default.get(this.component, 'fields.month.placeholder') || (this.hideInputLabels ? this.t('Month') : '')
             },
             { value: 1, label: 'January' },
             { value: 2, label: 'February' },
@@ -201,7 +189,7 @@ class DayComponent extends Field_1.default {
             { value: 9, label: 'September' },
             { value: 10, label: 'October' },
             { value: 11, label: 'November' },
-            { value: 12, label: 'December' },
+            { value: 12, label: 'December' }
         ];
         return this._months;
     }
@@ -210,32 +198,24 @@ class DayComponent extends Field_1.default {
             return this._years;
         }
         this._years = [
-            { value: '', label: lodash_1.default.get(this.component, 'fields.year.placeholder', '') },
+            { value: '', label: lodash_1.default.get(this.component, 'fields.year.placeholder', '') }
         ];
         const minYears = lodash_1.default.get(this.component, 'fields.year.minYear', 1900) || 1900;
         const maxYears = lodash_1.default.get(this.component, 'fields.year.maxYear', 2030) || 2030;
         for (let x = minYears; x <= maxYears; x++) {
             this._years.push({
                 value: x,
-                label: x.toString(),
+                label: x.toString()
             });
         }
         return this._years;
     }
     setErrorClasses(elements, dirty, hasError) {
         super.setErrorClasses(elements, dirty, hasError);
-        super.setErrorClasses([
-            this.refs.day,
-            this.refs.month,
-            this.refs.year,
-        ], dirty, hasError);
+        super.setErrorClasses([this.refs.day, this.refs.month, this.refs.year], dirty, hasError);
     }
     removeInputError(elements) {
-        super.removeInputError([
-            this.refs.day,
-            this.refs.month,
-            this.refs.year,
-        ]);
+        super.removeInputError([this.refs.day, this.refs.month, this.refs.year]);
         super.removeInputError(elements);
     }
     init() {
@@ -267,19 +247,18 @@ class DayComponent extends Field_1.default {
         if (this.component.fields[name].type === 'select') {
             return this.renderTemplate('select', {
                 input: this.selectDefinition(name),
-                selectOptions: this[`${name}s`].reduce((html, option) => html +
-                    this.renderTemplate('selectOption', {
-                        option,
-                        selected: false,
-                        attrs: {},
-                    }), ''),
+                selectOptions: this[`${name}s`].reduce((html, option) => html + this.renderTemplate('selectOption', {
+                    option,
+                    selected: false,
+                    attrs: {}
+                }), ''),
             });
         }
         else {
             return this.renderTemplate('input', {
                 prefix: this.prefix,
                 suffix: this.suffix,
-                input: this.inputDefinition(name),
+                input: this.inputDefinition(name)
             });
         }
     }
@@ -310,8 +289,7 @@ class DayComponent extends Field_1.default {
             // TODO: Need to rework this to work with day select as well.
             // Change day max input when month changes.
             this.addEventListener(this.refs.month, 'input', () => {
-                const maxDay = this.refs.year
-                    ? parseInt(new Date(this.refs.year.value, this.refs.month.value, 0).getDate(), 10)
+                const maxDay = this.refs.year ? parseInt(new Date(this.refs.year.value, this.refs.month.value, 0).getDate(), 10)
                     : '';
                 const day = this.getFieldValue('day');
                 if (!this.component.fields.day.hide && maxDay) {
@@ -324,15 +302,9 @@ class DayComponent extends Field_1.default {
             });
             this.addEventListener(this.refs.year, 'input', updateValueAndSaveFocus(this.refs.year, 'year'));
             this.addEventListener(this.refs.input, this.info.changeEvent, () => this.updateValue(null, {
-                modified: true,
+                modified: true
             }));
-            [
-                this.refs.day,
-                this.refs.month,
-                this.refs.year,
-            ]
-                .filter((element) => !!element)
-                .forEach((element) => {
+            [this.refs.day, this.refs.month, this.refs.year].filter((element) => !!element).forEach((element) => {
                 super.addFocusBlurEvents(element);
             });
         }
@@ -383,32 +355,16 @@ class DayComponent extends Field_1.default {
         }
         const dateParts = [];
         const valueParts = value.split('/');
-        const [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const defaultValue = this.component.defaultValue ? this.component.defaultValue.split('/') : '';
         let defaultDay = '';
         let defaultMonth = '';
         let defaultYear = '';
         if (defaultValue) {
             const hasHiddenFields = defaultValue.length !== 3;
-            defaultDay = hasHiddenFields
-                ? this.getDayWithHiddenFields(defaultValue).day
-                : defaultValue[DAY];
-            defaultMonth = hasHiddenFields
-                ? this.getDayWithHiddenFields(defaultValue).month
-                : defaultValue[MONTH];
-            defaultYear = hasHiddenFields
-                ? this.getDayWithHiddenFields(defaultValue).year
-                : defaultValue[YEAR];
+            defaultDay = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).day : defaultValue[DAY];
+            defaultMonth = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).month : defaultValue[MONTH];
+            defaultYear = hasHiddenFields ? this.getDayWithHiddenFields(defaultValue).year : defaultValue[YEAR];
         }
         if (this.options.building && defaultValue.length === 3) {
             return this.component.defaultValue;
@@ -470,17 +426,7 @@ class DayComponent extends Field_1.default {
         }
     }
     getDayWithHiddenFields(parts) {
-        let [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        let [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         if (!this.showDay) {
             MONTH = MONTH === 0 ? 0 : MONTH - 1;
             YEAR = YEAR - 1;
@@ -517,7 +463,7 @@ class DayComponent extends Field_1.default {
                 break;
         }
         val = parseInt(val, 10);
-        return !lodash_1.default.isNaN(val) && lodash_1.default.isNumber(val) ? val : 0;
+        return (!lodash_1.default.isNaN(val) && lodash_1.default.isNumber(val)) ? val : 0;
     }
     get parts() {
         return {
@@ -539,69 +485,46 @@ class DayComponent extends Field_1.default {
      * @returns {null|string} - The date string.
      */
     getDate(value) {
+        var _a;
         let defaults = [], day, month, year;
         // Map positions to identifiers to get default values for each part of day
-        const [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const defaultValue = value || this.component.defaultValue;
         if (defaultValue) {
-            defaults = defaultValue.split('/').map((x) => parseInt(x, 10));
+            defaults = defaultValue.split('/').map(x => parseInt(x, 10));
         }
         const isModalEditClosed = this.component.modalEdit && !this.componentModal.isOpened;
         if (this.showDay && this.refs.day) {
-            day =
-                this.refs.day.value === '' && !isModalEditClosed ? '' : parseInt(this.refs.day.value, 10);
+            day = (this.refs.day.value === '' && !isModalEditClosed) ? '' : parseInt(this.refs.day.value, 10);
         }
         if (day === undefined || lodash_1.default.isNaN(day) || value) {
-            day =
-                defaults.length !== 3
-                    ? this.getDayWithHiddenFields(defaults).day
-                    : defaults[DAY] && !lodash_1.default.isNaN(defaults[DAY])
-                        ? defaults[DAY]
-                        : 0;
+            day = (defaults.length !== 3)
+                ? this.getDayWithHiddenFields(defaults).day
+                : (defaults[DAY] && !lodash_1.default.isNaN(defaults[DAY]) ? defaults[DAY] : 0);
         }
         if (this.showMonth && this.refs.month) {
             // Months are 0 indexed.
-            month =
-                this.refs.month.value === '' && !isModalEditClosed
-                    ? ''
-                    : parseInt(this.refs.month.value, 10);
+            month = (this.refs.month.value === '' && !isModalEditClosed) ? '' : parseInt(this.refs.month.value, 10);
         }
         if (month === undefined || lodash_1.default.isNaN(month) || value) {
-            month =
-                defaults.length !== 3
-                    ? this.getDayWithHiddenFields(defaults).month
-                    : defaults[MONTH] && !lodash_1.default.isNaN(defaults[MONTH])
-                        ? defaults[MONTH]
-                        : 0;
+            month = (defaults.length !== 3)
+                ? this.getDayWithHiddenFields(defaults).month
+                : (defaults[MONTH] && !lodash_1.default.isNaN(defaults[MONTH]) ? defaults[MONTH] : 0);
         }
         if (this.showYear && this.refs.year) {
-            year =
-                this.refs.year.value === '' && !isModalEditClosed ? '' : parseInt(this.refs.year.value);
+            year = (this.refs.year.value === '' && !isModalEditClosed) ? '' : parseInt(this.refs.year.value);
         }
         if (year === undefined || lodash_1.default.isNaN(year) || value) {
-            year =
-                defaults.length !== 3
-                    ? this.getDayWithHiddenFields(defaults).year
-                    : defaults[YEAR] && !lodash_1.default.isNaN(defaults[YEAR])
-                        ? defaults[YEAR]
-                        : 0;
+            year = (defaults.length !== 3)
+                ? this.getDayWithHiddenFields(defaults).year
+                : (defaults[YEAR] && !lodash_1.default.isNaN(defaults[YEAR]) ? defaults[YEAR] : 0);
         }
         let result;
         if (!day && !month && !year) {
             if (!isModalEditClosed) {
                 this.dataValue = this.emptyValue;
                 if (this.options.building) {
-                    this.triggerChange();
+                    (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
                 }
             }
             return null;
@@ -611,10 +534,10 @@ class DayComponent extends Field_1.default {
         month = this.showMonth ? month.toString().padStart(2, 0) : '';
         year = this.showYear ? year.toString().padStart(4, 0) : '';
         if (this.component.dayFirst) {
-            result = `${day}${(this.showDay && this.showMonth) || (this.showDay && this.showYear) ? '/' : ''}${month}${this.showMonth && this.showYear ? '/' : ''}${year}`;
+            result = `${day}${this.showDay && this.showMonth || this.showDay && this.showYear ? '/' : ''}${month}${this.showMonth && this.showYear ? '/' : ''}${year}`;
         }
         else {
-            result = `${month}${(this.showDay && this.showMonth) || (this.showMonth && this.showYear) ? '/' : ''}${day}${this.showDay && this.showYear ? '/' : ''}${year}`;
+            result = `${month}${this.showDay && this.showMonth || this.showMonth && this.showYear ? '/' : ''}${day}${this.showDay && this.showYear ? '/' : ''}${year}`;
         }
         return result;
     }
@@ -634,7 +557,7 @@ class DayComponent extends Field_1.default {
     }
     getValue() {
         const result = super.getValue();
-        return !result ? this.dataValue : result;
+        return (!result) ? this.dataValue : result;
     }
     /**
      * Get the value at a specific index.
@@ -668,12 +591,10 @@ class DayComponent extends Field_1.default {
         if (field && typeof field === 'string' && this.refs[field]) {
             this.refs[field].focus();
         }
-        else if ((this.dayFirst && this.showDay) ||
-            (!this.dayFirst && !this.showMonth && this.showDay)) {
+        else if (this.dayFirst && this.showDay || !this.dayFirst && !this.showMonth && this.showDay) {
             (_a = this.refs.day) === null || _a === void 0 ? void 0 : _a.focus();
         }
-        else if ((this.dayFirst && !this.showDay && this.showMonth) ||
-            (!this.dayFirst && this.showMonth)) {
+        else if (this.dayFirst && !this.showDay && this.showMonth || !this.dayFirst && this.showMonth) {
             (_b = this.refs.month) === null || _b === void 0 ? void 0 : _b.focus();
         }
         else if (!this.showDay && !this.showDay && this.showYear) {
@@ -697,22 +618,12 @@ class DayComponent extends Field_1.default {
         if (!value) {
             return true;
         }
-        const [DAY, MONTH, YEAR,] = this.component.dayFirst
-            ? [
-                0,
-                1,
-                2,
-            ]
-            : [
-                1,
-                0,
-                2,
-            ];
+        const [DAY, MONTH, YEAR] = this.component.dayFirst ? [0, 1, 2] : [1, 0, 2];
         const values = value.split('/');
         if (values.length < 3) {
             return true;
         }
-        return values[DAY] === '00' || values[MONTH] === '00' || values[YEAR] === '0000';
+        return (values[DAY] === '00' || values[MONTH] === '00' || values[YEAR] === '0000');
     }
     getValidationFormat() {
         var _a, _b, _c, _d, _e, _f;

package/lib/cjs/components/day/editForm/Day.edit.day.js

@@ -15,14 +15,14 @@ exports.default = [
             values: [
                 {
                     label: 'Number',
-                    value: 'number',
+                    value: 'number'
                 },
                 {
                     label: 'Select',
-                    value: 'select',
+                    value: 'select'
                 },
-            ],
-        },
+            ]
+        }
     },
     {
         weight: 210,
@@ -31,7 +31,7 @@ exports.default = [
         key: 'fields.day.placeholder',
         label: 'Placeholder',
         placeholder: 'Day Placeholder',
-        tooltip: 'The placeholder text that will appear when Day field is empty.',
+        tooltip: 'The placeholder text that will appear when Day field is empty.'
     },
     {
         weight: 215,
@@ -43,13 +43,9 @@ exports.default = [
             if (data.defaultValue) {
                 const defaultValueParts = data.defaultValue.split('/');
                 if (!data.fields.day.hide && defaultValueParts.length !== 3) {
-                    const newDefaultValue = [
-                        '00',
-                    ];
+                    const newDefaultValue = ['00'];
                     if (!data.fields.month.hide) {
-                        data.dayFirst
-                            ? newDefaultValue.push(defaultValueParts[0])
-                            : newDefaultValue.unshift(defaultValueParts[0]);
+                        data.dayFirst ? newDefaultValue.push(defaultValueParts[0]) : newDefaultValue.unshift(defaultValueParts[0]);
                     }
                     if (!data.fields.year.hide) {
                         newDefaultValue.push(defaultValueParts[1]);
@@ -58,7 +54,7 @@ exports.default = [
                 }
             }
         },
-        input: true,
+        input: true
     },
     {
         weight: 214,
@@ -66,6 +62,6 @@ exports.default = [
         label: 'Day First',
         tooltip: 'Display the Day field before the Month field.',
         key: 'dayFirst',
-        input: true,
+        input: true
     },
 ];

package/lib/cjs/components/day/editForm/Day.edit.display.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'labelPosition',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 15,
@@ -11,7 +11,7 @@ exports.default = [
         label: 'Hide Input Labels',
         tooltip: 'Hide the labels of component inputs. This allows you to show the labels in the form builder, but not when it is rendered.',
         key: 'hideInputLabels',
-        input: true,
+        input: true
     },
     {
         type: 'select',
@@ -27,13 +27,13 @@ exports.default = [
                 { label: 'Top', value: 'top' },
                 { label: 'Left', value: 'left' },
                 { label: 'Right', value: 'right' },
-                { label: 'Bottom', value: 'bottom' },
-            ],
-        },
+                { label: 'Bottom', value: 'bottom' }
+            ]
+        }
     },
     {
         key: 'placeholder',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 213,
@@ -41,6 +41,6 @@ exports.default = [
         label: 'Use Locale Settings',
         tooltip: 'Use locale settings to display day.',
         key: 'useLocaleSettings',
-        input: true,
+        input: true
     },
 ];

package/lib/cjs/components/day/editForm/Day.edit.month.js

@@ -15,14 +15,14 @@ exports.default = [
             values: [
                 {
                     label: 'Number',
-                    value: 'number',
+                    value: 'number'
                 },
                 {
                     label: 'Select',
-                    value: 'select',
+                    value: 'select'
                 },
-            ],
-        },
+            ]
+        }
     },
     {
         weight: 210,
@@ -31,7 +31,7 @@ exports.default = [
         key: 'fields.month.placeholder',
         label: 'Placeholder',
         placeholder: 'Month Placeholder',
-        tooltip: 'The placeholder text that will appear when Month field is empty.',
+        tooltip: 'The placeholder text that will appear when Month field is empty.'
     },
     {
         weight: 215,
@@ -43,13 +43,9 @@ exports.default = [
             if (data.defaultValue) {
                 const defaultValueParts = data.defaultValue.split('/');
                 if (!data.fields.month.hide && defaultValueParts.length !== 3) {
-                    const newDefaultValue = [
-                        '00',
-                    ];
+                    const newDefaultValue = ['00'];
                     if (!data.fields.day.hide) {
-                        data.dayFirst
-                            ? newDefaultValue.unshift(defaultValueParts[0])
-                            : newDefaultValue.push(defaultValueParts[0]);
+                        data.dayFirst ? newDefaultValue.unshift(defaultValueParts[0]) : newDefaultValue.push(defaultValueParts[0]);
                     }
                     if (!data.fields.year.hide) {
                         newDefaultValue.push(defaultValueParts[1]);
@@ -58,6 +54,6 @@ exports.default = [
                 }
             }
         },
-        input: true,
+        input: true
     },
 ];