@formio/js 5.5.2 → 5.6.1

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

@@ -1,4 +1,24 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -11,6 +31,7 @@ const AddressProvider_1 = require("./AddressProvider");
 const GOOGLE_MAPS_BASE_URL = 'https://maps.googleapis.com';
 const GOOGLE_MAPS_JS_URL = `${GOOGLE_MAPS_BASE_URL}/maps/api/js`;
 const GOOGLE_MAPS_JS_WITH_PARAMS_URL = `${GOOGLE_MAPS_JS_URL}?v=quarterly&libraries=places&loading=async&callback=googleMapsCallback`;
+const NEW_PLACES_API_VERSION = 'newPlacesApi';
 /**
  * @typedef {object} AutocompleteOptions
  * @property {string[]} fields - The fields to include in the autocomplete response.
@@ -78,6 +99,19 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
     get alternativeDisplayValueProperty() {
         return 'formatted_address';
     }
+    /**
+     * @returns {string} The property to use for display value on places returned by the new Places API.
+     */
+    get newApiDisplayValueProperty() {
+        return 'formattedAddress';
+    }
+    /**
+     * @returns {boolean} Whether the provider is configured to use the new Places API.
+     */
+    get usesNewPlacesApi() {
+        var _a;
+        return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.version) === NEW_PLACES_API_VERSION;
+    }
     /**
      * @param {AutocompleteOptions} options - The autocomplete options.
      */
@@ -95,10 +129,11 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
   
      */
     setAutocompleteOptions() {
-        let options = lodash_1.default.get(this.options, 'autocompleteOptions', {});
-        if (!lodash_1.default.isObject(options)) {
-            options = {};
-        }
+        // Clone so the stored provider options are never mutated: the required fields
+        // differ per Places API version, and stale fields from a previous computation
+        // must not leak into the next one (FIO-10428).
+        const storedOptions = lodash_1.default.get(this.options, 'autocompleteOptions', {});
+        const options = lodash_1.default.isObject(storedOptions) ? lodash_1.default.cloneDeep(storedOptions) : {};
         this.addRequiredProviderOptions(options);
         this.autocompleteOptions = options;
     }
