@formio/js 5.0.0-rc.27 → 5.0.0-rc.29

package/lib/mjs/components/editgrid/EditGrid.d.ts

@@ -83,12 +83,16 @@ export default class EditGridComponent extends NestedArrayComponent {
     removeRow(rowIndex: any, modified: any): void;
     createRowComponents(row: any, rowIndex: any, recreatePartially: any): any;
     hasOpenRows(): any;
+    getAttachedData(data?: null): any;
     shouldValidateDraft(editRow: any): any;
     shouldValidateRow(editRow: any, dirty: any): any;
-    validateRow(editRow: any, dirty: any, forceSilentCheck: any): boolean;
-    showRowErrorAlerts(editRow: any, valid: any): void;
-    checkValidity(data: any, dirty: any, row: any, silentCheck: any): boolean;
-    checkComponentValidity(data: any, dirty: any, row: any, options?: {}): boolean;
+    validateRow(editRow: any, dirty: any, forceSilentCheck: any): any;
+    showRowErrorAlerts(editRow: any, errors: any): void;
+    /**
+     * Return that this component processes its own validation.
+     */
+    get processOwnValidation(): boolean;
+    setRowInvalid(ref: any, index: any): void;
     changeState(changed: any, flags: any): void;
     openWhenEmpty(): void;
     restoreRowContext(editRow: any, flags?: {}): void;

package/lib/mjs/components/editgrid/EditGrid.js

@@ -1,9 +1,10 @@
 import _ from 'lodash';
+import { processSync } from '@formio/core/process';
+import { editgrid as templates } from '@formio/bootstrap/components';
 import NestedArrayComponent from '../_classes/nestedarray/NestedArrayComponent';
 import Component from '../_classes/component/Component';
 import Alert from '../alert/Alert';
-import { fastCloneDeep, Evaluator, getArrayFromComponentPath, eachComponent } from '../../utils/utils';
-import { editgrid as templates } from '@formio/bootstrap/components';
+import { fastCloneDeep, Evaluator, getArrayFromComponentPath, eachComponent, getComponentsSchema } from '../../utils/utils';
 const EditRowState = {
     New: 'new',
     Editing: 'editing',
@@ -82,7 +83,7 @@ export default class EditGridComponent extends NestedArrayComponent {
       {% if (!instance.options.readOnly && !instance.disabled) { %}
         <div class="col-sm-2">
           <div class="btn-group pull-right">
-            <button class="btn btn-default btn-light btn-sm editRow"><i class="{{ iconClass('edit') }}"></i></button>
+            <button class="btn btn-default btn-light btn-sm editRow"><i class="{{ iconClass('pen-fill') }}"></i></button>
             {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %}
               <button class="btn btn-danger btn-sm removeRow"><i class="{{ iconClass('trash') }}"></i></button>
             {% } %}
@@ -103,7 +104,7 @@ export default class EditGridComponent extends NestedArrayComponent {
         {% if (!instance.options.readOnly && !instance.disabled) { %}
           <td class="editgrid-table-column">
             <div class="btn-group">
-              <button class="btn btn-default btn-light btn-sm editRow" aria-label="{{ t('Edit row') }}"><i class="{{ iconClass('edit') }}"></i></button>
+              <button class="btn btn-default btn-light btn-sm editRow" aria-label="{{ t('Edit row') }}"><i class="{{ iconClass('pen-fill') }}"></i></button>
               {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %}
               <button class="btn btn-danger btn-sm removeRow" aria-label="{{ t('Remove row') }}"><i class="{{ iconClass('trash') }}"></i></button>
               {% } %}
@@ -434,11 +435,10 @@ export default class EditGridComponent extends NestedArrayComponent {
                         action: () => {
                             this.editRow(rowIndex).then(() => {
                                 if (this.component.rowDrafts) {
-                                    this.validateRow(editRow, false);
-                                    const hasErrors = editRow.errors && !!editRow.errors.length;
-                                    const shouldShowRowErrorsAlert = this.component.modal && hasErrors && this.root?.submitted;
+                                    const errors = this.validateRow(editRow, false);
+                                    const shouldShowRowErrorsAlert = this.component.modal && errors.length && this.root?.submitted;
                                     if (shouldShowRowErrorsAlert) {
-                                        this.alert.showErrors(editRow.errors, false);
+                                        this.alert.showErrors(errors, false);
                                         editRow.alerts = true;
                                     }
                                 }
@@ -606,7 +606,7 @@ export default class EditGridComponent extends NestedArrayComponent {
             component: this.component,
             row: editRow,
         });
-        this.checkRow('checkData', null, {}, editRow.data, editRow.components);
+        this.processRow('checkData', null, {}, editRow.data, editRow.components);
         if (this.component.modal) {
             this.addRowModal(rowIndex);
         }
@@ -653,13 +653,14 @@ export default class EditGridComponent extends NestedArrayComponent {
                 if (!this.component.rowDrafts) {
                     editRow.components.forEach((comp) => comp.setPristine(false));
                 }
-                if (this.validateRow(editRow, true) || this.component.rowDrafts) {
+                const errors = this.validateRow(editRow, true);
+                if (!errors.length || this.component.rowDrafts) {
                     editRow.willBeSaved = true;
                     dialog.close();
                     this.saveRow(rowIndex, true);
                 }
                 else {
-                    this.alert.showErrors(editRow.errors, false);
+                    this.alert.showErrors(errors, false);
                     editRow.alerts = true;
                 }
             },
@@ -784,9 +785,9 @@ export default class EditGridComponent extends NestedArrayComponent {
         if (!this.component.rowDrafts) {
             editRow.components.forEach((comp) => comp.setPristine(false));
         }
-        const isRowValid = this.validateRow(editRow, true);
+        const errors = this.validateRow(editRow, true);
         if (!this.component.rowDrafts) {
-            if (!isRowValid) {
+            if (errors.length) {
                 return false;
             }
         }
@@ -812,7 +813,7 @@ export default class EditGridComponent extends NestedArrayComponent {
                 }
             }
         }
-        editRow.state = this.component.rowDrafts && !isRowValid ? EditRowState.Draft : EditRowState.Saved;
+        editRow.state = this.component.rowDrafts && errors.length ? EditRowState.Draft : EditRowState.Saved;
         editRow.backup = null;
         this.updateValue();
         this.emit('editGridSaveRow', {
@@ -919,21 +920,12 @@ export default class EditGridComponent extends NestedArrayComponent {
                     return;
                 }
                 const editRow = this.editRows[rowIndex];
-                if (editRow?.alerts) {
-                    this.checkData(null, {
-                        ...flags,
-                        changed,
-                        rowIndex,
-                    }, this.data);
-                }
-                else if (editRow) {
-                    // If drafts allowed, perform validation silently if there was no attempt to submit a form
-                    const silentCheck = this.component.rowDrafts && !this.shouldValidateDraft(editRow);
-                    this.checkRow('checkData', null, {
+                if (editRow) {
+                    this.processRow('checkData', null, {
                         ...flags,
                         changed,
-                        silentCheck
-                    }, editRow.data, editRow.components, silentCheck);
+                    }, editRow.data, editRow.components);
+                    this.validateRow(editRow, false);
                 }
                 if (this.variableTypeComponentsIndexes.length) {
                     this.checkRowVariableTypeComponents(editRow, rowIndex);
@@ -949,6 +941,11 @@ export default class EditGridComponent extends NestedArrayComponent {
     hasOpenRows() {
         return this.editRows.some(row => this.isOpen(row));
     }
+    getAttachedData(data = null) {
+        const ourData = fastCloneDeep(data || this._data || this.rootValue);
+        _.set(ourData, this.key, this.editRows.map((row) => row.data));
+        return ourData;
+    }
     shouldValidateDraft(editRow) {
         // Draft rows should be validated only when there was an attempt to submit a form
         return (editRow.state === EditRowState.Draft &&
@@ -959,46 +956,64 @@ export default class EditGridComponent extends NestedArrayComponent {
     }
     shouldValidateRow(editRow, dirty) {
         return this.shouldValidateDraft(editRow) ||
+            editRow.state === EditRowState.New ||
             editRow.state === EditRowState.Editing ||
             editRow.alerts ||
             dirty;
     }
     validateRow(editRow, dirty, forceSilentCheck) {
-        let valid = true;
-        const errorsSnapshot = [...this.errors];
+        editRow.errors = [];
         if (this.shouldValidateRow(editRow, dirty)) {
-            editRow.components.forEach(comp => {
-                const silentCheck = (this.component.rowDrafts && !this.shouldValidateDraft(editRow)) || forceSilentCheck;
-                valid &= comp.checkValidity(null, dirty, null, silentCheck);
-            });
+            const silentCheck = (this.component.rowDrafts && !this.shouldValidateDraft(editRow)) || forceSilentCheck;
+            const rootValue = fastCloneDeep(this.rootValue);
+            const editGridValue = _.get(rootValue, this.path, []);
+            editGridValue[editRow.rowIndex] = editRow.data;
+            _.set(rootValue, this.path, editGridValue);
+            editRow.errors = processSync({
+                components: fastCloneDeep(this.component.components).map((component) => {
+                    component.parentPath = `${this.path}[${editRow.rowIndex}]`;
+                    return component;
+                }),
+                data: rootValue,
+                row: editRow.data,
+                process: 'validateRow',
+                instances: this.componentsMap,
+                scope: { errors: [] },
+                processors: [
+                    (context) => this.validationProcessor(context, { dirty, silentCheck })
+                ]
+            }).errors;
         }
+        // TODO: this is essentially running its own custom validation and should be moved into a validation rule
         if (this.component.validate && this.component.validate.row) {
-            valid = this.evaluate(this.component.validate.row, {
-                valid,
+            const valid = this.evaluate(this.component.validate.row, {
+                valid: (editRow.length === 0),
                 row: editRow.data
             }, 'valid', true);
             if (valid.toString() !== 'true') {
-                editRow.error = valid;
-                valid = false;
-            }
-            else {
-                editRow.error = null;
+                editRow.errors.push({
+                    type: 'error',
+                    rowError: true,
+                    message: valid.toString()
+                });
             }
             if (valid === null) {
-                valid = `Invalid row validation for ${this.key}`;
+                editRow.errors.push({
+                    type: 'error',
+                    message: `Invalid row validation for ${this.key}`
+                });
             }
         }
-        editRow.errors = !valid ? this.errors.filter((err) => !errorsSnapshot.includes(err)) : null;
         if (!this.component.rowDrafts || this.root?.submitted) {
-            this.showRowErrorAlerts(editRow, !!valid);
+            this.showRowErrorAlerts(editRow, editRow.errors);
         }
-        return !!valid;
+        return editRow.errors;
     }
-    showRowErrorAlerts(editRow, valid) {
+    showRowErrorAlerts(editRow, errors) {
         if (editRow.alerts) {
             if (this.alert) {
-                if (editRow.errors?.length && !valid) {
-                    this.alert.showErrors(editRow.errors, false);
+                if (errors.length) {
+                    this.alert.showErrors(errors, false);
                     editRow.alerts = true;
                 }
                 else {
@@ -1007,39 +1022,34 @@ export default class EditGridComponent extends NestedArrayComponent {
             }
         }
     }
-    checkValidity(data, dirty, row, silentCheck) {
-        data = data || this.rootValue;
-        row = row || this.data;
-        if (!this.checkCondition(row, data)) {
-            this.setCustomValidity('');
-            return true;
-        }
-        return this.checkComponentValidity(data, dirty, row, { silentCheck });
+    /**
+     * Return that this component processes its own validation.
+     */
+    get processOwnValidation() {
+        return true;
     }
-    checkComponentValidity(data, dirty, row, options = {}) {
+    checkComponentValidity(data, dirty, row, options = {}, errors = []) {
         const { silentCheck } = options;
-        const errorsLength = this.errors.length;
-        const superValid = super.checkComponentValidity(data, dirty, row, options);
+        const superValid = super.checkComponentValidity(data, dirty, row, options, errors);
         // If super tells us that component invalid and there is no need to update alerts, just return false
         if (!superValid && (!this.alert && !this.hasOpenRows())) {
             return false;
         }
-        if (this.shouldSkipValidation(data, dirty, row)) {
-            return true;
-        }
-        let rowsValid = true;
         let rowsEditing = false;
+        const allRowErrors = [];
         this.editRows.forEach((editRow, index) => {
             // Trigger all errors on the row.
-            const rowValid = this.validateRow(editRow, dirty, silentCheck);
-            rowsValid &= rowValid;
+            const rowErrors = this.validateRow(editRow, dirty, silentCheck);
+            errors.push(...rowErrors);
+            allRowErrors.push(...rowErrors);
             if (this.rowRefs) {
                 const rowContainer = this.rowRefs[index];
                 if (rowContainer) {
                     const errorContainer = rowContainer.querySelector('.editgrid-row-error');
-                    if (!rowValid && errorContainer && (!this.component.rowDrafts || this.shouldValidateDraft(editRow))) {
+                    if (rowErrors.length && errorContainer && (!this.component.rowDrafts || this.shouldValidateDraft(editRow))) {
+                        const rowError = rowErrors.find(error => error.rowError);
                         this.addClass(errorContainer, 'help-block');
-                        errorContainer.textContent = this.t(this.errorMessage('invalidRowError'));
+                        errorContainer.textContent = this.t(rowError ? rowError.message : this.errorMessage('invalidRowError'));
                     }
                     else if (errorContainer) {
                         errorContainer.textContent = '';
@@ -1049,10 +1059,9 @@ export default class EditGridComponent extends NestedArrayComponent {
             // If this is a dirty check, and any rows are still editing, we need to throw validation error.
             rowsEditing |= (dirty && this.isOpen(editRow));
         });
-        if (!rowsValid) {
-            if (!silentCheck && (!this.component.rowDrafts || this.root?.submitted)) {
+        if (allRowErrors.length) {
+            if (!silentCheck && (dirty || this.dirty) && (!this.component.rowDrafts || this.root?.submitted)) {
                 this.setCustomValidity(this.t(this.errorMessage('invalidRowsError')), dirty);
-                // Delete this class, because otherwise all the components inside EditGrid will has red border even if they are valid
                 this.removeClass(this.element, 'has-error');
             }
             return false;
@@ -1062,15 +1071,28 @@ export default class EditGridComponent extends NestedArrayComponent {
             return false;
         }
         const message = this.invalid || this.invalidMessage(data, dirty);
-        if (this.errors?.length !== errorsLength && this.root?.submitted && !message) {
-            this.setCustomValidity(message, dirty);
-            this.root.showErrors();
+        if (allRowErrors.length && this.root?.submitted && !message) {
+            this._errors = this.setCustomValidity(message, dirty);
+            errors.push(...this._errors);
+            this.root.showErrors([message]);
         }
         else {
-            this.setCustomValidity(message, dirty);
+            this._errors = this.setCustomValidity(message, dirty);
+            errors.push(...this._errors);
         }
         return superValid;
     }
+    setRowInvalid(ref, index) {
+        const editRow = this.editRows[index];
+        const errorContainer = ref.querySelector('.editgrid-row-error');
+        if (errorContainer && (!this.component.rowDrafts || this.shouldValidateDraft(editRow))) {
+            this.addClass(errorContainer, 'help-block');
+            errorContainer.textContent = this.t(this.errorMessage('invalidRowError'));
+        }
+        else if (errorContainer) {
+            errorContainer.textContent = '';
+        }
+    }
     changeState(changed, flags) {
         if (changed || (flags.resetValue && this.component.modalEdit)) {
             this.rebuild();
@@ -1092,7 +1114,6 @@ export default class EditGridComponent extends NestedArrayComponent {
             }
         }
         const changed = this.hasChanged(value, this.dataValue);
-        flags.noValidate = !changed;
         if (this.parent) {
             this.parent.checkComponentConditions();
         }
@@ -1105,7 +1126,7 @@ export default class EditGridComponent extends NestedArrayComponent {
                 this.restoreRowContext(editRow, flags);
                 editRow.state = EditRowState.Saved;
                 editRow.backup = null;
-                editRow.error = null;
+                editRow.errors = [];
             }
             else {
                 this.editRows[rowIndex] = {
@@ -1113,7 +1134,7 @@ export default class EditGridComponent extends NestedArrayComponent {
                     data: row,
                     state: EditRowState.Saved,
                     backup: null,
-                    error: null,
+                    errors: [],
                 };
             }
         });

package/lib/mjs/components/email/Email.js

@@ -23,7 +23,6 @@ export default class EmailComponent extends TextFieldComponent {
     }
     init() {
         super.init();
-        this.validators.push('email');
     }
     get defaultSchema() {
         return EmailComponent.schema();

package/lib/mjs/components/file/File.js

@@ -282,7 +282,7 @@ export default class FileComponent extends Field {
     }
     deleteFile(fileInfo) {
         const { options = {} } = this.component;
-        if (fileInfo && (['url', 'indexeddb', 's3', 'googledrive', 'azure'].includes(this.component.storage))) {
+        if (fileInfo && (['url', 'indexeddb'].includes(this.component.storage))) {
             const { fileService } = this;
             if (fileService && typeof fileService.deleteFile === 'function') {
                 fileService.deleteFile(fileInfo, options);

package/lib/mjs/components/file/fixtures/comp3.d.ts

@@ -0,0 +1,29 @@
+declare namespace _default {
+    const type: string;
+    const display: string;
+    const components: ({
+        label: string;
+        tableView: boolean;
+        storage: string;
+        webcam: boolean;
+        fileTypes: {
+            label: string;
+            value: string;
+        }[];
+        key: string;
+        type: string;
+        input: boolean;
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        storage?: undefined;
+        webcam?: undefined;
+        fileTypes?: undefined;
+    })[];
+}
+export default _default;

package/lib/mjs/components/file/fixtures/comp3.js

@@ -0,0 +1,29 @@
+export default {
+    type: 'form',
+    display: 'form',
+    components: [
+        {
+            label: 'Upload',
+            tableView: false,
+            storage: 'base64',
+            webcam: false,
+            fileTypes: [
+                {
+                    label: '',
+                    value: ''
+                }
+            ],
+            key: 'file',
+            type: 'file',
+            input: true
+        },
+        {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false
+        }
+    ],
+};

package/lib/mjs/components/form/Form.d.ts

@@ -25,10 +25,6 @@ export default class FormComponent extends Component {
     getSubOptions(options?: {}): {};
     render(): any;
     asString(value: any): any;
-    /**
-     * Prints out the value of form components as a datagrid value.
-     */
-    getValueAsString(value: any): any;
     attach(element: any): Promise<any>;
     get hasLoadedForm(): any;
     get isRevisionChanged(): any;
@@ -54,7 +50,7 @@ export default class FormComponent extends Component {
     loadSubForm(fromAttach: any): any;
     subFormLoading: boolean | undefined;
     get subFormData(): any;
-    checkComponentValidity(data: any, dirty: any, row: any, options: any): any;
+    checkComponentValidity(data: any, dirty: any, row: any, options: any, errors?: any[]): any;
     checkComponentConditions(data: any, flags: any, row: any): any;
     calculateValue(data: any, flags: any, row: any): any;
     setPristine(pristine: any): void;
@@ -74,7 +70,7 @@ export default class FormComponent extends Component {
      *
      * @return {*}
      */
-    submitSubForm(rejectOnError: any): any;
+    submitSubForm(): any;
     /**
      * Submit the form before the next page is triggered.
      */

package/lib/mjs/components/form/Form.js

@@ -137,7 +137,6 @@ export default class FormComponent extends Component {
         }
     }
     getSubOptions(options = {}) {
-        options.parentPath = `${this.path}.data.`;
         options.events = this.createEmitter();
         // Make sure to not show the submit button in wizards in the nested forms.
         _.set(options, 'buttonSettings.showSubmit', false);
@@ -186,6 +185,12 @@ export default class FormComponent extends Component {
         if (this.options.onChange) {
             options.onChange = this.options.onChange;
         }
+        if (this.options.preview) {
+            options.preview = this.options.preview;
+        }
+        if (this.options.inEditGrid) {
+            options.inEditGrid = this.options.inEditGrid;
+        }
         return options;
     }
     render() {
@@ -201,7 +206,7 @@ export default class FormComponent extends Component {
     /**
      * Prints out the value of form components as a datagrid value.
      */
-    getValueAsString(value) {
+    getValueAsString(value, options) {
         if (!value) {
             return 'No data provided';
         }
@@ -211,6 +216,33 @@ export default class FormComponent extends Component {
         if (!value.data || !Object.keys(value.data).length) {
             return 'No data provided';
         }
+        if (options?.email) {
+            let result = (`
+        <table border="1" style="width:100%">
+          <tbody>
+      `);
+            this.everyComponent((component) => {
+                if (component.isInputComponent && component.visible && !component.skipInEmail) {
+                    result += (`
+            <tr>
+              <th style="padding: 5px 10px;">${component.label}</th>
+              <td style="width:100%;padding:5px 10px;">${component.getView(component.dataValue, options)}</td>
+            </tr>
+          `);
+                }
+            }, {
+                ...options,
+                fromRoot: true,
+            });
+            result += (`
+          </tbody>
+        </table>
+      `);
+            return result;
+        }
+        if (_.isEmpty(value)) {
+            return '';
+        }
         return '[Complex Data]';
     }
     attach(element) {
@@ -386,7 +418,7 @@ export default class FormComponent extends Component {
             return Promise.resolve();
         }
         if (this.hasLoadedForm && !this.isRevisionChanged &&
-            !(this.options.pdf && this.useOriginalRevision && _.isNull(this.subForm) && !this.subFormLoading)) {
+            !(this.options.pdf && this.component?.useOriginalRevision && _.isNull(this.subForm) && !this.subFormLoading)) {
             // Pass config down to sub forms.
             if (this.root && this.root.form && this.root.form.config && !this.formObj.config) {
                 this.formObj.config = this.root.form.config;
@@ -398,6 +430,9 @@ export default class FormComponent extends Component {
             return (new Formio(this.formSrc)).loadForm({ params: { live: 1 } })
                 .then((formObj) => {
                 this.formObj = formObj;
+                if (this.options.pdf && this.component.useOriginalRevision) {
+                    this.formObj.display = 'form';
+                }
                 this.subFormLoading = false;
                 return formObj;
             })
@@ -411,13 +446,13 @@ export default class FormComponent extends Component {
     get subFormData() {
         return this.dataValue?.data || {};
     }
-    checkComponentValidity(data, dirty, row, options) {
+    checkComponentValidity(data, dirty, row, options, errors = []) {
         options = options || {};
         const silentCheck = options.silentCheck || false;
         if (this.subForm) {
-            return this.subForm.checkValidity(this.subFormData, dirty, null, silentCheck);
+            return this.subForm.checkValidity(this.subFormData, dirty, null, silentCheck, errors);
         }
-        return super.checkComponentValidity(data, dirty, row, options);
+        return super.checkComponentValidity(data, dirty, row, options, errors);
     }
     checkComponentConditions(data, flags, row) {
         const visible = super.checkComponentConditions(data, flags, row);
@@ -476,7 +511,7 @@ export default class FormComponent extends Component {
      *
      * @return {*}
      */
-    submitSubForm(rejectOnError) {
+    submitSubForm() {
         // If we wish to submit the form on next page, then do that here.
         if (this.shouldSubmit) {
             return this.subFormReady.then(() => {
@@ -484,6 +519,7 @@ export default class FormComponent extends Component {
                     return this.dataValue;
                 }
                 this.subForm.nosubmit = false;
+                this.subForm.submitted = true;
                 return this.subForm.submitForm().then(result => {
                     this.subForm.loading = false;
                     this.subForm.showAllErrors = false;
@@ -491,13 +527,8 @@ export default class FormComponent extends Component {
                     return this.dataValue;
                 }).catch(err => {
                     this.subForm.showAllErrors = true;
-                    if (rejectOnError) {
-                        this.subForm.onSubmissionError(err);
-                        return Promise.reject(err);
-                    }
-                    else {
-                        return {};
-                    }
+                    this.subForm.onSubmissionError(err);
+                    return Promise.reject(err);
                 });
             });
         }

package/lib/mjs/components/index.d.ts

@@ -44,7 +44,6 @@ declare namespace _default {
     export { TextAreaComponent as textarea };
     export { TextFieldComponent as textfield };
     export { TimeComponent as time };
-    export { TreeComponent as tree };
     export { UnknownComponent as unknown };
     export { UrlComponent as url };
     export { WellComponent as well };
@@ -94,7 +93,6 @@ import TagsComponent from './tags/Tags';
 import TextAreaComponent from './textarea/TextArea';
 import TextFieldComponent from './textfield/TextField';
 import TimeComponent from './time/Time';
-import TreeComponent from './tree/Tree';
 import UnknownComponent from './unknown/Unknown';
 import UrlComponent from './url/Url';
 import WellComponent from './well/Well';

package/lib/mjs/components/index.js

@@ -42,7 +42,6 @@ import TagsComponent from './tags/Tags';
 import TextAreaComponent from './textarea/TextArea';
 import TextFieldComponent from './textfield/TextField';
 import TimeComponent from './time/Time';
-import TreeComponent from './tree/Tree';
 import UnknownComponent from './unknown/Unknown';
 import UrlComponent from './url/Url';
 import WellComponent from './well/Well';
@@ -92,7 +91,6 @@ export default {
     textarea: TextAreaComponent,
     textfield: TextFieldComponent,
     time: TimeComponent,
-    tree: TreeComponent,
     unknown: UnknownComponent,
     url: UrlComponent,
     well: WellComponent,

package/lib/mjs/components/number/Number.d.ts

@@ -31,10 +31,9 @@ export default class NumberComponent extends Input {
     };
     static savedValueTypes(schema: any): string[];
     constructor(...args: any[]);
-    validators: string[];
+    decimalSeparator: any;
     delimiter: any;
     decimalLimit: any;
-    decimalSeparator: any;
     numberMask: any;
     /**
      * Creates the number mask for normal numbers.