@esri/solutions-components 0.8.1 → 0.8.2

package/dist/cjs/map-select-tools_3.cjs.entry.js

@@ -86,6 +86,14 @@ const MapSelectTools = class {
             }
         }
     }
+    /**
+     * Called each time the mapView prop is changed.
+     */
+    async mapViewWatchHandler(v, oldV) {
+        if (v && v !== oldV) {
+            await this._init();
+        }
+    }
     /**
      * Called each time the searchConfiguration prop is changed.
      *
@@ -93,7 +101,7 @@ const MapSelectTools = class {
      */
     async watchSearchConfigurationHandler(newValue, oldValue) {
         if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) {
-            this._initSearchWidget();
+            await this._initSearchWidget();
         }
     }
     //--------------------------------------------------------------------------
@@ -177,12 +185,6 @@ const MapSelectTools = class {
      */
     async componentDidLoad() {
         await this._init();
-        await this._searchWidget.when(() => {
-            var _a;
-            this._searchWidget.allPlaceholder = ((_a = this.searchConfiguration) === null || _a === void 0 ? void 0 : _a.allPlaceholder) &&
-                this.searchConfiguration.allPlaceholder.toLowerCase() !== "find address or place" ?
-                this.searchConfiguration.allPlaceholder : this._translations.placeholder;
-        });
     }
     /**
      * Renders the component.
@@ -269,7 +271,7 @@ const MapSelectTools = class {
     async _init() {
         this._initGraphicsLayer();
         await this._initSelectionSet();
-        this._initSearchWidget();
+        await this._initSearchWidget();
     }
     /**
      * Initialize the state of the component with any stored values in a selection set
@@ -315,7 +317,7 @@ const MapSelectTools = class {
      *
      * @protected
      */
-    _initSearchWidget() {
+    async _initSearchWidget() {
         if (this.mapView && this._searchElement) {
             const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
             const searchOptions = Object.assign({ view: this.mapView, container: this._searchElement, searchTerm: this._searchTerm }, searchConfiguration);
@@ -344,6 +346,12 @@ const MapSelectTools = class {
                     void this._clearResults(false, clearLabel);
                 }
             });
+            await this._searchWidget.when(() => {
+                var _a;
+                this._searchWidget.allPlaceholder = ((_a = this.searchConfiguration) === null || _a === void 0 ? void 0 : _a.allPlaceholder) &&
+                    this.searchConfiguration.allPlaceholder.toLowerCase() !== "find address or place" ?
+                    this.searchConfiguration.allPlaceholder : this._translations.placeholder;
+            });
         }
     }
     /**
@@ -411,19 +419,21 @@ const MapSelectTools = class {
      */
     _initGraphicsLayer() {
         const title = this._translations.bufferLayer;
-        const bufferIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
-        if (bufferIndex > -1) {
-            this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(bufferIndex);
-        }
-        else {
-            this._bufferGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
-            publicNotificationStore.state.managedLayers.push(title);
-            const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === this._translations.sketchLayer);
-            if (sketchIndex > -1) {
-                this.mapView.map.layers.add(this._bufferGraphicsLayer, sketchIndex);
+        if (this.mapView) {
+            const bufferIndex = this.mapView.map.layers.findIndex((l) => l.title === title);
+            if (bufferIndex > -1) {
+                this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(bufferIndex);
             }
             else {
-                this.mapView.map.layers.add(this._bufferGraphicsLayer);
+                this._bufferGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
+                publicNotificationStore.state.managedLayers.push(title);
+                const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === this._translations.sketchLayer);
+                if (sketchIndex > -1) {
+                    this.mapView.map.layers.add(this._bufferGraphicsLayer, sketchIndex);
+                }
+                else {
+                    this.mapView.map.layers.add(this._bufferGraphicsLayer);
+                }
             }
         }
     }
@@ -781,6 +791,7 @@ const MapSelectTools = class {
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "geometries": ["watchGeometriesHandler"],
+        "mapView": ["mapViewWatchHandler"],
         "searchConfiguration": ["watchSearchConfigurationHandler"]
     }; }
 };

package/dist/cjs/public-notification.cjs.entry.js

@@ -82,6 +82,7 @@ const PublicNotification = class {
         if (v === null || v === void 0 ? void 0 : v.popup) {
             this._popupsEnabled = v === null || v === void 0 ? void 0 : v.popup.autoOpenEnabled;
         }
+        this._initSearchConfiguration(this.searchConfiguration);
     }
     /**
      * Called each time the searchConfiguration prop is changed.
@@ -90,7 +91,7 @@ const PublicNotification = class {
      */
     async watchSearchConfigurationHandler(newValue, oldValue) {
         const s_newValue = JSON.stringify(newValue);
-        if (s_newValue !== JSON.stringify(oldValue)) {
+        if (this.mapView && (s_newValue !== JSON.stringify(oldValue) || (s_newValue && !this._searchConfiguration))) {
             this._searchConfiguration = JSON.parse(s_newValue);
             this.searchConfigurationChange.emit(this._searchConfiguration);
             // force back to list page before we create Search
@@ -179,6 +180,12 @@ const PublicNotification = class {
         const headerSlot = this._isMobile ? "footer" : "header";
         return (index.h(index.Host, null, index.h("calcite-shell", null, index.h("calcite-action-bar", { class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", interfaces.EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", interfaces.EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", interfaces.EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
+    /**
+     * StencilJS: Called once just after the component is first loaded.
+     */
+    async componentDidLoad() {
+        this._initSearchConfiguration(this.searchConfiguration);
+    }
     /**
      * StencilJS: Called every time the component is disconnected from the DOM
      */
@@ -205,6 +212,22 @@ const PublicNotification = class {
         this._geometryEngine = geometryEngine;
         this._jsonUtils = jsonUtils;
     }
+    /**
+     * Load the search configuration
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    _initSearchConfiguration(v) {
+        if (this.searchConfiguration && !this._searchConfiguration && this.mapView) {
+            this._searchConfiguration = v;
+            this.searchConfigurationChange.emit(this._searchConfiguration);
+            // force back to list page before we create Search
+            // https://devtopia.esri.com/WebGIS/arcgis-template-configuration/issues/3402
+            void this._home();
+        }
+    }
     /**
      * Initialize the default symbols that will be used when creating new graphics
      *