@esri/solutions-components 0.10.20 → 0.10.22

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

@@ -60,6 +60,10 @@ const MapSelectTools = class {
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
+    /**
+     * esri/request: https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html
+     */
+    _esriRequest;
     /**
      * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
      */
@@ -289,7 +293,7 @@ const MapSelectTools = class {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: 'd9b4042323733785938a45be76688099b8a81b23' }, this._getMapLayerPicker(), h("div", { key: 'd468cd2df9971c02909fd0bc9603603bb213164f', class: "border-bottom" }), h("div", { key: '8cecea0a4387371c3af1ea76bbafd1cf7f205d77', class: "padding-top-sides-1" }, h("div", { key: 'd5364d20f014611ca73bbe1bc5b638aaa8e38738', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '2c1f16ce050e934e8dbd25a0ef430d8590438ce5', class: mapToolsContainerClass }, h("map-draw-tools", { key: '256ee8262662c1c54cee34bdc084e7555e3985c6', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '92859f6a60356d7ddc0b5530a06e181d67f3274b', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '6753158d00a33dd5dfbb1f22cc27388baf4c0b5e' }, this._getMapLayerPicker(), h("div", { key: '082c6be48d3dfbe2e39be2c462959c7772a91d40', class: "border-bottom" }), h("div", { key: '0e8133a809b05bef34c2f19adeff43c1e57cc002', class: "padding-top-sides-1" }, h("div", { key: '4434b5b4d073f3ba9a7e44b82078b9b81733025b', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6f01e27e06ea365de6ff98df3f9edd973d87117c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '24ffe562d080955f2aacfd080c0baa1997f8eaab', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '4c7cf401b5bcc7e4adef34e140d22676fce8ebbc', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -356,13 +360,15 @@ const MapSelectTools = class {
      * @protected
      */
     async _initModules() {
-        const [GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await loadModules([
+        const [esriRequest, GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await loadModules([
+            "esri/request",
             "esri/layers/GraphicsLayer",
             "esri/Graphic",
             "esri/widgets/Search",
             "esri/geometry/geometryEngine",
             "esri/layers/FeatureLayer"
         ]);
+        this._esriRequest = esriRequest;
         this.GraphicsLayer = GraphicsLayer;
         this.Graphic = Graphic;
         this.Search = Search;
@@ -439,25 +445,7 @@ const MapSelectTools = class {
                 void this._clearResults(false, clearLabel);
             });
             this._searchWidget.on("select-result", (searchResults) => {
-                if (searchResults.result) {
-                    this._searchResult = searchResults.result;
-                    const resultFeature = searchResults.result.feature;
-                    const resultLayer = resultFeature?.layer;
-                    const selectLayer = this.selectLayerView.layer;
-                    const oid = resultFeature?.getObjectId();
-                    const useOIDs = resultLayer?.url && selectLayer?.url && resultLayer.url === selectLayer.url && !isNaN(oid);
-                    const oids = useOIDs ? [oid] : undefined;
-                    this._workflowType = EWorkflowType.SEARCH;
-                    void this._updateLabel();
-                    const graphics = [searchResults.result.feature];
-                    this._updateSelection(graphics, useOIDs, oids);
-                    this._drawTools.graphics = graphics;
-                    this._searchWidget.resultGraphic.visible = false;
-                }
-                else {
-                    const clearLabel = this._searchClearLabel();
-                    void this._clearResults(false, clearLabel);
-                }
+                void this._selectResult(searchResults.result);
             });
             await this._searchWidget.when(() => {
                 this._searchWidget.allPlaceholder = this.searchConfiguration?.allPlaceholder &&
@@ -466,6 +454,75 @@ const MapSelectTools = class {
             });
         }
     }
+    /**
+     * Handle the result from the search widget.
+     *
+     * @param url the url of the layer view
+     *
+     * @returns the url of the views source
+     * @protected
+     */
+    async _selectResult(result) {
+        if (result) {
+            this._searchResult = result;
+            const resultFeature = result.feature;
+            const resultLayer = resultFeature?.layer;
+            const selectLayer = this.selectLayerView.layer;
+            const oid = resultFeature?.getObjectId();
+            let resultLayerSourceUrl;
+            if (resultLayer.sourceJSON?.isView) {
+                resultLayerSourceUrl = await this._getViewSourceUrl(resultLayer.url);
+            }
+            let selectLayerSourceUrl;
+            if (selectLayer.sourceJSON?.isView) {
+                selectLayerSourceUrl = await this._getViewSourceUrl(selectLayer.url);
+            }
+            const rUrl = resultLayer?.url?.toLowerCase();
+            const rSourceUrl = resultLayerSourceUrl?.toLowerCase();
+            const sUrl = selectLayer?.url?.toLowerCase();
+            const sSourceUrl = selectLayerSourceUrl?.toLowerCase();
+            const useOIDs = rUrl && sUrl &&
+                (rUrl === sUrl || rUrl === sSourceUrl || rSourceUrl === sUrl || rSourceUrl === sSourceUrl) &&
+                !isNaN(oid);
+            const oids = useOIDs ? [oid] : undefined;
+            this._workflowType = EWorkflowType.SEARCH;
+            void this._updateLabel();
+            const graphics = [result.feature];
+            this._updateSelection(graphics, useOIDs, oids);
+            this._drawTools.graphics = graphics;
+            this._searchWidget.resultGraphic.visible = false;
+        }
+        else {
+            const clearLabel = this._searchClearLabel();
+            void this._clearResults(false, clearLabel);
+        }
+    }
+    /**
+     * Get the source url for a view. This function supports single source views only.
+     *
+     * @param url the url of the layer view
+     *
+     * @returns the url of the views source
+     * @protected
+     */
+    async _getViewSourceUrl(url) {
+        let sourceUrl = "";
+        const resultLayerSourcesUrl = `${url}/sources?f=json`;
+        try {
+            const request = await this._esriRequest(resultLayerSourcesUrl, {
+                query: {
+                    f: "json"
+                }
+            });
+            if (request?.data?.services?.length === 1) {
+                sourceUrl = request.data.services[0].url;
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        return sourceUrl;
+    }
     /**
      * Check if the current label should be cleared
      *

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

@@ -32,9 +32,9 @@ const PublicNotification = class {
         this.defaultExportTitle = "";
         this.defaultNumLabelsPerPage = 6;
         this.enableLayerFeatures = true;
-        this.enableLayerFeaturesOnLoad = true;
+        this.enableLayerFeaturesOnLoad = false;
         this.enableSearchDistance = true;
-        this.enableSearchDistanceOnLoad = true;
+        this.enableSearchDistanceOnLoad = false;
         this.enableSketchTools = true;
         this.featureEffect = undefined;
         this.featureHighlightEnabled = undefined;
@@ -255,7 +255,7 @@ const PublicNotification = class {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '5473fef09cfb2a8870f8e03f263f4d003c6768e4' }, h("calcite-shell", { key: '4ecd592093267c886138b79b2ebb1b4b2e913463' }, h("calcite-action-bar", { key: 'e427d8982bc5e68d9b5430875b9079a0ce43e02b', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.