@formio/js 5.0.0-rc.47 → 5.0.0-rc.48

package/dist/formio.utils.min.js.LICENSE.txt

@@ -20,7 +20,7 @@
 
 /*! @license DOMPurify 3.1.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.0/LICENSE */
 
-/*! formiojs v5.0.0-rc.47 | https://unpkg.com/formiojs@5.0.0-rc.47/LICENSE.txt */
+/*! formiojs v5.0.0-rc.48 | https://unpkg.com/formiojs@5.0.0-rc.48/LICENSE.txt */
 
 /**
  * @license

package/lib/cjs/Webform.d.ts

@@ -79,6 +79,8 @@
  * @property {boolean} [allowPrevious] - Allow the previous button (for Wizard forms).
  * @property {string[]} [wizardButtonOrder] - The order of the buttons (for Wizard forms).
  * @property {boolean} [showCheckboxBackground] - Show the checkbox background.
+ * @property {boolean} [inputsOnly] - Only show inputs in the form and no labels.
+ * @property {boolean} [building] - If we are in the process of building the form.
  * @property {number} [zoom] - The zoom for PDF forms.
  */
 /**
@@ -469,7 +471,7 @@ declare class Webform extends NestedDataComponent {
      *
      * @returns {Promise} - A promise when the form is done submitting.
      */
-    submit(before: boolean, options?: {}): Promise<any>;
+    submit(before?: boolean, options?: {}): Promise<any>;
     submitUrl(URL: any, headers: any): void;
     triggerRecaptcha(): void;
     _nosubmit: any;
