@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -1,39 +1,39 @@
 export 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,
@@ -44,10 +44,10 @@ export default [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true,
+            required: true
         },
         autofocus: true,
-        overrideEditForm: true,
+        overrideEditForm: true
     },
     {
         type: 'number',
@@ -56,7 +56,7 @@ export 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',
@@ -65,7 +65,7 @@ export 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',
@@ -73,7 +73,7 @@ export 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',
@@ -86,11 +86,11 @@ export 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',
@@ -98,7 +98,7 @@ export default [
         key: 'striped',
         tooltip: 'This will stripe the table if checked.',
         input: true,
-        weight: 701,
+        weight: 701
     },
     {
         type: 'checkbox',
@@ -106,7 +106,7 @@ export default [
         key: 'bordered',
         input: true,
         tooltip: 'This will border the table if checked.',
-        weight: 702,
+        weight: 702
     },
     {
         type: 'checkbox',
@@ -114,7 +114,7 @@ export default [
         key: 'hover',
         input: true,
         tooltip: 'Highlight a row on hover.',
-        weight: 703,
+        weight: 703
     },
     {
         type: 'checkbox',
@@ -122,10 +122,10 @@ export default [
         key: 'condensed',
         input: true,
         tooltip: 'Condense the size of the table.',
-        weight: 704,
+        weight: 704
     },
     {
         key: 'hideLabel',
-        ignore: true,
+        ignore: true
     },
 ];

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

@@ -9,7 +9,7 @@ export default function (...extend) {
     return nestedComponentForm([
         {
             key: 'display',
-            components: TabsEditDisplay,
+            components: TabsEditDisplay
         },
     ], ...extend);
 }

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

@@ -80,8 +80,8 @@ export default class TabsComponent extends NestedComponent {
             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, {
@@ -89,10 +89,7 @@ export default class TabsComponent extends NestedComponent {
             [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) => {
@@ -113,10 +110,7 @@ export default class TabsComponent extends NestedComponent {
      * @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]) {
+        if (!this.tabs || !this.tabs[index] || !this.refs[this.tabKey] || !this.refs[this.tabKey][index]) {
             return;
         }
         this.currentTab = index;
@@ -145,7 +139,7 @@ export default class TabsComponent extends NestedComponent {
             this.addClass(this.refs[this.tabLinkKey][index], 'formio-tab-link-active');
         }
         this.setValue(this.data);
-        this.triggerChange();
+        this.triggerChange?.();
     }
     beforeFocus(component) {
         if ('beforeFocus' in this.parent) {
@@ -182,12 +176,7 @@ export default class TabsComponent extends NestedComponent {
             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');
@@ -200,20 +189,13 @@ export default class TabsComponent extends NestedComponent {
         }
         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/mjs/components/tabs/editForm/Tabs.edit.display.js

@@ -1,39 +1,39 @@
 export 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,
@@ -44,10 +44,10 @@ export default [
         placeholder: 'Field Label',
         tooltip: 'The label for this field.',
         validate: {
-            required: true,
+            required: true
         },
         autofocus: true,
-        overrideEditForm: true,
+        overrideEditForm: true
     },
     {
         key: 'components',
@@ -61,7 +61,7 @@ export default [
                 type: 'textfield',
                 input: true,
                 key: 'label',
-                label: 'Label',
+                label: 'Label'
             },
             {
                 type: 'textfield',
@@ -69,13 +69,9 @@ export default [
                 key: 'key',
                 label: 'Key',
                 allowCalculateOverride: true,
-                calculateValue: {
-                    _camelCase: [
-                        { var: 'row.label' },
-                    ],
-                },
-            },
-        ],
+                calculateValue: { _camelCase: [{ var: 'row.label' }] }
+            }
+        ]
     },
     {
         weight: 1100,
@@ -83,10 +79,10 @@ export 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/mjs/components/tags/Tags.form.js

@@ -9,7 +9,7 @@ export default function (...extend) {
     return Components.baseEditForm([
         {
             key: 'data',
-            components: TagsEditData,
+            components: TagsEditData
         },
     ], ...extend);
 }

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

@@ -9,7 +9,7 @@ export default class TagsComponent extends Input {
             key: 'tags',
             delimeter: ',',
             storeas: 'string',
-            maxTags: 0,
+            maxTags: 0
         }, ...extend);
     }
     static get builderInfo() {
@@ -19,7 +19,7 @@ export default class TagsComponent extends Input {
             group: 'advanced',
             documentation: '/userguide/form-building/advanced-components#tags',
             weight: 30,
-            schema: TagsComponent.schema(),
+            schema: TagsComponent.schema()
         };
     }
     static get serverConditionSettings() {
@@ -28,24 +28,18 @@ export default class TagsComponent extends Input {
     static get conditionOperatorsSettings() {
         return {
             ...super.conditionOperatorsSettings,
-            operators: [
-                ...super.conditionOperatorsSettings.operators,
-                'includes',
-                'notIncludes',
-            ],
+            operators: [...super.conditionOperatorsSettings.operators, 'includes', 'notIncludes'],
         };
     }
     static savedValueTypes(schema) {
         schema = schema || {};
-        return (getComponentSavedTypes(schema) || [
-            componentValueTypes[schema.storeas] || componentValueTypes.string,
-        ]);
+        return getComponentSavedTypes(schema) || [componentValueTypes[schema.storeas] || componentValueTypes.string];
     }
     init() {
         super.init();
     }
     get emptyValue() {
-        return this.component.storeas === 'string' ? '' : [];
+        return (this.component.storeas === 'string') ? '' : [];
     }
     get defaultSchema() {
         return TagsComponent.schema();
@@ -84,9 +78,7 @@ export default class TagsComponent extends Input {
             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', () => {
@@ -95,9 +87,7 @@ export default class TagsComponent extends Input {
             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;
@@ -107,13 +97,11 @@ export default class TagsComponent extends Input {
                     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
                     });
                 }
             }
@@ -131,7 +119,7 @@ export default class TagsComponent extends Input {
             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);
     }
@@ -142,13 +130,9 @@ export default class TagsComponent extends Input {
             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/mjs/components/tags/editForm/Tags.edit.data.js

@@ -1,7 +1,7 @@
 export default [
     {
         key: 'multiple',
-        ignore: true,
+        ignore: true
     },
     {
         weight: 20,
@@ -9,7 +9,7 @@ export 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,
@@ -18,7 +18,7 @@ export 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,
@@ -30,8 +30,8 @@ export default [
         data: {
             values: [
                 { label: 'String (CSV)', value: 'string' },
-                { label: 'Array of Tags', value: 'array' },
-            ],
-        },
-    },
+                { label: 'Array of Tags', value: 'array' }
+            ]
+        }
+    }
 ];

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

@@ -10,11 +10,11 @@ export default function (...extend) {
     return textEditForm([
         {
             key: 'display',
-            components: TextAreaEditDisplay,
+            components: TextAreaEditDisplay
         },
         {
             key: 'validation',
-            components: TextAreaEditValidation,
+            components: TextAreaEditValidation
         },
     ], ...extend);
 }