@formio/js 5.5.0 → 5.5.1-api99.0

package/lib/mjs/components/select/editForm/Select.edit.data.d.ts

@@ -9,99 +9,15 @@ declare const _default: ({
         custom?: undefined;
     };
     type?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
-    conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
-    reorder?: undefined;
-    components?: undefined;
-    dataSrc?: undefined;
-    authenticate?: undefined;
-    template?: undefined;
-    valueProperty?: undefined;
-    clearOnHide?: undefined;
-    lazyLoad?: undefined;
-    skipMerge?: undefined;
-    refreshOn?: undefined;
-    onSetItems?: undefined;
-    onChange?: undefined;
-    placeholder?: undefined;
-    validate?: undefined;
-    delimiter?: undefined;
-    requireDecimal?: undefined;
-    encrypted?: undefined;
-    rows?: undefined;
-    mask?: undefined;
-    tableView?: undefined;
-    alwaysEnabled?: undefined;
-} | {
-    type: string;
-    weight: number;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    conditional: {
-        json: {
-            '===': (string | {
-                var: string;
-            })[];
-            and?: undefined;
-            in?: undefined;
-        };
-    };
-    data?: undefined;
-    as?: undefined;
-    editor?: undefined;
+    conditional?: undefined;
     defaultValue?: undefined;
-    description?: undefined;
-    reorder?: undefined;
-    components?: undefined;
-    dataSrc?: undefined;
-    authenticate?: undefined;
-    template?: undefined;
-    valueProperty?: undefined;
-    clearOnHide?: undefined;
-    lazyLoad?: undefined;
-    skipMerge?: undefined;
-    refreshOn?: undefined;
-    onSetItems?: undefined;
-    onChange?: undefined;
-    placeholder?: undefined;
-    validate?: undefined;
-    delimiter?: undefined;
-    requireDecimal?: undefined;
-    encrypted?: undefined;
-    rows?: undefined;
-    mask?: undefined;
-    tableView?: undefined;
-    alwaysEnabled?: undefined;
-} | {
-    type: string;
-    as: string;
-    editor: string;
-    weight: number;
-    input: boolean;
-    key: string;
-    label: string;
-    tooltip: string;
-    defaultValue: {};
-    conditional: {
-        json: {
-            '===': (string | {
-                var: string;
-            })[];
-            and?: undefined;
-            in?: undefined;
-        };
-    };
-    data?: undefined;
-    description?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -303,8 +219,8 @@ declare const _default: ({
     };
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     skipMerge?: undefined;
@@ -412,8 +328,8 @@ declare const _default: ({
     };
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     placeholder?: undefined;
@@ -443,11 +359,11 @@ declare const _default: ({
         url?: undefined;
         custom?: undefined;
     };
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    conditional?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     authenticate?: undefined;
@@ -475,11 +391,52 @@ declare const _default: ({
     placeholder: string;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
+    description?: undefined;
+    conditional?: undefined;
     defaultValue?: undefined;
+    reorder?: undefined;
+    components?: undefined;
+    dataSrc?: undefined;
+    authenticate?: undefined;
+    template?: undefined;
+    valueProperty?: undefined;
+    clearOnHide?: undefined;
+    lazyLoad?: undefined;
+    skipMerge?: undefined;
+    refreshOn?: undefined;
+    onSetItems?: undefined;
+    onChange?: undefined;
+    validate?: undefined;
+    delimiter?: undefined;
+    requireDecimal?: undefined;
+    encrypted?: undefined;
+    rows?: undefined;
+    mask?: undefined;
+    tableView?: undefined;
+    alwaysEnabled?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            and?: undefined;
+            in?: undefined;
+        };
+    };
+    data?: undefined;
+    as?: undefined;
+    editor?: undefined;
     description?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -492,6 +449,7 @@ declare const _default: ({
     refreshOn?: undefined;
     onSetItems?: undefined;
     onChange?: undefined;
+    placeholder?: undefined;
     validate?: undefined;
     delimiter?: undefined;
     requireDecimal?: undefined;
@@ -710,8 +668,8 @@ declare const _default: ({
     };
     data?: undefined;
     as?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -759,8 +717,8 @@ declare const _default: ({
     };
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     authenticate?: undefined;
@@ -831,10 +789,10 @@ declare const _default: ({
     defaultValue: boolean;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -927,10 +885,10 @@ declare const _default: ({
     weight: number;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -973,8 +931,8 @@ declare const _default: ({
     data?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -1003,11 +961,11 @@ declare const _default: ({
     label: string;
     tooltip: string;
     data?: undefined;
-    conditional?: undefined;
     as?: undefined;
     editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    conditional?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -1040,8 +998,8 @@ declare const _default: ({
     tooltip: string;
     defaultValue: {};
     data?: undefined;
-    conditional?: undefined;
     description?: undefined;
+    conditional?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -1069,15 +1027,15 @@ declare const _default: ({
     onChange(context: any): void;
     data?: undefined;
     type?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
+    description?: undefined;
     conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
     defaultValue?: undefined;
-    description?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -1150,14 +1108,14 @@ declare const _default: ({
     };
     data?: undefined;
     type?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
-    as?: undefined;
-    editor?: undefined;
-    defaultValue?: undefined;
     description?: undefined;
+    defaultValue?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;
@@ -1184,15 +1142,15 @@ declare const _default: ({
     onChange(context: any): void;
     data?: undefined;
     type?: undefined;
+    as?: undefined;
+    editor?: undefined;
     weight?: undefined;
     input?: undefined;
     label?: undefined;
     tooltip?: undefined;
+    description?: undefined;
     conditional?: undefined;
-    as?: undefined;
-    editor?: undefined;
     defaultValue?: undefined;
-    description?: undefined;
     reorder?: undefined;
     components?: undefined;
     dataSrc?: undefined;

package/lib/mjs/components/select/editForm/Select.edit.data.js

@@ -56,48 +56,6 @@ export default [
             ],
         },
     },
-    {
-        type: 'textfield',
-        weight: 10,
-        input: true,
-        key: 'indexeddb.database',
-        label: 'Database name',
-        tooltip: 'The name of the indexeddb database.',
-        conditional: {
-            json: {
-                '===': [{ var: 'data.dataSrc' }, 'indexeddb'],
-            },
-        },
-    },
-    {
-        type: 'textfield',
-        input: true,
-        key: 'indexeddb.table',
-        label: 'Table name',
-        weight: 16,
-        tooltip: 'The name of table in the indexeddb database.',
-        conditional: {
-            json: {
-                '===': [{ var: 'data.dataSrc' }, 'indexeddb'],
-            },
-        },
-    },
-    {
-        type: 'textarea',
-        as: 'json',
-        editor: 'ace',
-        weight: 18,
-        input: true,
-        key: 'indexeddb.filter',
-        label: 'Row Filter',
-        tooltip: 'Filter table items that match the object.',
-        defaultValue: {},
-        conditional: {
-            json: {
-                '===': [{ var: 'data.dataSrc' }, 'indexeddb'],
-            },
-        },
-    },
     {
         type: 'textarea',
         as: 'json',

package/lib/mjs/components/textarea/TextArea.js

@@ -57,6 +57,9 @@ export default class TextAreaComponent extends TextFieldComponent {
         info.content = value;
         if ((this.options.readOnly || this.disabled) && !this.isHtmlRenderMode()) {
             const elementStyle = this.info.attr.style || '';
+            const viewAccessibleLabel = (this.options.readOnly || this.options.pdf)
+                ? this.getFormattedViewAccessibleLabel()
+                : '';
             const children = `
         <div ${this._referenceAttributeName}="input"
           class="formio-editor-read-only-content"
@@ -64,6 +67,7 @@ export default class TextAreaComponent extends TextFieldComponent {
           role="textbox"
           aria-multiline="true"
           aria-readonly="true"
+          ${viewAccessibleLabel ? `aria-label='${viewAccessibleLabel}'` : ''}
         >
         </div>`;
             return this.renderTemplate('well', {

package/lib/mjs/components/textarea/editForm/TextArea.edit.display.d.ts

@@ -10,6 +10,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     conditional?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
@@ -29,6 +32,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     conditional?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
@@ -48,6 +54,9 @@ declare const _default: ({
     placeholder?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     conditional?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
@@ -73,6 +82,9 @@ declare const _default: ({
     ignore?: undefined;
     placeholder?: undefined;
     defaultValue?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     conditional?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
@@ -80,6 +92,37 @@ declare const _default: ({
     clearOnHide?: undefined;
     as?: undefined;
     customDefaultValue?: undefined;
+} | {
+    key: string;
+    weight: number;
+    type: string;
+    tag: string;
+    className: string;
+    content: string;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+            '=='?: undefined;
+            or?: undefined;
+            and?: undefined;
+        };
+    };
+    ignore?: undefined;
+    input?: undefined;
+    label?: undefined;
+    tooltip?: undefined;
+    placeholder?: undefined;
+    defaultValue?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    valueProperty?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    clearOnHide?: undefined;
+    as?: undefined;
+    customDefaultValue?: undefined;
 } | {
     type: string;
     input: boolean;
@@ -92,8 +135,8 @@ declare const _default: ({
             '==': (string | {
                 var: string;
             })[];
-            or?: undefined;
             '==='?: undefined;
+            or?: undefined;
             and?: undefined;
         };
     };
@@ -102,6 +145,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
     editor?: undefined;
@@ -121,8 +167,8 @@ declare const _default: ({
                     var: string;
                 })[];
             }[];
-            '=='?: undefined;
             '==='?: undefined;
+            '=='?: undefined;
             and?: undefined;
         };
     };
@@ -132,6 +178,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
     editor?: undefined;
@@ -164,6 +213,9 @@ declare const _default: ({
     };
     ignore?: undefined;
     defaultValue?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     rows?: undefined;
     editor?: undefined;
     clearOnHide?: undefined;
@@ -191,6 +243,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
     editor?: undefined;
@@ -221,6 +276,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     clearOnHide?: undefined;
     as?: undefined;
@@ -247,6 +305,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
     editor?: undefined;
@@ -273,15 +334,18 @@ declare const _default: ({
                     var: string;
                 })[];
             })[];
+            '==='?: undefined;
             '=='?: undefined;
             or?: undefined;
-            '==='?: undefined;
         };
     };
     ignore?: undefined;
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     editor?: undefined;
     clearOnHide?: undefined;
@@ -309,8 +373,8 @@ declare const _default: ({
                     var: string;
                 })[];
             }[];
-            '=='?: undefined;
             '==='?: undefined;
+            '=='?: undefined;
             and?: undefined;
         };
     };
@@ -318,6 +382,9 @@ declare const _default: ({
     ignore?: undefined;
     placeholder?: undefined;
     defaultValue?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     rows?: undefined;
     editor?: undefined;
@@ -340,8 +407,8 @@ declare const _default: ({
                     var: string;
                 })[];
             }[];
-            '=='?: undefined;
             '==='?: undefined;
+            '=='?: undefined;
             and?: undefined;
         };
     };
@@ -351,6 +418,9 @@ declare const _default: ({
     defaultValue?: undefined;
     dataSrc?: undefined;
     data?: undefined;
+    tag?: undefined;
+    className?: undefined;
+    content?: undefined;
     valueProperty?: undefined;
     clearOnHide?: undefined;
 })[];

package/lib/mjs/components/textarea/editForm/TextArea.edit.display.js

@@ -47,6 +47,19 @@ export default [
         },
         weight: 415,
     },
+    {
+        key: 'quillInfo',
+        weight: 415,
+        type: 'htmlelement',
+        tag: 'div',
+        className: 'alert alert-info',
+        content: '<i class="fa fa-info-circle" aria-hidden="true" style="margin-right: 0.5rem;"></i>Quill will be deprecated in an upcoming release. It is recommended to select another Editor.',
+        conditional: {
+            json: {
+                '===': [{ var: 'data.editor' }, 'quill'],
+            },
+        },
+    },
     {
         type: 'checkbox',
         input: true,

package/lib/mjs/package.json

@@ -1,5 +1,5 @@
 {
     "type": "module",
-    "version": "5.5.0"
+    "version": "5.5.1-api99.0"
     
 }

package/lib/mjs/providers/address/GoogleAddressProvider.d.ts

@@ -78,7 +78,7 @@ export class GoogleAddressProvider extends AddressProvider {
      */
     addRequiredProviderOptions(options: AutocompleteOptions): void;
     filterPlace(place: any): {};
-    attachAutocomplete(elem: any, index: any, onSelectAddress: any): void;
+    attachAutocomplete(elem: any, index: any, onSelectAddress: any): any;
     search(): Promise<void>;
     makeRequest(): Promise<void>;
     getDisplayValue(address: any): any;

package/lib/mjs/providers/address/GoogleAddressProvider.js

@@ -168,13 +168,24 @@ export class GoogleAddressProvider extends AddressProvider {
         return filteredPlace;
     }
     attachAutocomplete(elem, index, onSelectAddress) {
-        Formio.libraryReady(this.getLibraryName()).then(() => {
+        return Formio.libraryReady(this.getLibraryName()).then(() => {
             const autocomplete = new google.maps.places.Autocomplete(elem, this.autocompleteOptions);
-            autocomplete.addListener('place_changed', () => {
+            const listener = autocomplete.addListener('place_changed', () => {
                 const place = this.filterPlace(autocomplete.getPlace());
                 place.formattedPlace = _.get(autocomplete, 'gm_accessors_.place.se.formattedPrediction', place[this.alternativeDisplayValueProperty]);
                 onSelectAddress(place, elem, index);
             });
+            return () => {
+                if (google?.maps?.event) {
+                    google.maps.event.clearInstanceListeners(autocomplete);
+                    google.maps.event.removeListener(listener);
+                }
+                document.querySelectorAll('.pac-container').forEach((node) => {
+                    if (node.parentNode) {
+                        node.parentNode.removeChild(node);
+                    }
+                });
+            };
         });
     }
     search() {

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

@@ -84,6 +84,7 @@ declare const FormioUtils: {
     checkJsonConditional(component: import("@formio/core").Component, json: import("@formio/core").JSONConditional, row: any, data: any, form: import("@formio/core").Form, onError: any): boolean;
     checkCondition(component: import("@formio/core").Component, row: any, data: any, form: import("@formio/core").Form, instance: any): boolean;
     checkTrigger(component: import("@formio/core").Component, trigger: any, row: import("@formio/core").DataObject, data: import("@formio/core").DataObject, form: import("@formio/core").Form, instance: any): boolean;
+    escapeInterpolationDataStrings(obj: any): any;
     setActionProperty(component: import("@formio/core").Component, action: any, result: string, row: import("@formio/core").DataObject, data: import("@formio/core").DataObject, instance: any): import("@formio/core").Component;
     removeHTML(str: string): string;
     unescapeHTML(str: string): string;

package/lib/mjs/utils/utils.d.ts

@@ -118,6 +118,13 @@ export function checkCondition(component: import('@formio/core').Component, row:
  * @returns {boolean} - TRUE if the trigger should fire; FALSE otherwise.
  */
 export function checkTrigger(component: import('@formio/core').Component, trigger: any, row: import('@formio/core').DataObject, data: import('@formio/core').DataObject, form: import('@formio/core').Form, instance: any): boolean;
+/**
+ * Recursively HTML-escape strings in submission-like objects so logic templates
+ * (e.g. dynamic labels) cannot treat user-entered values as HTML.
+ * @param {*} obj - The value to escape.
+ * @returns {*} - The same structure with strings escaped.
+ */
+export function escapeInterpolationDataStrings(obj: any): any;
 /**
  * Sets a property on a component via an executed Logic action.
  * @param {import('@formio/core').Component} component - The component to set the property on.