@formio/js 5.0.0-rc.19 → 5.0.0-rc.20

package/lib/cjs/components/_classes/component/Component.js

@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 /* globals Quill, ClassicEditor, CKEDITOR */
 const vanilla_text_mask_1 = require("@formio/vanilla-text-mask");
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const tippy_js_1 = __importDefault(require("tippy.js"));
 const lodash_1 = __importDefault(require("lodash"));
 const ismobilejs_1 = __importDefault(require("ismobilejs"));
@@ -437,7 +436,7 @@ class Component extends Element_1.default {
     }
     // Allow componets to notify when ready.
     get ready() {
-        return native_promise_only_1.default.resolve(this);
+        return Promise.resolve(this);
     }
     get isPDFReadOnlyMode() {
         return this.parent &&
@@ -926,7 +925,7 @@ class Component extends Element_1.default {
      * @return {*}
      */
     beforePage() {
-        return native_promise_only_1.default.resolve(true);
+        return Promise.resolve(true);
     }
     beforeNext() {
         return this.beforePage(true);
@@ -938,7 +937,7 @@ class Component extends Element_1.default {
      * @return {*}
      */
     beforeSubmit() {
-        return native_promise_only_1.default.resolve(true);
+        return Promise.resolve(true);
     }
     /**
      * Return the submission timezone.
@@ -1089,7 +1088,7 @@ class Component extends Element_1.default {
         }
         this.restoreFocus();
         this.addons.forEach((addon) => addon.attach(element));
-        return native_promise_only_1.default.resolve();
+        return Promise.resolve();
     }
     restoreFocus() {
         var _a, _b, _c;
@@ -1404,6 +1403,14 @@ class Component extends Element_1.default {
         });
         return customCSS;
     }
+    static get serverConditionSettings() {
+        return {
+            operators: ['isEqual', 'isNotEqual', 'isEmpty', 'isNotEmpty'],
+            valueComponent() {
+                return { type: 'textfield' };
+            },
+        };
+    }
     get isMobile() {
         return (0, ismobilejs_1.default)();
     }
@@ -1534,7 +1541,7 @@ class Component extends Element_1.default {
         // Don't bother if we have not built yet.
         if (!this.element || !this.element.parentNode || this.optimizeRedraw) {
             // Return a non-resolving promise.
-            return native_promise_only_1.default.resolve();
+            return Promise.resolve();
         }
         this.detach();
         this.emit('redraw');
@@ -1965,12 +1972,12 @@ class Component extends Element_1.default {
         return Formio_1.Formio.requireLibrary('ckeditor', isIEBrowser ? 'CKEDITOR' : 'ClassicEditor', lodash_1.default.get(this.options, 'editors.ckeditor.src', `${Formio_1.Formio.cdn.ckeditor}/ckeditor.js`), true)
             .then(() => {
             if (!element.parentNode) {
-                return native_promise_only_1.default.reject();
+                return Promise.reject();
             }
             if (isIEBrowser) {
                 const editor = CKEDITOR.replace(element);
                 editor.on('change', () => onChange(editor.getData()));
-                return native_promise_only_1.default.resolve(editor);
+                return Promise.resolve(editor);
             }
             else {
                 return ClassicEditor.create(element, settings).then(editor => {
@@ -1994,7 +2001,7 @@ class Component extends Element_1.default {
             return Formio_1.Formio.requireLibrary('quill-table', 'Quill', `${Formio_1.Formio.cdn.baseUrl}/quill/quill-table.js`, true)
                 .then(() => {
                 if (!element.parentNode) {
-                    return native_promise_only_1.default.reject();
+                    return Promise.reject();
                 }
                 this.quill = new Quill(element, isIEBrowser ? Object.assign(Object.assign({}, settings), { modules: {} }) : settings);
                 /** This block of code adds the [source] capabilities.  See https://codepen.io/anon/pen/ZyEjrQ **/
@@ -2445,6 +2452,9 @@ class Component extends Element_1.default {
         const dataValue = this.dataValue;
         // Calculate the new value.
         let calculatedValue = this.doValueCalculation(dataValue, data, row, flags);
+        if (this.options.readOnly && dataValue && !calculatedValue) {
+            return false;
+        }
         if (lodash_1.default.isNil(calculatedValue)) {
             calculatedValue = this.emptyValue;
         }
@@ -2595,7 +2605,7 @@ class Component extends Element_1.default {
         const { async = false, silentCheck = false } = options;
         if (this.shouldSkipValidation(data, dirty, row)) {
             this.setCustomValidity('');
-            return async ? native_promise_only_1.default.resolve(true) : true;
+            return async ? Promise.resolve(true) : true;
         }
         const check = Validator_1.default.checkComponent(this, data, row, true, async);
         let validations = check;
@@ -2614,7 +2624,7 @@ class Component extends Element_1.default {
         return isValid;
     }
     checkAsyncValidity(data, dirty, row, silentCheck) {
-        return native_promise_only_1.default.resolve(this.checkComponentValidity(data, dirty, row, { async: true, silentCheck }));
+        return Promise.resolve(this.checkComponentValidity(data, dirty, row, { async: true, silentCheck }));
     }
     /**
      * Check the conditions, calculations, and validity of a single component and triggers an update if
@@ -2855,7 +2865,7 @@ class Component extends Element_1.default {
         return this.dataReady;
     }
     get dataReady() {
-        return native_promise_only_1.default.resolve();
+        return Promise.resolve();
     }
     /**
      * Prints out the value of this component as a string value.
@@ -3093,7 +3103,7 @@ Component.externalLibraries = {};
 Component.requireLibrary = function (name, property, src, polling) {
     if (!Component.externalLibraries.hasOwnProperty(name)) {
         Component.externalLibraries[name] = {};
-        Component.externalLibraries[name].ready = new native_promise_only_1.default((resolve, reject) => {
+        Component.externalLibraries[name].ready = new Promise((resolve, reject) => {
             Component.externalLibraries[name].resolve = resolve;
             Component.externalLibraries[name].reject = reject;
         });
@@ -3166,5 +3176,5 @@ Component.libraryReady = function (name) {
         Component.externalLibraries[name].ready) {
         return Component.externalLibraries[name].ready;
     }
-    return native_promise_only_1.default.reject(`${name} library was not required.`);
+    return Promise.reject(`${name} library was not required.`);
 };

package/lib/cjs/components/_classes/input/Input.d.ts

@@ -31,7 +31,7 @@ export default class Input extends Multivalue {
     parseValue(value: any): any;
     formatValue(value: any): any;
     getWidget(index: any): any;
-    attachElement(element: any, index: any): any;
+    attachElement(element: any, index: any): Promise<void>;
     /**
      * Creates an instance of a widget for this component.
      *

package/lib/cjs/components/_classes/input/Input.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Multivalue_1 = __importDefault(require("../multivalue/Multivalue"));
 const utils_1 = require("../../../utils/utils");
 const widgets_1 = __importDefault(require("../../../widgets"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const lodash_1 = __importDefault(require("lodash"));
 class Input extends Multivalue_1.default {
     constructor(component, options, data) {
@@ -218,7 +217,7 @@ class Input extends Multivalue_1.default {
             element.widget.destroy();
         }
         // Attach the widget.
-        let promise = native_promise_only_1.default.resolve();
+        let promise = Promise.resolve();
         element.widget = this.createWidget(index);
         if (element.widget) {
             promise = element.widget.attach(element);

package/lib/cjs/components/_classes/list/ListComponent.d.ts

@@ -1,5 +1,9 @@
 export default class ListComponent extends Field {
     get isSelectURL(): boolean;
+    get selectData(): any;
+    get shouldLoad(): any;
+    getTemplateKeys(): void;
+    templateKeys: any[] | undefined;
     get requestHeaders(): any;
     setItems(): void;
     updateCustomItems(): void;

package/lib/cjs/components/_classes/list/ListComponent.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const Field_1 = __importDefault(require("../field/Field"));
 const Formio_1 = require("../../../Formio");
 const lodash_1 = __importDefault(require("lodash"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 class ListComponent extends Field_1.default {
     static schema(...extend) {
         return Field_1.default.schema({
@@ -22,6 +21,46 @@ class ListComponent extends Field_1.default {
     get isSelectURL() {
         return this.component.dataSrc === 'url';
     }
+    get selectData() {
+        const selectData = lodash_1.default.get(this.root, 'submission.metadata.selectData', {});
+        return lodash_1.default.get(selectData, this.path);
+    }
+    get shouldLoad() {
+        if (this.loadingError) {
+            return false;
+        }
+        // Live forms should always load.
+        if (!this.options.readOnly) {
+            return true;
+        }
+        // If there are template keys, then we need to see if we have the data.
+        if (this.templateKeys && this.templateKeys.length) {
+            // See if we already have the data we need.
+            const dataValue = this.dataValue;
+            const selectData = this.selectData;
+            return this.templateKeys.reduce((shouldLoad, key) => {
+                const hasValue = lodash_1.default.has(dataValue, key) ||
+                    (lodash_1.default.isArray(selectData) ? selectData.every((data) => lodash_1.default.has(data, key)) : lodash_1.default.has(selectData, key));
+                return shouldLoad || !hasValue;
+            }, false);
+        }
+        // Return that we should load.
+        return true;
+    }
+    getTemplateKeys() {
+        this.templateKeys = [];
+        if (this.options.readOnly && this.component.template) {
+            const keys = this.component.template.match(/({{\s*(.*?)\s*}})/g);
+            if (keys) {
+                keys.forEach((key) => {
+                    const propKey = key.match(/{{\s*item\.(.*?)\s*}}/);
+                    if (propKey && propKey.length > 1) {
+                        this.templateKeys.push(propKey[1]);
+                    }
+                });
+            }
+        }
+    }
     get requestHeaders() {
         // Create the headers object.
         const headers = new Formio_1.Formio.Headers();
@@ -63,17 +102,15 @@ class ListComponent extends Field_1.default {
         return template;
     }
     itemTemplate(data, value) {
-        var _a;
         if (lodash_1.default.isEmpty(data)) {
             return '';
         }
         const template = this.sanitize(this.getOptionTemplate(data, value), this.shouldSanitizeValue);
         if (template) {
             const label = template.replace(/<\/?[^>]+(>|$)/g, '');
-            const hasTranslator = (_a = this.i18next) === null || _a === void 0 ? void 0 : _a.translator;
-            if (!label || (hasTranslator && !this.t(label, { _userInput: true })))
+            if (!label)
                 return;
-            return hasTranslator ? template.replace(label, this.t(label, { _userInput: true })) : label;
+            return template.replace(label, this.t(label, { _userInput: true }));
         }
         else {
             return this.sanitize(JSON.stringify(data), this.shouldSanitizeValue);
@@ -192,7 +229,7 @@ class ListComponent extends Field_1.default {
                         const db = event.target.result;
                         const transaction = db.transaction(this.component.indexeddb.table, 'readwrite');
                         const objectStore = transaction.objectStore(this.component.indexeddb.table);
-                        new native_promise_only_1.default((resolve) => {
+                        new Promise((resolve) => {
                             const responseItems = [];
                             objectStore.getAll().onsuccess = (event) => {
                                 event.target.result.forEach((item) => {

package/lib/cjs/components/_classes/multivalue/Multivalue.d.ts

@@ -4,6 +4,7 @@ export default class Multivalue extends Field {
     render(): any;
     renderElement(): string;
     renderRow(value: any, index: any): any;
+    attach(dom: any): Promise<any[]>;
     /**
      * Attach inputs to the element.
      *

package/lib/cjs/components/_classes/multivalue/Multivalue.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const Field_1 = __importDefault(require("../field/Field"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const lodash_1 = __importDefault(require("lodash"));
 class Multivalue extends Field_1.default {
     get dataValue() {
@@ -78,7 +77,7 @@ class Multivalue extends Field_1.default {
             promises.push(this.attachElement.call(this, element, index));
         });
         if (!this.component.multiple) {
-            return native_promise_only_1.default.all(promises);
+            return Promise.all(promises);
         }
         this.refs.removeRow.forEach((removeButton, index) => {
             this.addEventListener(removeButton, 'click', (event) => {
@@ -94,7 +93,7 @@ class Multivalue extends Field_1.default {
             });
         });
         return superAttach.then(() => {
-            return native_promise_only_1.default.all(promises);
+            return Promise.all(promises);
         });
     }
     detach() {
@@ -187,7 +186,14 @@ class Multivalue extends Field_1.default {
     saveCaretPosition(element, index) {
         var _a, _b;
         if (((_b = (_a = this.root) === null || _a === void 0 ? void 0 : _a.focusedComponent) === null || _b === void 0 ? void 0 : _b.path) === this.path) {
-            this.root.currentSelection = { selection: [element.selectionStart, element.selectionEnd], index };
+            try {
+                this.root.currentSelection = { selection: [element.selectionStart, element.selectionEnd], index };
+            }
+            catch (e) {
+                if (!(e instanceof DOMException)) {
+                    console.debug(e);
+                }
+            }
         }
     }
     onSelectMaskHandler(event) {

package/lib/cjs/components/_classes/nested/NestedComponent.d.ts

@@ -4,7 +4,8 @@ export default class NestedComponent extends Field {
     _collapsed: boolean;
     set collapsed(arg: boolean);
     get collapsed(): boolean;
-    collapse(value: any): any;
+    collapse(value: any): Promise<void>;
+    get ready(): Promise<any[]>;
     set rowIndex(arg: any);
     get rowIndex(): any;
     _rowIndex: any;
@@ -78,8 +79,9 @@ export default class NestedComponent extends Field {
     addComponent(component: Object, data: Object, before: HTMLElement, noAdd: any): Component;
     beforeFocus(): void;
     renderComponents(components: any): any;
+    attach(element: any): Promise<[void, void]>;
     attachComponentsLogic(components: any): void;
-    attachComponents(element: any, components: any, container: any): any;
+    attachComponents(element: any, components: any, container: any): Promise<any>;
     /**
      * Remove a component from the components array.
      *
@@ -123,6 +125,7 @@ export default class NestedComponent extends Field {
     get isPristine(): any;
     destroyComponents(all?: boolean): void;
     get errors(): any;
+    get dataReady(): Promise<any[]>;
     setNestedValue(component: any, value: any, flags?: {}): any;
     setValue(value: any, flags?: {}): any;
     get lazyLoad(): any;

package/lib/cjs/components/_classes/nested/NestedComponent.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const Field_1 = __importDefault(require("../field/Field"));
 const Components_1 = __importDefault(require("../../Components"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const utils_1 = require("../../../utils/utils");
 class NestedComponent extends Field_1.default {
     static schema(...extend) {
@@ -100,7 +99,7 @@ class NestedComponent extends Field_1.default {
         return super.parentDisabled;
     }
     get ready() {
-        return native_promise_only_1.default.all(this.getComponents().map(component => component.ready));
+        return Promise.all(this.getComponents().map(component => component.ready));
     }
     get currentForm() {
         return super.currentForm;
@@ -405,7 +404,7 @@ class NestedComponent extends Field_1.default {
             collapsed: this.collapsed,
             [this.nestedKey]: 'single',
         });
-        let childPromise = native_promise_only_1.default.resolve();
+        let childPromise = Promise.resolve();
         if (this.refs[this.nestedKey]) {
             childPromise = this.attachComponents(this.refs[this.nestedKey]);
         }
@@ -423,7 +422,7 @@ class NestedComponent extends Field_1.default {
                 }
             });
         }
-        return native_promise_only_1.default.all([
+        return Promise.all([
             superPromise,
             childPromise,
         ]);
@@ -443,7 +442,7 @@ class NestedComponent extends Field_1.default {
         element = this.hook('attachComponents', element, components, container, this);
         if (!element) {
             // Return a non-resolving promise.
-            return (new native_promise_only_1.default(() => { }));
+            return (new Promise(() => { }));
         }
         let index = 0;
         const promises = [];
@@ -453,7 +452,7 @@ class NestedComponent extends Field_1.default {
                 index++;
             }
         });
-        return native_promise_only_1.default.all(promises);
+        return Promise.all(promises);
     }
     /**
      * Remove a component from the components array.
@@ -564,7 +563,7 @@ class NestedComponent extends Field_1.default {
      * @return {*}
      */
     beforePage(next) {
-        return native_promise_only_1.default.all(this.getComponents().map((comp) => comp.beforePage(next)));
+        return Promise.all(this.getComponents().map((comp) => comp.beforePage(next)));
     }
     /**
      * Allow components to hook into the submission to provide their own async data.
@@ -572,7 +571,7 @@ class NestedComponent extends Field_1.default {
      * @return {*}
      */
     beforeSubmit() {
-        return native_promise_only_1.default.all(this.getComponents().map((comp) => comp.beforeSubmit()));
+        return Promise.all(this.getComponents().map((comp) => comp.beforeSubmit()));
     }
     calculateValue(data, flags, row) {
         // Do not iterate into children and calculateValues if this nested component is conditionally hidden.
@@ -603,7 +602,7 @@ class NestedComponent extends Field_1.default {
         return this.ready.then(() => {
             const promises = [super.checkAsyncValidity(data, dirty, row, silentCheck)];
             this.eachComponent((component) => promises.push(component.checkAsyncValidity(data, dirty, row, silentCheck)));
-            return native_promise_only_1.default.all(promises).then((results) => results.reduce((valid, result) => (valid && result), true));
+            return Promise.all(promises).then((results) => results.reduce((valid, result) => (valid && result), true));
         });
     }
     setPristine(pristine) {
@@ -652,7 +651,7 @@ class NestedComponent extends Field_1.default {
         this.setPristine(true);
     }
     get dataReady() {
-        return native_promise_only_1.default.all(this.getComponents().map((component) => component.dataReady));
+        return Promise.all(this.getComponents().map((component) => component.dataReady));
     }
     setNestedValue(component, value, flags = {}) {
         component._data = this.componentContext(component);

package/lib/cjs/components/address/Address.d.ts

@@ -3,6 +3,14 @@ export namespace AddressComponentMode {
     const Manual: string;
 }
 export default class AddressComponent extends ContainerComponent {
+    static get builderInfo(): {
+        title: string;
+        group: string;
+        icon: string;
+        documentation: string;
+        weight: number;
+        schema: any;
+    };
     static get modeSwitcherRef(): string;
     static get removeValueIconRef(): string;
     static get searchInputRef(): string;

package/lib/cjs/components/button/Button.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 const Field_1 = __importDefault(require("../_classes/field/Field"));
 const Input_1 = __importDefault(require("../_classes/input/Input"));
 const utils_1 = require("../../utils/utils");
@@ -360,7 +359,7 @@ class ButtonComponent extends Field_1.default {
         let params = {
             response_type: 'code',
             client_id: settings.clientId,
-            redirect_uri: settings.redirectURI || window.location.origin || `${window.location.protocol}//${window.location.host}`,
+            redirect_uri: (settings.redirectURI && this.interpolate(settings.redirectURI)) || window.location.origin || `${window.location.protocol}//${window.location.host}`,
             state: settings.state,
             scope: settings.scope
         };
@@ -399,7 +398,7 @@ class ButtonComponent extends Field_1.default {
                         return;
                     }
                     // Depending on where the settings came from, submit to either the submission endpoint (old) or oauth endpoint (new).
-                    let requestPromise = native_promise_only_1.default.resolve();
+                    let requestPromise = Promise.resolve();
                     if (lodash_1.default.has(this, 'root.form.config.oauth') && this.root.form.config.oauth[this.component.oauthProvider]) {
                         params.provider = settings.provider;
                         params.redirectURI = originalRedirectUri;

package/lib/cjs/components/checkbox/Checkbox.d.ts

@@ -7,6 +7,19 @@ export default class CheckBoxComponent extends Field {
         weight: number;
         schema: any;
     };
+    static get serverConditionSettings(): {
+        operators: string[];
+        valueComponent(): {
+            valueType: string;
+            data: {
+                values: {
+                    label: string;
+                    value: string;
+                }[];
+            };
+            type: string;
+        };
+    };
     get labelClass(): string;
     get inputInfo(): {
         type: string;

package/lib/cjs/components/checkbox/Checkbox.js

@@ -28,14 +28,23 @@ class CheckBoxComponent extends Field_1.default {
             schema: CheckBoxComponent.schema()
         };
     }
+    static get serverConditionSettings() {
+        return Object.assign(Object.assign({}, super.serverConditionSettings), { operators: ['isEqual'], valueComponent() {
+                return {
+                    valueType: 'boolean',
+                    data: {
+                        values: [
+                            { label: 'Checked', value: 'true' },
+                            { label: 'Not Checked', value: 'false' },
+                        ]
+                    },
+                    type: 'select',
+                };
+            } });
+    }
     get defaultSchema() {
         return CheckBoxComponent.schema();
     }
-    get defaultValue() {
-        const { name } = this.component;
-        const defaultValue = super.defaultValue;
-        return name ? (this.component[name] || this.emptyValue) : (defaultValue || this.component.defaultValue || false).toString() === 'true';
-    }
     get labelClass() {
         let className = '';
         if (this.isInputComponent
@@ -168,6 +177,9 @@ class CheckBoxComponent extends Field_1.default {
     getValueAsString(value) {
         const { name: componentName, value: componentValue } = this.component;
         const hasValue = componentName ? lodash_1.default.isEqual(value, componentValue) : value;
+        if (lodash_1.default.isUndefined(value) && this.inDataTable) {
+            return '';
+        }
         return this.t(hasValue ? 'Yes' : 'No');
     }
     updateValue(value, flags) {

package/lib/cjs/components/columns/Columns.d.ts

@@ -4,6 +4,7 @@ export default class ColumnsComponent extends NestedComponent {
         icon: string;
         group: string;
         documentation: string;
+        showPreview: boolean;
         weight: number;
         schema: any;
     };

package/lib/cjs/components/columns/Columns.js

@@ -28,6 +28,7 @@ class ColumnsComponent extends NestedComponent_1.default {
             icon: 'columns',
             group: 'layout',
             documentation: '/userguide/form-building/layout-components#columns',
+            showPreview: false,
             weight: 10,
             schema: ColumnsComponent.schema()
         };

package/lib/cjs/components/container/Container.d.ts

@@ -4,6 +4,7 @@ export default class ContainerComponent extends NestedDataComponent {
         icon: string;
         group: string;
         documentation: string;
+        showPreview: boolean;
         weight: number;
         schema: any;
     };

package/lib/cjs/components/container/Container.js

@@ -27,6 +27,7 @@ class ContainerComponent extends NestedDataComponent_1.default {
             icon: 'folder-open',
             group: 'data',
             documentation: '/userguide/form-building/data-components#container',
+            showPreview: false,
             weight: 10,
             schema: ContainerComponent.schema()
         };

package/lib/cjs/components/content/Content.d.ts

@@ -10,6 +10,7 @@ export default class ContentComponent extends Component {
     };
     get content(): any;
     render(): any;
+    get dataReady(): any;
     get emptyValue(): string;
 }
 import Component from '../_classes/component/Component';

package/lib/cjs/components/content/Content.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Component_1 = __importDefault(require("../_classes/component/Component"));
 const lodash_1 = __importDefault(require("lodash"));
-const native_promise_only_1 = __importDefault(require("native-promise-only"));
 class ContentComponent extends Component_1.default {
     static schema(...extend) {
         return Component_1.default.schema({
@@ -51,7 +50,7 @@ class ContentComponent extends Component_1.default {
     }
     get dataReady() {
         var _a;
-        return ((_a = this.root) === null || _a === void 0 ? void 0 : _a.submissionReady) || native_promise_only_1.default.resolve();
+        return ((_a = this.root) === null || _a === void 0 ? void 0 : _a.submissionReady) || Promise.resolve();
     }
     attach(element) {
         this.loadRefs(element, { html: 'single' });

package/lib/cjs/components/currency/editForm/Currency.edit.data.d.ts

@@ -1,4 +1,15 @@
-declare const _default: {
+declare const _default: ({
+    key: string;
+    ignore: boolean;
+    type?: undefined;
+    input?: undefined;
+    weight?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    defaultValue?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+} | {
     type: string;
     input: boolean;
     weight: number;
@@ -13,5 +24,6 @@ declare const _default: {
             value: string;
         }[];
     };
-}[];
+    ignore?: undefined;
+})[];
 export default _default;

package/lib/cjs/components/currency/editForm/Currency.edit.data.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = [
+    {
+        key: 'case',
+        ignore: true
+    },
     {
         type: 'select',
         input: true,

package/lib/cjs/components/currency/editForm/Currency.edit.display.js

@@ -17,6 +17,10 @@ exports.default = [
         key: 'showCharCount',
         ignore: true
     },
+    {
+        key: 'spellcheck',
+        ignore: true
+    },
     {
         type: 'textfield',
         input: true,

package/lib/cjs/components/datagrid/DataGrid.d.ts

@@ -4,6 +4,7 @@ export default class DataGridComponent extends NestedArrayComponent {
         icon: string;
         group: string;
         documentation: string;
+        showPreview: boolean;
         weight: number;
         schema: any;
     };