@@ -685,6 +687,14 @@ export type FormOptions = {
      * - Show the checkbox background.
      */
     showCheckboxBackground?: boolean | undefined;
+    /**
+     * - Only show inputs in the form and no labels.
+     */
+    inputsOnly?: boolean | undefined;
+    /**
+     * - If we are in the process of building the form.
+     */
+    building?: boolean | undefined;
     /**
      * - The zoom for PDF forms.
      */

package/lib/cjs/Webform.js

@@ -121,6 +121,8 @@ function getOptions(options) {
  * @property {boolean} [allowPrevious] - Allow the previous button (for Wizard forms).
  * @property {string[]} [wizardButtonOrder] - The order of the buttons (for Wizard forms).
  * @property {boolean} [showCheckboxBackground] - Show the checkbox background.
+ * @property {boolean} [inputsOnly] - Only show inputs in the form and no labels.
+ * @property {boolean} [building] - If we are in the process of building the form.
  * @property {number} [zoom] - The zoom for PDF forms.
  */
 /**
@@ -1438,7 +1440,7 @@ class Webform extends NestedDataComponent_1.default {
      *
      * @returns {Promise} - A promise when the form is done submitting.
      */
-    submit(before, options = {}) {
+    submit(before = null, options = {}) {
         this.submissionInProcess = true;
         if (!before) {
             return this.beforeSubmit(options).then(() => this.executeSubmit(options));

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

@@ -275,14 +275,14 @@ declare class Component extends Element {
     getFormattedAttribute(attr: any): any;
     getFormattedTooltip(tooltipValue: any): any;
     isHtmlRenderMode(): boolean;
-    renderTemplate(name: any, data: {} | undefined, modeOption: any): any;
+    renderTemplate(name: any, data?: {}, modeOption?: string): any;
     /**
      * Sanitize an html string.
      *
      * @param string
      * @returns {*}
      */
-    sanitize(dirty: any, forceSanitize: any, options: any): any;
+    sanitize(dirty: any, forceSanitize?: boolean, options?: {}): any;
     /**
      * Render a template string into html.
      *
@@ -761,7 +761,7 @@ declare class Component extends Element {
      * @param {*} silentCheck
      * @returns
      */
-    checkValidity(data: any, dirty: any, row: any, silentCheck: any, errors?: any[]): boolean;
+    checkValidity(data?: any, dirty?: any, row?: any, silentCheck?: any, errors?: any[]): boolean;
     checkAsyncValidity(data: any, dirty: any, row: any, silentCheck: any, errors?: any[]): boolean;
     /**
      * Check the conditions, calculations, and validity of a single component and triggers an update if
@@ -828,7 +828,7 @@ declare class Component extends Element {
     };
     autofocus(): void;
     scrollIntoView(element?: any): void;
-    focus(index: any): void;
+    focus(index?: number): void;
     /**
      * Get `Formio` instance for working with files
      */

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

@@ -853,7 +853,7 @@ class Component extends Element_1.default {
     isHtmlRenderMode() {
         return this.options.renderMode === 'html';
     }
-    renderTemplate(name, data = {}, modeOption) {
+    renderTemplate(name, data = {}, modeOption = '') {
         // Need to make this fall back to form if renderMode is not found similar to how we search templates.
         const mode = modeOption || this.options.renderMode || 'form';
         data.component = this.component;
@@ -897,7 +897,7 @@ class Component extends Element_1.default {
      * @param string
      * @returns {*}
      */
-    sanitize(dirty, forceSanitize, options) {
+    sanitize(dirty, forceSanitize = false, options = {}) {
         var _a;
         if (!this.shouldSanitizeValue && !forceSanitize) {
             return dirty;
@@ -2783,7 +2783,7 @@ class Component extends Element_1.default {
      * @param {*} silentCheck
      * @returns
      */
-    checkValidity(data, dirty, row, silentCheck, errors = []) {
+    checkValidity(data = null, dirty = false, row = null, silentCheck = false, errors = []) {
         data = data || this.rootValue;
         row = row || this.data;
         console.log('Deprecation warning:  Component.checkValidity() will be deprecated in 6.x version of renderer. Use Component.validateComponent instead.');
@@ -3190,15 +3190,13 @@ class Component extends Element_1.default {
         const { left, top } = element.getBoundingClientRect();
         window.scrollTo(left + window.scrollX, top + window.scrollY);
     }
-    focus(index) {
+    focus(index = (this.refs.input.length - 1)) {
         var _a, _b;
         if ('beforeFocus' in this.parent) {
             this.parent.beforeFocus(this);
         }
         if ((_a = this.refs.input) === null || _a === void 0 ? void 0 : _a.length) {
-            const focusingInput = typeof index === 'number' && this.refs.input[index]
-                ? this.refs.input[index]
-                : this.refs.input[this.refs.input.length - 1];
+            const focusingInput = this.refs.input[index];
             if (((_b = this.component.widget) === null || _b === void 0 ? void 0 : _b.type) === 'calendar') {
                 const sibling = focusingInput.nextSibling;
                 if (sibling) {

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

@@ -17,7 +17,7 @@ export default class NestedComponent extends Field {
      *
      * @param {function} fn - Called for every component.
      */
-    everyComponent(fn: Function, options: any): void;
+    everyComponent(fn: Function, options?: {}): void;
     hasComponent(component: any): boolean;
     flattenComponents(): {};
     /**
@@ -43,7 +43,7 @@ export default class NestedComponent extends Field {
      * @param {function} fn - Called with the component once it is retrieved.
      * @return {Object} - The component retrieved.
      */
-    getComponentById(id: string, fn: Function): Object;
+    getComponentById(id: string, fn?: Function): Object;
     /**
      * Create a new component and add it to the components array.
      *
@@ -70,7 +70,7 @@ export default class NestedComponent extends Field {
      * @param {HTMLElement} before - A DOM element to insert this element before.
      * @return {Component} - The created component instance.
      */
-    addComponent(component: Object, data: Object, before: HTMLElement, noAdd: any): Component;
+    addComponent(component: Object, data?: Object, before?: HTMLElement, noAdd?: boolean): Component;
     beforeFocus(): void;
     renderComponents(components: any): any;
     attach(element: any): Promise<[void, void]>;
@@ -90,7 +90,7 @@ export default class NestedComponent extends Field {
      * @param {function} fn - Called once the component is removed.
      * @return {null}
      */
-    removeComponentByKey(key: string, fn: Function): null;
+    removeComponentByKey(key: string, fn?: Function): null;
     /**
      * Removes a component provided the Id of the component.
      *
@@ -98,7 +98,7 @@ export default class NestedComponent extends Field {
      * @param {function} fn - Called when the component is removed.
      * @return {null}
      */
-    removeComponentById(id: string, fn: Function): null;
+    removeComponentById(id: string, fn?: Function): null;
     updateValue(value: any, flags?: {}): any;
     shouldSkipValidation(data: any, row: any, flags: any): boolean;
     checkData(data: any, flags: any, row: any, components: any): true | undefined;
@@ -136,7 +136,6 @@ export default class NestedComponent extends Field {
      */
     validate(data: any, flags?: any): any;
     checkComponentValidity(data: any, dirty: any, row: any, flags?: {}, allErrors?: any[]): boolean;
-    checkValidity(data: any, dirty: any, row: any, silentCheck: any, childErrors?: any[]): boolean;
     checkAsyncValidity(data: any, dirty: any, row: any, silentCheck: any): Promise<any>;
     setPristine(pristine: any): void;
     get isPristine(): any;

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

@@ -142,7 +142,7 @@ class NestedComponent extends Field_1.default {
      *
      * @param {function} fn - Called for every component.
      */
-    everyComponent(fn, options) {
+    everyComponent(fn, options = {}) {
         const components = this.getComponents();
         lodash_1.default.each(components, (component, index) => {
             if (fn(component, components, index) === false) {
@@ -244,7 +244,7 @@ class NestedComponent extends Field_1.default {
      * @param {function} fn - Called with the component once it is retrieved.
      * @return {Object} - The component retrieved.
      */
-    getComponentById(id, fn) {
+    getComponentById(id, fn = null) {
         let comp = null;
         this.everyComponent((component, components) => {
             if (component.id === id) {
@@ -347,7 +347,7 @@ class NestedComponent extends Field_1.default {
      * @param {HTMLElement} before - A DOM element to insert this element before.
      * @return {Component} - The created component instance.
      */
-    addComponent(component, data, before, noAdd) {
+    addComponent(component, data = null, before = null, noAdd = false) {
         data = data || this.data;
         this.components = this.components || [];
         component = this.hook('addComponent', component, data, before, noAdd);
@@ -456,7 +456,7 @@ class NestedComponent extends Field_1.default {
      * @param {function} fn - Called once the component is removed.
      * @return {null}
      */
-    removeComponentByKey(key, fn) {
+    removeComponentByKey(key, fn = null) {
         const comp = this.getComponent(key, (component, components) => {
             this.removeComponent(component, components);
             if (fn) {
@@ -477,7 +477,7 @@ class NestedComponent extends Field_1.default {
      * @param {function} fn - Called when the component is removed.
      * @return {null}
      */
-    removeComponentById(id, fn) {
+    removeComponentById(id, fn = null) {
         const comp = this.getComponentById(id, (component, components) => {
             this.removeComponent(component, components);
             if (fn) {

package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.d.ts

@@ -11,7 +11,7 @@ export default class NestedArrayComponent extends NestedDataComponent {
     processRow(method: any, data: any, opts: any, row: any, components: any, silentCheck: any): any;
     hasAddButton(): any;
     getComponent(path: any, fn: any, originalPath: any): any;
-    everyComponent(fn: any, rowIndex: any, options: any): void;
+    everyComponent(fn: any, rowIndex: any, options?: {}): void;
     getComponents(rowIndex: any): any;
 }
 import NestedDataComponent from '../nesteddata/NestedDataComponent';

package/lib/cjs/components/_classes/nestedarray/NestedArrayComponent.js

@@ -129,7 +129,7 @@ class NestedArrayComponent extends NestedDataComponent_1.default {
         }
         return result;
     }
-    everyComponent(fn, rowIndex, options) {
+    everyComponent(fn, rowIndex, options = {}) {
         if (lodash_1.default.isObject(rowIndex)) {
             options = rowIndex;
             rowIndex = null;

package/lib/cjs/components/_classes/nesteddata/NestedDataComponent.d.ts

@@ -5,7 +5,7 @@ export default class NestedDataComponent extends NestedComponent {
     get emptyValue(): {};
     getValueAsString(value: any, options: any): string;
     getDataValueAsTable(value: any, options: any): string;
-    everyComponent(fn: any, options: any): void;
+    everyComponent(fn: any, options?: {}): void;
     updateValue(value: any, flags?: {}): boolean;
     setValue(value: any, flags?: {}): boolean;
 }

package/lib/cjs/components/_classes/nesteddata/NestedDataComponent.js

@@ -85,7 +85,7 @@ class NestedDataComponent extends NestedComponent_1.default {
     `);
         return result;
     }
-    everyComponent(fn, options) {
+    everyComponent(fn, options = {}) {
         if (options === null || options === void 0 ? void 0 : options.email) {
             if (options.fromRoot) {
                 delete options.fromRoot;

package/lib/cjs/components/day/Day.d.ts

@@ -157,6 +157,7 @@ export default class DayComponent extends Field {
      * @return {null}
      */
     getValueAsString(value: any): null;
+    focus(field: any): void;
     isPartialDay(value: any): boolean;
     getValidationFormat(): "DD-MM-YYYY" | "MM-DD-YYYY";
 }

package/lib/cjs/components/html/HTML.js

@@ -92,8 +92,8 @@ class HTMLComponent extends Component_1.default {
     attach(element) {
         this.loadRefs(element, { html: 'single' });
         this.dataReady.then(() => {
-            if (this.element) {
-                this.setContent(this.elemet, this.content);
+            if (this.refs.html) {
+                this.setContent(this.refs.html, this.content);
             }
         });
         return super.attach(element);

package/lib/cjs/components/select/Select.d.ts

@@ -59,6 +59,7 @@ export default class SelectComponent extends ListComponent {
     get itemsFromUrl(): boolean;
     get isInfiniteScrollProvided(): boolean;
     get shouldInitialLoad(): any;
+    get selectMetadata(): any;
     isEntireObjectDisplay(): boolean;
     selectValueAndLabel(data: any): {
         value: any;
@@ -119,7 +120,9 @@ export default class SelectComponent extends ListComponent {
      * @param {Array} items
      */
     addCurrentChoices(values: any, items: any[], keyValue: any): any;
-    normalizeSingleValue(value: any, retainObject: any): any;
+    normalizeSingleValue(value: any): any;
+    setMetadata(value: any): any;
+    updateValue(value: any, flags: any): boolean;
     setValue(value: any, flags?: {}): boolean;
     lazyLoadInit: boolean | undefined;
     isInitApiCallNeeded(hasValue: any): any;

package/lib/cjs/components/select/Select.js

@@ -217,8 +217,11 @@ class SelectComponent extends ListComponent_1.default {
         }
         return super.shouldLoad;
     }
+    get selectMetadata() {
+        return super.selectData;
+    }
     get selectData() {
-        return this.component.selectData || super.selectData;
+        return this.component.selectData || this.selectMetadata;
     }
     isEntireObjectDisplay() {
         return this.component.dataSrc === 'resource' && this.valueProperty === 'data';
@@ -1136,8 +1139,7 @@ class SelectComponent extends ListComponent_1.default {
         this.triggerUpdate();
         return done;
     }
-    normalizeSingleValue(value, retainObject) {
-        var _a;
+    normalizeSingleValue(value) {
         if (lodash_1.default.isNil(value)) {
             return;
         }
@@ -1146,33 +1148,6 @@ class SelectComponent extends ListComponent_1.default {
         if (valueIsObject && Object.keys(value).length === 0) {
             return value;
         }
-        // Check to see if we need to save off the template data into our metadata.
-        if (retainObject) {
-            const templateValue = this.component.reference && (value === null || value === void 0 ? void 0 : value._id) ? value._id.toString() : value;
-            const shouldSaveData = !valueIsObject || this.component.reference;
-            if (templateValue && shouldSaveData && (this.templateData && this.templateData[templateValue]) && ((_a = this.root) === null || _a === void 0 ? void 0 : _a.submission)) {
-                const submission = this.root.submission;
-                if (!submission.metadata) {
-                    submission.metadata = {};
-                }
-                if (!submission.metadata.selectData) {
-                    submission.metadata.selectData = {};
-                }
-                let templateData = this.templateData[templateValue];
-                if (this.component.multiple) {
-                    templateData = {};
-                    const dataValue = this.dataValue;
-                    if (dataValue && lodash_1.default.isArray(dataValue) && dataValue.length) {
-                        dataValue.forEach((dataValueItem) => {
-                            const dataValueItemValue = this.component.reference ? dataValueItem._id.toString() : dataValueItem;
-                            templateData[dataValueItemValue] = this.templateData[dataValueItemValue];
-                        });
-                    }
-                    templateData[value] = this.templateData[value];
-                }
-                lodash_1.default.set(submission.metadata.selectData, this.path, templateData);
-            }
-        }
         const dataType = this.component.dataType || 'auto';
         const normalize = {
             value,
@@ -1225,16 +1200,64 @@ class SelectComponent extends ListComponent_1.default {
      */
     normalizeValue(value) {
         if (this.component.multiple && Array.isArray(value)) {
-            return value.map((singleValue) => this.normalizeSingleValue(singleValue, true));
+            return value.map((singleValue) => this.normalizeSingleValue(singleValue));
+        }
+        return super.normalizeValue(this.normalizeSingleValue(value));
+    }
+    setMetadata(value) {
+        var _a;
+        if (lodash_1.default.isNil(value)) {
+            return;
+        }
+        const valueIsObject = lodash_1.default.isObject(value);
+        //check if value equals to default emptyValue
+        if (valueIsObject && Object.keys(value).length === 0) {
+            return value;
+        }
+        // Check to see if we need to save off the template data into our metadata.
+        const templateValue = this.component.reference && (value === null || value === void 0 ? void 0 : value._id) ? value._id.toString() : value;
+        const shouldSaveData = !valueIsObject || this.component.reference;
+        if (templateValue && shouldSaveData && this.templateData && this.templateData[templateValue] && ((_a = this.root) === null || _a === void 0 ? void 0 : _a.submission)) {
+            const submission = this.root.submission;
+            if (!submission.metadata) {
+                submission.metadata = {};
+            }
+            if (!submission.metadata.selectData) {
+                submission.metadata.selectData = {};
+            }
+            let templateData = this.templateData[templateValue];
+            if (this.component.multiple) {
+                templateData = {};
+                const dataValue = this.dataValue;
+                if (dataValue && lodash_1.default.isArray(dataValue) && dataValue.length) {
+                    dataValue.forEach((dataValueItem) => {
+                        const dataValueItemValue = this.component.reference ? dataValueItem._id.toString() : dataValueItem;
+                        templateData[dataValueItemValue] = this.templateData[dataValueItemValue];
+                    });
+                }
+                templateData[value] = this.templateData[value];
+            }
+            lodash_1.default.set(submission.metadata.selectData, this.path, templateData);
         }
-        return super.normalizeValue(this.normalizeSingleValue(value, true));
+    }
+    updateValue(value, flags) {
+        const changed = super.updateValue(value, flags);
+        if (changed || !this.selectMetadata) {
+            if (this.component.multiple && Array.isArray(this.dataValue)) {
+                this.dataValue.forEach(singleValue => this.setMetadata(singleValue));
+            }
+            else {
+                this.setMetadata(this.dataValue);
+            }
+        }
+        return changed;
     }
     setValue(value, flags = {}) {
         const previousValue = this.dataValue;
+        const changed = this.updateValue(value, flags);
         if (this.component.widget === 'html5' && (lodash_1.default.isEqual(value, previousValue) || lodash_1.default.isEqual(previousValue, {}) && lodash_1.default.isEqual(flags, {})) && !flags.fromSubmission) {
             return false;
         }
-        const changed = this.updateValue(value, flags);
         value = this.dataValue;
         const hasPreviousValue = !this.isEmpty(previousValue);
         const hasValue = !this.isEmpty(value);
@@ -1349,7 +1372,7 @@ class SelectComponent extends ListComponent_1.default {
         if (values) {
             if (lodash_1.default.isObject(value)) {
                 const compareComplexValues = (optionValue) => {
-                    const normalizedOptionValue = this.normalizeSingleValue(optionValue, true);
+                    const normalizedOptionValue = this.normalizeSingleValue(optionValue);
                     if (!lodash_1.default.isObject(normalizedOptionValue)) {
                         return false;
                     }

package/lib/cjs/components/select/fixtures/comp22.d.ts

@@ -0,0 +1,51 @@
+declare namespace _default {
+    let title: string;
+    let name: string;
+    let path: string;
+    let type: string;
+    let display: string;
+    let components: ({
+        label: string;
+        widget: string;
+        tableView: boolean;
+        dataSrc: string;
+        data: {
+            url: string;
+            headers: {
+                key: string;
+                value: string;
+            }[];
+        };
+        valueProperty: string;
+        validateWhenHidden: boolean;
+        key: string;
+        type: string;
+        input: boolean;
+        defaultValue: string;
+        selectValues: string;
+        disableLimit: boolean;
+        noRefreshOnScroll: boolean;
+        selectData: {
+            label: string;
+        };
+        disableOnInvalid?: undefined;
+    } | {
+        type: string;
+        label: string;
+        key: string;
+        disableOnInvalid: boolean;
+        input: boolean;
+        tableView: boolean;
+        widget?: undefined;
+        dataSrc?: undefined;
+        data?: undefined;
+        valueProperty?: undefined;
+        validateWhenHidden?: undefined;
+        defaultValue?: undefined;
+        selectValues?: undefined;
+        disableLimit?: undefined;
+        noRefreshOnScroll?: undefined;
+        selectData?: undefined;
+    })[];
+}
+export default _default;

package/lib/cjs/components/select/fixtures/comp22.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    title: 'FIO-8091',
+    name: 'fio8091',
+    path: 'fio8091',
+    type: 'form',
+    display: 'form',
+    components: [{
+            label: 'Select',
+            widget: 'choicesjs',
+            tableView: true,
+            dataSrc: 'url',
+            data: {
+                url: 'https://fake_url',
+                headers: [
+                    {
+                        key: '',
+                        value: ''
+                    },
+                ],
+            },
+            valueProperty: 'value',
+            validateWhenHidden: false,
+            key: 'select',
+            type: 'select',
+            input: true,
+            defaultValue: 'value1',
+            selectValues: 'data',
+            disableLimit: false,
+            noRefreshOnScroll: false,
+            selectData: {
+                label: 'Label 1'
+            },
+        }, {
+            type: 'button',
+            label: 'Submit',
+            key: 'submit',
+            disableOnInvalid: true,
+            input: true,
+            tableView: false,
+        }],
+};

package/lib/cjs/components/select/fixtures/index.d.ts

@@ -18,5 +18,6 @@ import comp18 from './comp18';
 import comp19 from './comp19';
 import comp20 from './comp20';
 import comp21 from './comp21';
-export { comp1, comp2, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, comp21 };
+import comp22 from './comp22';
+export { comp1, comp2, comp4, comp5, comp6, comp7, comp8, comp9, comp10, comp11, comp12, comp13, comp14, comp15, comp16, comp17, comp18, comp19, comp20, comp21, comp22 };
 export { multiSelect, multiSelectOptions } from "./comp3";

package/lib/cjs/components/select/fixtures/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.comp21 = exports.comp20 = exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp2 = exports.comp1 = exports.multiSelectOptions = exports.multiSelect = void 0;
+exports.comp22 = exports.comp21 = exports.comp20 = exports.comp19 = exports.comp18 = exports.comp17 = exports.comp16 = exports.comp15 = exports.comp14 = exports.comp13 = exports.comp12 = exports.comp11 = exports.comp10 = exports.comp9 = exports.comp8 = exports.comp7 = exports.comp6 = exports.comp5 = exports.comp4 = exports.comp2 = exports.comp1 = exports.multiSelectOptions = exports.multiSelect = void 0;
 const comp1_1 = __importDefault(require("./comp1"));
 exports.comp1 = comp1_1.default;
 const comp2_1 = __importDefault(require("./comp2"));
@@ -47,3 +47,5 @@ const comp20_1 = __importDefault(require("./comp20"));
 exports.comp20 = comp20_1.default;
 const comp21_1 = __importDefault(require("./comp21"));
 exports.comp21 = comp21_1.default;
+const comp22_1 = __importDefault(require("./comp22"));
+exports.comp22 = comp22_1.default;

package/lib/mjs/Webform.d.ts

@@ -79,6 +79,8 @@
  * @property {boolean} [allowPrevious] - Allow the previous button (for Wizard forms).
  * @property {string[]} [wizardButtonOrder] - The order of the buttons (for Wizard forms).
  * @property {boolean} [showCheckboxBackground] - Show the checkbox background.
+ * @property {boolean} [inputsOnly] - Only show inputs in the form and no labels.
+ * @property {boolean} [building] - If we are in the process of building the form.
  * @property {number} [zoom] - The zoom for PDF forms.
  */
 /**
@@ -469,7 +471,7 @@ declare class Webform extends NestedDataComponent {
      *
      * @returns {Promise} - A promise when the form is done submitting.
      */
-    submit(before: boolean, options?: {}): Promise<any>;
+    submit(before?: boolean, options?: {}): Promise<any>;
     submitUrl(URL: any, headers: any): void;
     triggerRecaptcha(): void;
     _nosubmit: any;
@@ -685,6 +687,14 @@ export type FormOptions = {
      * - Show the checkbox background.
      */
     showCheckboxBackground?: boolean | undefined;
+    /**
+     * - Only show inputs in the form and no labels.
+     */
+    inputsOnly?: boolean | undefined;
+    /**
+     * - If we are in the process of building the form.
+     */
+    building?: boolean | undefined;
     /**
      * - The zoom for PDF forms.
      */

package/lib/mjs/Webform.js

@@ -116,6 +116,8 @@ function getOptions(options) {
  * @property {boolean} [allowPrevious] - Allow the previous button (for Wizard forms).
  * @property {string[]} [wizardButtonOrder] - The order of the buttons (for Wizard forms).
  * @property {boolean} [showCheckboxBackground] - Show the checkbox background.
+ * @property {boolean} [inputsOnly] - Only show inputs in the form and no labels.
+ * @property {boolean} [building] - If we are in the process of building the form.
  * @property {number} [zoom] - The zoom for PDF forms.
  */
 /**
@@ -1438,7 +1440,7 @@ export default class Webform extends NestedDataComponent {
      *
      * @returns {Promise} - A promise when the form is done submitting.
      */
-    submit(before, options = {}) {
+    submit(before = null, options = {}) {
         this.submissionInProcess = true;
         if (!before) {
             return this.beforeSubmit(options).then(() => this.executeSubmit(options));