@@ -138,14 +173,9 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
      * @returns {string[]} The required address properties.
      */
     getRequiredAddressProperties() {
-        return [
-            'address_components',
-            'formatted_address',
-            'geometry',
-            'place_id',
-            'plus_code',
-            'types',
-        ];
+        return this.usesNewPlacesApi
+            ? ['addressComponents', 'formattedAddress', 'location', 'viewport', 'id', 'plusCode', 'types']
+            : ['address_components', 'formatted_address', 'geometry', 'place_id', 'plus_code', 'types'];
     }
     /**
      * Adds the required provider options to the options.
@@ -174,25 +204,77 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
         }
         return filteredPlace;
     }
-    attachAutocomplete(elem, index, onSelectAddress) {
+    attachAutocomplete(elem, index, onSelectAddress, disable = false) {
+        if (disable) {
+            return Promise.resolve();
+        }
         return Formio_1.Formio.libraryReady(this.getLibraryName()).then(() => {
-            const autocomplete = new google.maps.places.Autocomplete(elem, this.autocompleteOptions);
-            const listener = autocomplete.addListener('place_changed', () => {
-                const place = this.filterPlace(autocomplete.getPlace());
-                place.formattedPlace = lodash_1.default.get(autocomplete, 'gm_accessors_.place.se.formattedPrediction', place[this.alternativeDisplayValueProperty]);
-                onSelectAddress(place, elem, index);
+            this.setAutocompleteOptions();
+            if (!this.usesNewPlacesApi) {
+                const autocomplete = new google.maps.places.Autocomplete(elem, this.autocompleteOptions);
+                const listener = autocomplete.addListener('place_changed', () => {
+                    const place = this.filterPlace(autocomplete.getPlace());
+                    place.formattedPlace = lodash_1.default.get(autocomplete, 'gm_accessors_.place.se.formattedPrediction', place[this.alternativeDisplayValueProperty]);
+                    onSelectAddress(place, elem, index);
+                });
+                return () => {
+                    var _a;
+                    if ((_a = google === null || google === void 0 ? void 0 : google.maps) === null || _a === void 0 ? void 0 : _a.event) {
+                        google.maps.event.clearInstanceListeners(autocomplete);
+                        google.maps.event.removeListener(listener);
+                    }
+                    document.querySelectorAll('.pac-container').forEach((node) => {
+                        if (node.parentNode) {
+                            node.parentNode.removeChild(node);
+                        }
+                    });
+                };
+            }
+            const _a = this.autocompleteOptions, { fields, componentRestrictions } = _a, elementOptions = __rest(_a, ["fields", "componentRestrictions"]);
+            const country = componentRestrictions === null || componentRestrictions === void 0 ? void 0 : componentRestrictions.country;
+            if (country) {
+                // The new element spells legacy componentRestrictions.country as includedRegionCodes.
+                elementOptions.includedRegionCodes = lodash_1.default.castArray(country);
+            }
+            elementOptions.noInputIcon = true;
+            const autocomplete = new google.maps.places.PlaceAutocompleteElement(elementOptions);
+            if (elem === null || elem === void 0 ? void 0 : elem.value) {
+                autocomplete.value = elem.value;
+            }
+            autocomplete.classList.add('form-control');
+            // Replace the existing element with the autocomplete element
+            elem.parentNode.replaceChildren(autocomplete);
+            const handlePlaceSelect = (event) => __awaiter(this, void 0, void 0, function* () {
+                var _b, _c;
+                let selectedPlace;
+                try {
+                    const place = event.placePrediction.toPlace();
+                    yield place.fetchFields({
+                        fields: fields || this.getRequiredAddressProperties(),
+                    });
+                    const convertedPlace = {
+                        addressComponents: place.addressComponents || [],
+                        formattedAddress: place.formattedAddress || '',
+                        location: place.location || {},
+                        viewport: place.viewport || {},
+                        id: place.id || '',
+                        plusCode: place.plusCode || {},
+                        types: place.types || [],
+                    };
+                    selectedPlace = this.filterPlace(convertedPlace);
+                    selectedPlace.formattedPlace = convertedPlace.formattedAddress;
+                }
+                catch (err) {
+                    // fetchFields rejections are otherwise swallowed by the Maps event
+                    // dispatcher; never let a failed details request drop the selection.
+                    console.warn(`Unable to fetch the selected place's details: ${err}`);
+                    selectedPlace = { formattedPlace: String((_c = (_b = event.placePrediction) === null || _b === void 0 ? void 0 : _b.text) !== null && _c !== void 0 ? _c : '') };
+                }
+                onSelectAddress(selectedPlace, elem, index);
             });
+            autocomplete.addEventListener('gmp-select', handlePlaceSelect);
             return () => {
-                var _a;
-                if ((_a = google === null || google === void 0 ? void 0 : google.maps) === null || _a === void 0 ? void 0 : _a.event) {
-                    google.maps.event.clearInstanceListeners(autocomplete);
-                    google.maps.event.removeListener(listener);
-                }
-                document.querySelectorAll('.pac-container').forEach((node) => {
-                    if (node.parentNode) {
-                        node.parentNode.removeChild(node);
-                    }
-                });
+                autocomplete.removeEventListener('gmp-select', handlePlaceSelect);
             };
         });
     }
@@ -203,10 +285,12 @@ class GoogleAddressProvider extends AddressProvider_1.AddressProvider {
         return Promise.resolve();
     }
     getDisplayValue(address) {
-        const displayedProperty = lodash_1.default.has(address, this.displayValueProperty)
-            ? this.displayValueProperty
-            : this.alternativeDisplayValueProperty;
-        return lodash_1.default.get(address, displayedProperty, '');
+        const displayedProperty = [
+            this.displayValueProperty,
+            this.alternativeDisplayValueProperty,
+            this.newApiDisplayValueProperty,
+        ].find((property) => lodash_1.default.has(address, property));
+        return displayedProperty ? lodash_1.default.get(address, displayedProperty, '') : '';
     }
     /**
      * Tries to remove the library if api key for loaded script is different.

package/lib/cjs/utils/formUtils.d.ts

@@ -29,6 +29,9 @@ export const findComponents: typeof Utils.findComponents;
 export const eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataAsyncCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => Promise<void>;
 export const eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => void;
 export const getComponentKey: typeof Utils.getComponentKey;
+export const getSharedPathKey: typeof Utils.getSharedPathKey;
+export const registerInstanceAtPath: typeof Utils.registerInstanceAtPath;
+export const resolveInstanceAtPath: typeof Utils.resolveInstanceAtPath;
 export const getContextualRowPath: any;
 export const getContextualRowData: typeof Utils.getContextualRowData;
 export const componentInfo: typeof Utils.componentInfo;

package/lib/cjs/utils/formUtils.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getItemTemplateKeys = exports.compareSelectResourceWithObjectTypeValues = exports.isSelectResourceWithObjectValue = exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.findComponents = exports.getComponentValue = exports.getComponentFromPath = exports.getBestMatch = exports.componentMatches = exports.getComponentPaths = exports.componentPath = exports.isComponentNestedDataType = exports.resetComponentScope = exports.setComponentScope = exports.getComponentPath = exports.getModelType = exports.MODEL_TYPES_OF_KNOWN_COMPONENTS = exports.uniqueName = exports.guid = exports.flattenComponents = void 0;
+exports.getItemTemplateKeys = exports.compareSelectResourceWithObjectTypeValues = exports.isSelectResourceWithObjectValue = exports.isComponentDataEmpty = exports.getEmptyValue = exports.findComponent = exports.applyFormChanges = exports.generateFormChange = exports.getStrings = exports.getValue = exports.escapeRegExCharacters = exports.formatAsCurrency = exports.parseFloatExt = exports.hasCondition = exports.removeComponent = exports.searchComponents = exports.getComponent = exports.matchComponent = exports.isLayoutComponent = exports.getComponentActualValue = exports.getComponentData = exports.eachComponentAsync = exports.eachComponent = exports.componentInfo = exports.getContextualRowData = exports.getContextualRowPath = exports.resolveInstanceAtPath = exports.registerInstanceAtPath = exports.getSharedPathKey = exports.getComponentKey = exports.eachComponentData = exports.eachComponentDataAsync = exports.findComponents = exports.getComponentValue = exports.getComponentFromPath = exports.getBestMatch = exports.componentMatches = exports.getComponentPaths = exports.componentPath = exports.isComponentNestedDataType = exports.resetComponentScope = exports.setComponentScope = exports.getComponentPath = exports.getModelType = exports.MODEL_TYPES_OF_KNOWN_COMPONENTS = exports.uniqueName = exports.guid = exports.flattenComponents = void 0;
 const core_1 = require("@formio/core");
-const { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys, } = core_1.Utils;
+const { flattenComponents, guid, uniqueName, MODEL_TYPES_OF_KNOWN_COMPONENTS, getModelType, getComponentPath, setComponentScope, resetComponentScope, isComponentNestedDataType, componentPath, getComponentPaths, componentMatches, getBestMatch, getComponentFromPath, getComponentValue, findComponents, eachComponentDataAsync, eachComponentData, getComponentKey, getSharedPathKey, registerInstanceAtPath, resolveInstanceAtPath, getContextualRowPath, getContextualRowData, componentInfo, eachComponent, eachComponentAsync, getComponentData, getComponentActualValue, isLayoutComponent, matchComponent, getComponent, searchComponents, removeComponent, hasCondition, parseFloatExt, formatAsCurrency, escapeRegExCharacters, getValue, getStrings, generateFormChange, applyFormChanges, findComponent, getEmptyValue, isComponentDataEmpty, isSelectResourceWithObjectValue, compareSelectResourceWithObjectTypeValues, getItemTemplateKeys, } = core_1.Utils;
 exports.flattenComponents = flattenComponents;
 exports.guid = guid;
 exports.uniqueName = uniqueName;
@@ -22,6 +22,9 @@ exports.findComponents = findComponents;
 exports.eachComponentDataAsync = eachComponentDataAsync;
 exports.eachComponentData = eachComponentData;
 exports.getComponentKey = getComponentKey;
+exports.getSharedPathKey = getSharedPathKey;
+exports.registerInstanceAtPath = registerInstanceAtPath;
+exports.resolveInstanceAtPath = resolveInstanceAtPath;
 exports.getContextualRowPath = getContextualRowPath;
 exports.getContextualRowData = getContextualRowData;
 exports.componentInfo = componentInfo;

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

@@ -40,6 +40,9 @@ declare const FormioUtils: {
     eachComponentDataAsync: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataAsyncCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataAsyncCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => Promise<void>;
     eachComponentData: (components: import("@formio/core").Component[], data: import("@formio/core").DataObject, fn: import("@formio/core").EachComponentDataCallback, includeAll?: boolean | undefined, local?: boolean | undefined, parent?: import("@formio/core").Component | undefined, parentPaths?: import("@formio/core").ComponentPaths | undefined, noScopeReset?: boolean | undefined, afterFn?: import("@formio/core").EachComponentDataCallback | undefined, localRoot?: import("@formio/core").LocalRoot | undefined) => void;
     getComponentKey: typeof import("@formio/core/lib/utils/formUtil").getComponentKey;
+    getSharedPathKey: typeof import("@formio/core/lib/utils/formUtil").getSharedPathKey;
+    registerInstanceAtPath: typeof import("@formio/core/lib/utils/formUtil").registerInstanceAtPath;
+    resolveInstanceAtPath: typeof import("@formio/core/lib/utils/formUtil").resolveInstanceAtPath;
     getContextualRowPath: any;
     getContextualRowData: typeof import("@formio/core/lib/utils/formUtil").getContextualRowData;
     componentInfo: typeof import("@formio/core/lib/utils/formUtil").componentInfo;

package/lib/mjs/Embed.js

@@ -14,7 +14,7 @@ export class Formio {
         Formio._formioReady = ready;
         Formio._formioReadyReject = reject;
     });
-    static version = '5.5.2';
+    static version = '5.6.1';
     static setLicense(license, norecurse = false) {
         Formio.license = license;
         if (!norecurse && Formio.FormioClass) {

package/lib/mjs/Formio.js

@@ -4,7 +4,7 @@ import CDN from './CDN';
 import Providers from './providers';
 FormioCore.cdn = new CDN();
 FormioCore.Providers = Providers;
-FormioCore.version = '5.5.2';
+FormioCore.version = '5.6.1';
 CDN.defaultCDN = FormioCore.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/mjs/components/Components.js

@@ -65,11 +65,7 @@ export default class Components {
         else {
             comp = new Component(component, options, data);
         }
-        if (comp.path) {
-            comp.eachRootChildComponentsMap((map) => {
-                map[comp.path] = comp;
-            });
-        }
+        comp.registerComponentInstance();
         // Reset the componentMatches on the root element if any new component is created.
         let parent = comp.parent;
         while (parent) {

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

@@ -171,6 +171,20 @@ declare class Component extends Element {
      * @param {(map: object) => void} fn - Called once per root that exposes a `childComponentsMap`.
      */
     eachRootChildComponentsMap(fn: (map: object) => void): void;
