@formio/js 5.0.0-dev.5633.3b83d8c → 5.0.0-dev.5634.e1468ca

package/lib/cjs/Webform.d.ts

@@ -356,12 +356,6 @@ declare class Webform extends NestedDataComponent {
      * @returns {Object}
      */
     get submission(): Object;
-    /**
-   * @param submission
-   * @param flags
-   * @return {void}
-   */
-    onSetSubmission(submission: any, flags?: {}): void;
     /**
      * Sets a submission and returns the promise when it is ready.
      * @param submission

package/lib/cjs/Webform.js

@@ -716,17 +716,6 @@ class Webform extends NestedDataComponent_1.default {
     set submission(submission) {
         this.setSubmission(submission);
     }
-    /**
-   * @param submission
-   * @param flags
-   * @return {void}
-   */
-    onSetSubmission(submission, flags = {}) {
-        this.submissionSet = true;
-        this.triggerChange(flags);
-        this.emit('beforeSetSubmission', submission);
-        this.setValue(submission, flags);
-    }
     /**
      * Sets a submission and returns the promise when it is ready.
      * @param submission
@@ -739,7 +728,10 @@ class Webform extends NestedDataComponent_1.default {
             if (resolveFlags) {
                 flags = Object.assign(Object.assign({}, flags), resolveFlags);
             }
-            this.onSetSubmission(submission, flags);
+            this.submissionSet = true;
+            this.triggerChange(flags);
+            this.emit('beforeSetSubmission', submission);
+            this.setValue(submission, flags);
             return this.submissionReadyResolve(submission);
         }, (err) => this.submissionReadyReject(err)).catch((err) => this.submissionReadyReject(err));
     }

package/lib/cjs/WebformBuilder.js

@@ -987,7 +987,12 @@ class WebformBuilder extends Component_1.default {
                 parent.formioComponent.removeChildComponent(component);
             }
             if (component.input && componentInstance && componentInstance.parent) {
-                lodash_1.default.unset(componentInstance._data, componentInstance.key);
+                if (Array.isArray(parent.formioComponent.component.defaultValue)) {
+                    parent.formioComponent.component.defaultValue.forEach(v => lodash_1.default.unset(v, componentInstance.key));
+                }
+                else if (typeof parent.formioComponent.component.defaultValue === 'object') {
+                    lodash_1.default.unset(parent.formioComponent.component.defaultValue, componentInstance.key);
+                }
             }
             const rebuild = parent.formioComponent.rebuild() || Promise.resolve();
             rebuild.then(() => {

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -327,12 +327,10 @@ declare class Component extends Element {
      */
     loadRefs(element: HTMLElement, refs: object, referenceAttributeName?: string | undefined): void;
     setOpenModalElement(template: any): void;
-    renderModalPreview(ctx: any): any;
     getModalPreviewTemplate(): any;
     build(element: any): Promise<void>;
     get hasModalSaveButton(): boolean;
     render(children?: string, topLevel?: boolean): any;
-    createTooltip(tooltipEl: any, settings?: {}): import("tippy.js").Instance<import("tippy.js").Props>[];
     attachTooltips(toolTipsRefs: any): void;
     createComponentModal(element: any, modalShouldBeOpened: any, currentValue: any): ComponentModal;
     attach(element: any): Promise<void>;

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

@@ -1029,9 +1029,6 @@ class Component extends Element_1.default {
     setOpenModalElement(template) {
         this.componentModal.setOpenModalElement(template || this.getModalPreviewTemplate());
     }
-    renderModalPreview(ctx) {
-        return this.renderTemplate('modalPreview', ctx || {});
-    }
     getModalPreviewTemplate() {
         var _a;
         const dataValue = this.component.type === 'password' ? this.dataValue.replace(/./g, '•') : this.dataValue;
@@ -1039,7 +1036,7 @@ class Component extends Element_1.default {
         if (this.hasInput && ((_a = this.component.validate) === null || _a === void 0 ? void 0 : _a.required) && !this.isPDFReadOnlyMode) {
             modalLabel = { className: 'field-required' };
         }
-        return this.renderModalPreview({
+        return this.renderTemplate('modalPreview', {
             previewText: this.getValueAsString(dataValue, { modalPreview: true }) || this.t('Click to set value'),
             messages: '',
             labelInfo: modalLabel,
@@ -1077,17 +1074,21 @@ class Component extends Element_1.default {
             }, topLevel);
         }
     }
-    createTooltip(tooltipEl, settings = {}) {
-        const tooltipAttribute = tooltipEl.getAttribute('data-tooltip');
-        const tooltipDataTitle = tooltipEl.getAttribute('data-title');
-        const tooltipText = this.interpolate(tooltipDataTitle || tooltipAttribute)
-            .replace(/(?:\r\n|\r|\n)/g, '<br />');
-        return (0, tippy_js_1.default)(tooltipEl, Object.assign(Object.assign({ allowHTML: true, trigger: 'mouseenter click focus', placement: 'right', zIndex: 10000, interactive: true }, settings), { content: this.t(this.sanitize(tooltipText), { _userInput: true }) }));
-    }
     attachTooltips(toolTipsRefs) {
         toolTipsRefs === null || toolTipsRefs === void 0 ? void 0 : toolTipsRefs.forEach((tooltip, index) => {
             if (tooltip) {
-                this.tooltips[index] = this.createTooltip(tooltip);
+                const tooltipAttribute = tooltip.getAttribute('data-tooltip');
+                const tooltipDataTitle = tooltip.getAttribute('data-title');
+                const tooltipText = this.interpolate(tooltipDataTitle || tooltipAttribute)
+                    .replace(/(?:\r\n|\r|\n)/g, '<br />');
+                this.tooltips[index] = (0, tippy_js_1.default)(tooltip, {
+                    allowHTML: true,
+                    trigger: 'mouseenter click focus',
+                    placement: 'right',
+                    zIndex: 10000,
+                    interactive: true,
+                    content: this.t(this.sanitize(tooltipText), { _userInput: true }),
+                });
             }
         });
     }

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

@@ -79,7 +79,6 @@ export default class FormComponent extends Component {
     isHidden(): boolean;
     setValue(submission: any, flags?: {}): boolean;
     setSubFormValue(submission: any, flags: any): void;
-    onSetSubFormValue(submission: any, flags: any): void;
     areAllComponentsEmpty(data: any): boolean;
     updateSubFormVisibility(): void;
     /**

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

@@ -645,12 +645,9 @@ class FormComponent extends Component_1.default {
             });
         }
         else {
-            this.onSetSubFormValue(submission, flags);
+            this.subForm.setValue(submission, flags);
         }
     }
-    onSetSubFormValue(submission, flags) {
-        this.subForm.setValue(submission, flags);
-    }
     isEmpty(value = this.dataValue) {
         return value === null || lodash_1.default.isEqual(value, this.emptyValue) || (this.areAllComponentsEmpty(value === null || value === void 0 ? void 0 : value.data) && !(value === null || value === void 0 ? void 0 : value._id));
     }

package/lib/cjs/components/signature/Signature.js

@@ -172,7 +172,7 @@ class SignatureComponent extends Input_1.default {
         return false;
     }
     getModalPreviewTemplate() {
-        return this.renderModalPreview({
+        return this.renderTemplate('modalPreview', {
             previewText: this.dataValue ?
                 `<img src=${this.dataValue} ${this._referenceAttributeName}='openModal' style="width: 100%;height: 100%;" />` :
                 this.t('Click to Sign')

package/lib/mjs/Webform.d.ts

@@ -356,12 +356,6 @@ declare class Webform extends NestedDataComponent {
      * @returns {Object}
      */
     get submission(): Object;
-    /**
-   * @param submission
-   * @param flags
-   * @return {void}
-   */
-    onSetSubmission(submission: any, flags?: {}): void;
     /**
      * Sets a submission and returns the promise when it is ready.
      * @param submission

package/lib/mjs/Webform.js

@@ -714,17 +714,6 @@ export default class Webform extends NestedDataComponent {
     set submission(submission) {
         this.setSubmission(submission);
     }
-    /**
-   * @param submission
-   * @param flags
-   * @return {void}
-   */
-    onSetSubmission(submission, flags = {}) {
-        this.submissionSet = true;
-        this.triggerChange(flags);
-        this.emit('beforeSetSubmission', submission);
-        this.setValue(submission, flags);
-    }
     /**
      * Sets a submission and returns the promise when it is ready.
      * @param submission
@@ -743,7 +732,10 @@ export default class Webform extends NestedDataComponent {
                     ...resolveFlags
                 };
             }
-            this.onSetSubmission(submission, flags);
+            this.submissionSet = true;
+            this.triggerChange(flags);
+            this.emit('beforeSetSubmission', submission);
+            this.setValue(submission, flags);
             return this.submissionReadyResolve(submission);
         }, (err) => this.submissionReadyReject(err)).catch((err) => this.submissionReadyReject(err));
     }

package/lib/mjs/WebformBuilder.js

@@ -971,7 +971,12 @@ export default class WebformBuilder extends Component {
                 parent.formioComponent.removeChildComponent(component);
             }
             if (component.input && componentInstance && componentInstance.parent) {
-                _.unset(componentInstance._data, componentInstance.key);
+                if (Array.isArray(parent.formioComponent.component.defaultValue)) {
+                    parent.formioComponent.component.defaultValue.forEach(v => _.unset(v, componentInstance.key));
+                }
+                else if (typeof parent.formioComponent.component.defaultValue === 'object') {
+                    _.unset(parent.formioComponent.component.defaultValue, componentInstance.key);
+                }
             }
             const rebuild = parent.formioComponent.rebuild() || Promise.resolve();
             rebuild.then(() => {

package/lib/mjs/components/_classes/component/Component.d.ts

@@ -327,12 +327,10 @@ declare class Component extends Element {
      */
     loadRefs(element: HTMLElement, refs: object, referenceAttributeName?: string | undefined): void;
     setOpenModalElement(template: any): void;
-    renderModalPreview(ctx: any): any;
     getModalPreviewTemplate(): any;
     build(element: any): Promise<void>;
     get hasModalSaveButton(): boolean;
     render(children?: string, topLevel?: boolean): any;
-    createTooltip(tooltipEl: any, settings?: {}): import("tippy.js").Instance<import("tippy.js").Props>[];
     attachTooltips(toolTipsRefs: any): void;
     createComponentModal(element: any, modalShouldBeOpened: any, currentValue: any): ComponentModal;
     attach(element: any): Promise<void>;

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

@@ -996,16 +996,13 @@ export default class Component extends Element {
     setOpenModalElement(template) {
         this.componentModal.setOpenModalElement(template || this.getModalPreviewTemplate());
     }
-    renderModalPreview(ctx) {
-        return this.renderTemplate('modalPreview', ctx || {});
-    }
     getModalPreviewTemplate() {
         const dataValue = this.component.type === 'password' ? this.dataValue.replace(/./g, '•') : this.dataValue;
         let modalLabel;
         if (this.hasInput && this.component.validate?.required && !this.isPDFReadOnlyMode) {
             modalLabel = { className: 'field-required' };
         }
-        return this.renderModalPreview({
+        return this.renderTemplate('modalPreview', {
             previewText: this.getValueAsString(dataValue, { modalPreview: true }) || this.t('Click to set value'),
             messages: '',
             labelInfo: modalLabel,
@@ -1043,25 +1040,21 @@ export default class Component extends Element {
             }, topLevel);
         }
     }
-    createTooltip(tooltipEl, settings = {}) {
-        const tooltipAttribute = tooltipEl.getAttribute('data-tooltip');
-        const tooltipDataTitle = tooltipEl.getAttribute('data-title');
-        const tooltipText = this.interpolate(tooltipDataTitle || tooltipAttribute)
-            .replace(/(?:\r\n|\r|\n)/g, '<br />');
-        return tippy(tooltipEl, {
-            allowHTML: true,
-            trigger: 'mouseenter click focus',
-            placement: 'right',
-            zIndex: 10000,
-            interactive: true,
-            ...settings,
-            content: this.t(this.sanitize(tooltipText), { _userInput: true }),
-        });
-    }
     attachTooltips(toolTipsRefs) {
         toolTipsRefs?.forEach((tooltip, index) => {
             if (tooltip) {
-                this.tooltips[index] = this.createTooltip(tooltip);
+                const tooltipAttribute = tooltip.getAttribute('data-tooltip');
+                const tooltipDataTitle = tooltip.getAttribute('data-title');
+                const tooltipText = this.interpolate(tooltipDataTitle || tooltipAttribute)
+                    .replace(/(?:\r\n|\r|\n)/g, '<br />');
+                this.tooltips[index] = tippy(tooltip, {
+                    allowHTML: true,
+                    trigger: 'mouseenter click focus',
+                    placement: 'right',
+                    zIndex: 10000,
+                    interactive: true,
+                    content: this.t(this.sanitize(tooltipText), { _userInput: true }),
+                });
             }
         });
     }

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

@@ -79,7 +79,6 @@ export default class FormComponent extends Component {
     isHidden(): boolean;
     setValue(submission: any, flags?: {}): boolean;
     setSubFormValue(submission: any, flags: any): void;
-    onSetSubFormValue(submission: any, flags: any): void;
     areAllComponentsEmpty(data: any): boolean;
     updateSubFormVisibility(): void;
     /**

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

@@ -635,12 +635,9 @@ export default class FormComponent extends Component {
             });
         }
         else {
-            this.onSetSubFormValue(submission, flags);
+            this.subForm.setValue(submission, flags);
         }
     }
-    onSetSubFormValue(submission, flags) {
-        this.subForm.setValue(submission, flags);
-    }
     isEmpty(value = this.dataValue) {
         return value === null || _.isEqual(value, this.emptyValue) || (this.areAllComponentsEmpty(value?.data) && !value?._id);
     }

package/lib/mjs/components/signature/Signature.js

@@ -169,7 +169,7 @@ export default class SignatureComponent extends Input {
         return false;
     }
     getModalPreviewTemplate() {
-        return this.renderModalPreview({
+        return this.renderTemplate('modalPreview', {
             previewText: this.dataValue ?
                 `<img src=${this.dataValue} ${this._referenceAttributeName}='openModal' style="width: 100%;height: 100%;" />` :
                 this.t('Click to Sign')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.0.0-dev.5633.3b83d8c",
+  "version": "5.0.0-dev.5634.e1468ca",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {