@formio/js 5.2.3 → 5.2.4-rc.0

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,7 +89,10 @@ 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) => {
@@ -110,7 +113,10 @@ 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;
@@ -176,7 +182,12 @@ 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');
@@ -189,13 +200,20 @@ 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,9 +69,13 @@ export default [
                 key: 'key',
                 label: 'Key',
                 allowCalculateOverride: true,
-                calculateValue: { _camelCase: [{ var: 'row.label' }] }
-            }
-        ]
+                calculateValue: {
+                    _camelCase: [
+                        { var: 'row.label' },
+                    ],
+                },
+            },
+        ],
     },
     {
         weight: 1100,
@@ -79,10 +83,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,18 +28,24 @@ 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();
@@ -78,7 +84,9 @@ 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', () => {
@@ -87,7 +95,9 @@ 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;
@@ -97,11 +107,13 @@ 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,
                     });
                 }
             }
@@ -119,7 +131,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);
     }
@@ -130,9 +142,13 @@ 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);
 }