+    /**
+     * Registers this instance in every root's `childComponentsMap`. Several components can resolve
+     * to one data path — see `getSharedPathKey` in `@formio/core` for the rule this follows.
+     * @returns {void}
+     */
+    registerComponentInstance(): void;
+    sharedPathKey: string | undefined;
+    /**
+     * Removes this instance from every root's `childComponentsMap`.
+     * @param {string} [path] - The path this instance was registered under, when it has since
+     * been re-keyed (a DataGrid row index change regenerates paths before unregistering).
+     * @returns {void}
+     */
+    unregisterComponentInstance(path?: string | undefined): void;
     /**
      * Returns if the parent should conditionally clear.
      *

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

@@ -437,6 +437,39 @@ export default class Component extends Element {
             currentRoot = currentRoot.root;
         }
     }
+    /**
+     * Registers this instance in every root's `childComponentsMap`. Several components can resolve
+     * to one data path — see `getSharedPathKey` in `@formio/core` for the rule this follows.
+     * @returns {void}
+     */
+    registerComponentInstance() {
+        const path = this.path;
+        if (!path) {
+            return;
+        }
+        // Recorded on every instance, not just the ones that lose the race for the path: it names
+        // this registration for `unregisterComponentInstance()`, which can run after `path` changed.
+        this.sharedPathKey = FormioUtils.getSharedPathKey(path, this.component.key);
+        this.eachRootChildComponentsMap((map) => {
+            FormioUtils.registerInstanceAtPath(map, path, this.component.key, this);
+        });
+    }
+    /**
+     * Removes this instance from every root's `childComponentsMap`.
+     * @param {string} [path] - The path this instance was registered under, when it has since
+     * been re-keyed (a DataGrid row index change regenerates paths before unregistering).
+     * @returns {void}
+     */
+    unregisterComponentInstance(path = this.path) {
+        this.eachRootChildComponentsMap((map) => {
+            if (map[path] === this) {
+                delete map[path];
+            }
+            if (this.sharedPathKey && map[this.sharedPathKey] === this) {
+                delete map[this.sharedPathKey];
+            }
+        });
+    }
     /**
      * Returns if the parent should conditionally clear.
      *
@@ -924,7 +957,7 @@ export default class Component extends Element {
             return '';
         }
         // Use _userInput: true to ignore translations from defaults
-        if (text in enTranslation && params._userInput) {
+        if (this.i18next?.language === 'en' && text in enTranslation && params._userInput) {
             return text;
         }
         params.data = params.data || this.rootValue;

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

@@ -553,11 +553,7 @@ export default class NestedComponent extends Field {
         components = components || this.components;
         component.destroy(all);
         _.remove(components, { id: component.id });
-        component.eachRootChildComponentsMap((map) => {
-            if (map[component.path]) {
-                delete map[component.path];
-            }
-        });
+        component.unregisterComponentInstance();
     }
     /**
      * Removes a component provided the API key of that component.
@@ -666,9 +662,11 @@ export default class NestedComponent extends Field {
     validationProcessor({ scope, data, row, instance, paths }, flags) {
         const { dirty } = flags;
         if (this.root && this.root.hasSubWizards && this.page !== this.root.page) {
-            instance = this.componentsMap?.hasOwnProperty(paths.dataPath)
-                ? this.componentsMap[paths.dataPath]
-                : this.getComponent(paths.dataPath);
+            // `instance` was resolved by @formio/core against this very map, shared-path rule and
+            // all, so only fill in what that lookup cannot reach: components keyed by their data
+            // path where core looked under a full path, and components absent from the map.
+            instance =
+                instance || this.componentsMap?.[paths.dataPath] || this.getComponent(paths.dataPath);
         }
         if (!instance) {
             return;

package/lib/mjs/components/address/Address.js

@@ -414,8 +414,12 @@ export default class AddressComponent extends ContainerComponent {
         this.searchInput.forEach((element, index) => {
             if (!this.builderMode && element && this.provider) {
                 if (this.component.provider === 'google') {
+                    if (this.component.enableNewPlacesApi) {
+                        this.provider.options.version = 'newPlacesApi';
+                    }
                     this.googlePlacesCleanups = [];
-                    this.provider.attachAutocomplete(element, index, this.onSelectAddress.bind(this))
+                    this.provider
+                        .attachAutocomplete(element, index, this.onSelectAddress.bind(this), this.disabled)
                         .then((cleanup) => {
                         if (typeof cleanup === 'function') {
                             this.googlePlacesCleanups.push(cleanup);
@@ -516,7 +520,6 @@ export default class AddressComponent extends ContainerComponent {
         if (this.autocompleterWidget && typeof this.autocompleterWidget.destroy === 'function') {
             this.autocompleterWidget.destroy();
         }
-        ;
         (this.googlePlacesCleanups || []).forEach((cleanup) => {
             cleanup();
         });

package/lib/mjs/components/address/editForm/Address.edit.provider.d.ts

@@ -118,6 +118,30 @@ declare const _default: ({
     validate?: undefined;
     defaultValue?: undefined;
     description?: undefined;
+} | {
+    weight: number;
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    conditional: {
+        json: {
+            '===': (string | {
+                var: string;
+            })[];
+        };
+    };
+    placeholder?: undefined;
+    valueProperty?: undefined;
+    dataSrc?: undefined;
+    data?: undefined;
+    validate?: undefined;
+    defaultValue?: undefined;
+    rows?: undefined;
+    editor?: undefined;
+    as?: undefined;
+    description?: undefined;
 } | {
     type: string;
     input: boolean;

package/lib/mjs/components/address/editForm/Address.edit.provider.js

@@ -136,6 +136,19 @@ export default [
             },
         },
     },
+    {
+        weight: 10,
+        type: 'checkbox',
+        input: true,
+        key: 'enableNewPlacesApi',
+        label: 'Places API (New)',
+        tooltip: 'Enable the new Google Places API instead of the legacy version.',
+        conditional: {
+            json: {
+                '===': [{ var: 'data.provider' }, 'google'],
+            },
+        },
+    },
     {
         type: 'textarea',
         input: true,

package/lib/mjs/components/datagrid/DataGrid.js

@@ -430,12 +430,8 @@ export default class DataGridComponent extends NestedArrayComponent {
             component.rowIndex = rowIndex;
             component.row = `${rowIndex}-${colIndex}`;
             entries.forEach(({ instance, oldPath }) => {
-                instance.eachRootChildComponentsMap((map) => {
-                    if (map[oldPath] === instance) {
-                        delete map[oldPath];
-                    }
-                    map[instance.paths.dataPath] = instance;
-                });
+                instance.unregisterComponentInstance(oldPath);
+                instance.registerComponentInstance();
             });
         });
     }
@@ -539,10 +535,11 @@ export default class DataGridComponent extends NestedArrayComponent {
                     }, modified);
                     this.triggerRootChange(flags, changed, modified);
                 }
+                const rowData = this.dataValue[rowIndex];
                 this.processRow('checkData', null, {
                     ...flags,
                     changed,
-                }, row, _.toArray(this.rows[rowIndex]));
+                }, rowData, _.toArray(this.rows[rowIndex]));
             };
             let columnComponent;
             if (this.builderMode) {

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

@@ -92,6 +92,11 @@ export default class FileComponent extends Field {
         this.abortUploads = [];
         this.pendingfiles = [];
         this.resolvedFiles = [];
+        const imageSize = Number(this.component.imageSize);
+        const isValidImageSize = imageSize > 0;
+        if (!isValidImageSize) {
+            this.component.imageSize = '200';
+        }
     }
     get dataReady() {
         return this.filesReady || Promise.resolve();
@@ -635,7 +640,7 @@ export default class FileComponent extends Field {
             fileKey: this.component.fileKey || 'file',
             storage: this.component.storage,
             options: this.component.storage === 'url'
-                ? (this.component.urlRequestOptions || this.component.options)
+                ? this.component.urlRequestOptions || this.component.options
                 : this.component.options,
             file,
             size: file.size,
@@ -668,7 +673,9 @@ export default class FileComponent extends Field {
         return fileWithSameNameUploaded || fileWithSameNameUploading
             ? {
                 status: 'error',
-                message: this.t(fileWithSameNameUploading ? 'fileWithDuplicatedNameInProgress' : 'fileWithDuplicatedNameLoaded'),
+                message: this.t(fileWithSameNameUploading
+                    ? 'fileWithDuplicatedNameInProgress'
+                    : 'fileWithDuplicatedNameLoaded'),
             }
             : {};
     }
@@ -866,8 +873,8 @@ export default class FileComponent extends Field {
     }
     async deleteFile(fileInfo) {
         const options = this.component.storage === 'url'
-            ? (this.component.urlRequestOptions || this.component.options || {})
-            : (this.component.options || {});
+            ? this.component.urlRequestOptions || this.component.options || {}
+            : this.component.options || {};
         if (fileInfo &&
             ['url', 'indexeddb', 's3', 'azure', 'googledrive'].includes(this.component.storage)) {
             const { fileService } = this;
@@ -1006,7 +1013,7 @@ export default class FileComponent extends Field {
                 delete fileToSync.progress;
                 this.redraw();
                 if (fileInfo) {
-                    const fileExists = this.resolvedFiles.find(x => x.fileInfo.originalName === fileToSync.originalName);
+                    const fileExists = this.resolvedFiles.find((x) => x.fileInfo.originalName === fileToSync.originalName);
                     if (!fileExists && fileToSync.status !== 'error') {
                         this.resolvedFiles.push({ fileToSync, fileInfo });
                     }
@@ -1060,8 +1067,8 @@ export default class FileComponent extends Field {
     }
     getFile(fileInfo) {
         const options = this.component.storage === 'url'
-            ? (this.component.urlRequestOptions || this.component.options || {})
-            : (this.component.options || {});
+            ? this.component.urlRequestOptions || this.component.options || {}
+            : this.component.options || {};
         const { fileService } = this;
         if (!fileService) {
             return alert(this.t('noFileService'));
@@ -1101,7 +1108,9 @@ export default class FileComponent extends Field {
                 return Promise.resolve();
             }
             await this.syncFiles();
-            return this.shouldSyncFiles ? Promise.reject(this.t('synchronizationFailed')) : Promise.resolve();
+            return this.shouldSyncFiles
+                ? Promise.reject(this.t('synchronizationFailed'))
+                : Promise.resolve();
         }
         catch (error) {
             return Promise.reject(error.message);