@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/cjs/components/table/editForm/Table.edit.display.js

@@ -3,39 +3,39 @@ 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: 'disabled',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tableView',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 0,
@@ -46,10 +46,10 @@ exports.default = [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true,
+            required: true
         },
         autofocus: true,
-        overrideEditForm: true,
+        overrideEditForm: true
     },
     {
         type: 'number',
@@ -58,7 +58,7 @@ exports.default = [
         input: true,
         weight: 1,
         placeholder: 'Number of Rows',
-        tooltip: 'Enter the number or rows that should be displayed by this table.',
+        tooltip: 'Enter the number or rows that should be displayed by this table.'
     },
     {
         type: 'number',
@@ -67,7 +67,7 @@ exports.default = [
         input: true,
         weight: 2,
         placeholder: 'Number of Columns',
-        tooltip: 'Enter the number or columns that should be displayed by this table.',
+        tooltip: 'Enter the number or columns that should be displayed by this table.'
     },
     {
         type: 'checkbox',
@@ -75,7 +75,7 @@ exports.default = [
         key: 'cloneRows',
         input: true,
         weight: 3,
-        tooltip: "Check this if you would like to 'clone' the first row of components to all additional empty rows of the table.",
+        tooltip: 'Check this if you would like to \'clone\' the first row of components to all additional empty rows of the table.'
     },
     {
         type: 'select',
@@ -88,11 +88,11 @@ exports.default = [
             values: [
                 { label: 'Left', value: 'left' },
                 { label: 'Center', value: 'center' },
-                { label: 'Right', value: 'right' },
-            ],
+                { label: 'Right', value: 'right' }
+            ]
         },
         defaultValue: 'left',
-        weight: 3,
+        weight: 3
     },
     {
         type: 'checkbox',
@@ -100,7 +100,7 @@ exports.default = [
         key: 'striped',
         tooltip: 'This will stripe the table if checked.',
         input: true,
-        weight: 701,
+        weight: 701
     },
     {
         type: 'checkbox',
@@ -108,7 +108,7 @@ exports.default = [
         key: 'bordered',
         input: true,
         tooltip: 'This will border the table if checked.',
-        weight: 702,
+        weight: 702
     },
     {
         type: 'checkbox',
@@ -116,7 +116,7 @@ exports.default = [
         key: 'hover',
         input: true,
         tooltip: 'Highlight a row on hover.',
-        weight: 703,
+        weight: 703
     },
     {
         type: 'checkbox',
@@ -124,10 +124,10 @@ exports.default = [
         key: 'condensed',
         input: true,
         tooltip: 'Condense the size of the table.',
-        weight: 704,
+        weight: 704
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
 ];

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

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

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

@@ -85,8 +85,8 @@ class TabsComponent extends NestedComponent_1.default {
             tabLikey: this.tabLikey,
             tabLinkKey: this.tabLinkKey,
             currentTab: this.currentTab,
-            tabComponents: this.tabs.map((tab) => this.renderComponents(tab)),
-        }, this.options.flatten || this.options.pdf ? 'flat' : null));
+            tabComponents: this.tabs.map(tab => this.renderComponents(tab)),
+        }, (this.options.flatten || this.options.pdf ? 'flat' : null)));
     }
     attach(element) {
         this.loadRefs(element, {
@@ -94,10 +94,7 @@ class TabsComponent extends NestedComponent_1.default {
             [this.tabKey]: 'multiple',
             [this.tabLikey]: 'multiple',
         });
-        [
-            'change',
-            'error',
-        ].forEach((event) => this.on(event, this.handleTabsValidation.bind(this)));
+        ['change', 'error'].forEach(event => this.on(event, this.handleTabsValidation.bind(this)));
         const superAttach = super.attach(element);
         this.refs[this.tabLinkKey].forEach((tabLink, index) => {
             this.addEventListener(tabLink, 'click', (event) => {
@@ -118,10 +115,8 @@ class TabsComponent extends NestedComponent_1.default {
      * @param {number} index - The index of the tab to set.
      */
     setTab(index) {
-        if (!this.tabs ||
-            !this.tabs[index] ||
-            !this.refs[this.tabKey] ||
-            !this.refs[this.tabKey][index]) {
+        var _a;
+        if (!this.tabs || !this.tabs[index] || !this.refs[this.tabKey] || !this.refs[this.tabKey][index]) {
             return;
         }
         this.currentTab = index;
@@ -150,7 +145,7 @@ class TabsComponent extends NestedComponent_1.default {
             this.addClass(this.refs[this.tabLinkKey][index], 'formio-tab-link-active');
         }
         this.setValue(this.data);
-        this.triggerChange();
+        (_a = this.triggerChange) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     beforeFocus(component) {
         if ('beforeFocus' in this.parent) {
@@ -187,12 +182,7 @@ class TabsComponent extends NestedComponent_1.default {
             const element = Array.isArray(elements) || elements instanceof NodeList ? this.element : elements;
             super.clearErrorClasses(element);
         }
-        elements =
-            Array.isArray(elements) || elements instanceof NodeList
-                ? elements
-                : [
-                    elements,
-                ];
+        elements = Array.isArray(elements) || elements instanceof NodeList ? elements : [elements];
         elements.forEach((element) => {
             this.removeClass(element, 'is-invalid');
             this.removeClass(element, 'tab-error');
@@ -205,20 +195,13 @@ class TabsComponent extends NestedComponent_1.default {
         }
         this.clearErrorClasses(this.refs[this.tabLinkKey]);
         const invalidTabsIndexes = this.tabs.reduce((invalidTabs, tab, tabIndex) => {
-            const hasComponentWithError = tab.some((comp) => !!comp.error);
-            return hasComponentWithError
-                ? [
-                    ...invalidTabs,
-                    tabIndex,
-                ]
-                : invalidTabs;
+            const hasComponentWithError = tab.some(comp => !!comp.error);
+            return hasComponentWithError ? [...invalidTabs, tabIndex] : invalidTabs;
         }, []);
         if (!invalidTabsIndexes.length) {
             return;
         }
-        const invalidTabs = [
-            ...this.refs[this.tabLinkKey],
-        ].filter((_, tabIndex) => invalidTabsIndexes.includes(tabIndex));
+        const invalidTabs = [...this.refs[this.tabLinkKey]].filter((_, tabIndex) => invalidTabsIndexes.includes(tabIndex));
         this.setErrorClasses(invalidTabs);
     }
 }

package/lib/cjs/components/tabs/editForm/Tabs.edit.display.js

@@ -3,39 +3,39 @@ 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: 'disabled',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'tableView',
-        ignore: true,
+        ignore: true
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 0,
@@ -46,10 +46,10 @@ exports.default = [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true,
+            required: true
         },
         autofocus: true,
-        overrideEditForm: true,
+        overrideEditForm: true
     },
     {
         key: 'components',
@@ -63,7 +63,7 @@ exports.default = [
                 type: 'textfield',
                 input: true,
                 key: 'label',
-                label: 'Label',
+                label: 'Label'
             },
             {
                 type: 'textfield',
@@ -71,13 +71,9 @@ exports.default = [
                 key: 'key',
                 label: 'Key',
                 allowCalculateOverride: true,
-                calculateValue: {
-                    _camelCase: [
-                        { var: 'row.label' },
-                    ],
-                },
-            },
-        ],
+                calculateValue: { _camelCase: [{ var: 'row.label' }] }
+            }
+        ]
     },
     {
         weight: 1100,
@@ -85,10 +81,10 @@ exports.default = [
         label: 'Vertical Layout',
         tooltip: 'Make this field display in vertical orientation.',
         key: 'verticalLayout',
-        input: true,
+        input: true
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
 ];

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

@@ -14,7 +14,7 @@ function default_1(...extend) {
     return Components_1.default.baseEditForm([
         {
             key: 'data',
-            components: Tags_edit_data_1.default,
+            components: Tags_edit_data_1.default
         },
     ], ...extend);
 }

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

@@ -14,7 +14,7 @@ class TagsComponent extends Input_1.default {
             key: 'tags',
             delimeter: ',',
             storeas: 'string',
-            maxTags: 0,
+            maxTags: 0
         }, ...extend);
     }
     static get builderInfo() {
@@ -24,30 +24,24 @@ class TagsComponent extends Input_1.default {
             group: 'advanced',
             documentation: '/userguide/form-building/advanced-components#tags',
             weight: 30,
-            schema: TagsComponent.schema(),
+            schema: TagsComponent.schema()
         };
     }
     static get serverConditionSettings() {
         return TagsComponent.conditionOperatorsSettings;
     }
     static get conditionOperatorsSettings() {
-        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: [
-                ...super.conditionOperatorsSettings.operators,
-                'includes',
-                'notIncludes',
-            ] });
+        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,
-        ]);
+        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes[schema.storeas] || utils_1.componentValueTypes.string];
     }
     init() {
         super.init();
     }
     get emptyValue() {
-        return this.component.storeas === 'string' ? '' : [];
+        return (this.component.storeas === 'string') ? '' : [];
     }
     get defaultSchema() {
         return TagsComponent.schema();
@@ -86,9 +80,7 @@ class TagsComponent extends Input_1.default {
             duplicateItemsAllowed: false,
             shadowRoot: this.root ? this.root.shadowRoot : null,
             placeholder: hasPlaceholder,
-            placeholderValue: hasPlaceholder
-                ? this.t(this.component.placeholder, { _userInput: true })
-                : null,
+            placeholderValue: hasPlaceholder ? this.t(this.component.placeholder, { _userInput: true }) : null,
         });
         this.choices.itemList.element.tabIndex = element.tabIndex;
         this.addEventListener(this.choices.input.element, 'blur', () => {
@@ -97,9 +89,7 @@ class TagsComponent extends Input_1.default {
             const value = this.choices.input.value;
             const maxTagsNumber = this.component.maxTags;
             const valuesCount = this.choices.getValue(true).length;
-            const isRepeatedValue = this.choices
-                .getValue(true)
-                .some((existingValue) => existingValue.trim() === value.trim());
+            const isRepeatedValue = this.choices.getValue(true).some(existingValue => existingValue.trim() === value.trim());
             if (value) {
                 if (maxTagsNumber && valuesCount === maxTagsNumber) {
                     this.choices.addItems = false;
@@ -109,13 +99,11 @@ class TagsComponent extends Input_1.default {
                     this.choices.clearInput();
                 }
                 else {
-                    this.choices.setValue([
-                        value,
-                    ]);
+                    this.choices.setValue([value]);
                     this.choices.clearInput();
                     this.choices.hideDropdown(true);
                     this.updateValue(null, {
-                        modified: true,
+                        modified: true
                     });
                 }
             }
@@ -133,7 +121,7 @@ class TagsComponent extends Input_1.default {
             return super.normalizeValue(value.join(this.delimiter));
         }
         else if (this.component.storeas === 'array' && typeof value === 'string') {
-            return super.normalizeValue(value.split(this.delimiter).filter((result) => result));
+            return super.normalizeValue(value.split(this.delimiter).filter(result => result));
         }
         return super.normalizeValue(value);
     }
@@ -144,13 +132,9 @@ class TagsComponent extends Input_1.default {
             this.choices.clearStore();
             if (dataValue) {
                 if (typeof dataValue === 'string') {
-                    dataValue = dataValue.split(this.delimiter).filter((result) => result);
+                    dataValue = dataValue.split(this.delimiter).filter(result => result);
                 }
-                const value = Array.isArray(dataValue)
-                    ? dataValue
-                    : [
-                        dataValue,
-                    ];
+                const value = Array.isArray(dataValue) ? dataValue : [dataValue];
                 this.choices.setValue(value.map((val) => this.sanitize(val, this.shouldSanitizeValue)));
             }
         }

package/lib/cjs/components/tags/editForm/Tags.edit.data.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
     {
         key: 'multiple',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 20,
@@ -11,7 +11,7 @@ exports.default = [
         input: true,
         key: 'delimeter',
         label: 'Delimiter',
-        tooltip: 'What is used to separate the tags.</a>',
+        tooltip: 'What is used to separate the tags.</a>'
     },
     {
         weight: 22,
@@ -20,7 +20,7 @@ exports.default = [
         key: 'maxTags',
         label: 'Max Tags',
         defaultValue: 0,
-        tooltip: 'The maximum amount of tags that can be added. 0 for infinity.',
+        tooltip: 'The maximum amount of tags that can be added. 0 for infinity.'
     },
     {
         weight: 24,
@@ -32,8 +32,8 @@ exports.default = [
         data: {
             values: [
                 { label: 'String (CSV)', value: 'string' },
-                { label: 'Array of Tags', value: 'array' },
-            ],
-        },
-    },
+                { label: 'Array of Tags', value: 'array' }
+            ]
+        }
+    }
 ];

package/lib/cjs/components/textarea/TextArea.form.js

@@ -15,11 +15,11 @@ function default_1(...extend) {
     return (0, TextField_form_1.default)([
         {
             key: 'display',
-            components: TextArea_edit_display_1.default,
+            components: TextArea_edit_display_1.default
         },
         {
             key: 'validation',
-            components: TextArea_edit_validation_1.default,
+            components: TextArea_edit_validation_1.default
         },
     ], ...extend);
 }